/*Snacktreat  v7 Global Styles*/

/*Global CSS */

html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strike, strong, sub, sup, 
tt, var, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
table { border-spacing: 0; border-collapse: collapse; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote, q { quotes: none; }
:focus { outline: 0; }


html, body {height: 100%;} 
.right{float: right;}
.left{float: left;}

/*Typography*/

.color1{color: yellow}
.color2{color:white}
.color3{color:#ccc}

.white .color1{color: #333333;}
.white .color2{color: #27200d;}
.white .color3{color: #342c12;}


body{background-color:black;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: 16px;
	line-height: 1.25em;
	color:#ccc;margin:0; }

strong { 
	font-weight: bold; 
}

em { 
	font-style: italic; 
}

h1, .styleh1 {
	font-size: 3em;
	line-height: 1em;
	margin: .75em 0 .5em 0;
	letter-spacing: -0.05em;
	color:yellow;
	font-weight: bold;
}

h2, .styleh2 {
	margin-left: 0;
	margin-bottom: 0.3em;
	margin-right: 0;
	margin-top: 1em;
	font-size: 2.25em;
	line-height: 1em;
	letter-spacing: -0.075em;
	color:yellow;
	font-weight: bold;
}

h3, .styleh3 {
	margin-left: 0;
	margin-bottom: .3em;
	margin-right: 0;
	margin-top: 1em;
	font-size: 1.5em;
	letter-spacing: -0.05em;
	color:yellow;
	font-weight: bold;
}

h4, .styleh4 {
	margin-left: 0;
	margin-bottom: .3em;
	margin-right: 0;
	margin-top: 1em;
	font-size: 1.3em;
	letter-spacing: -0.05em;
	color:yellow;
}
h5, .styleh5 {
	margin-left: 0;
	margin-bottom: .3em;
	margin-right: 0;
	margin-top: 1em;
	font-size: 1.15em;
	letter-spacing: -0.05em;
	color:yellow;
}
h6, .styleh6 {
	margin-left: 0;
	margin-bottom: .3em;
	margin-right: 0;
	margin-top: 1em;
	font-size: 1em;
	letter-spacing: -0.05em;
	color:yellow;
}
p {color:#ccc;margin:0;}
a {color: #3ca7ff; text-decoration:none; font-weight:bold; }
a:hover { color:yellow; text-decoration:underline:}


/*black pages*/
.black{background-image: url(/img/layout/background/background.gif);background-color: black;padding:40px 0 10px;}
img { border: none; }
.style1{color:yellow; font-size: 2.25em;
	margin: 1em 0 0.5em 180px;
	line-height: 1em;
	letter-spacing: -0.05em;}
.style2{color:white; font-size: 2em;
	margin: 1.1666em 0 0.666em 180px;
	letter-spacing: -0.075em;}
.style3{font-size:24px; font-size: 1.5em;
	margin: 1em 0 0.666em 180px;
	letter-spacing: -0.05em;}
.style4{font-size:22px; color:white; font-weight:bold; margin-bottom : 1em;letter-spacing: -2px}
.style5{font-size:16px; font-weight:bold; margin-bottom : 1em;}
.style6{font-size:16px; color:white; font-weight:bold; margin-bottom : 1em;}
.stylep{color:#ccc;
	font-size: 16px;
	line-height: 1.125em;
	color:#ccc;margin: 10px 0 20px 0;}



/*white pages*/
/*div.white{background-image: url(/img/layout/background/background_white.gif);background-color:white;padding:40px 0 10px;}*/
div.white{background-color:white;padding:40px 0 10px;}
.white h1{color:black}
.white h2{color:black}
.white h3{color:black}
.white h4{color:black}
.white h5{color:black}
.white h6{color:black}
.white p {color: #373636;}
.white a {color:#3084ca;}
.white a:hover { color: #49aaff; }

.white_page{background: white; padding:40px 0 30px 0}


#masthead { height:46px; padding-top:8px; background: #fffd00 url('/img/layout/background/bg-masthead.gif') top left repeat-x; } /* this contains the main nav */
#masthead img.snacktreat-logo  { display:block; float:left; bottom: 5px;height:37px;width:152px; margin-top:2px}
#masthead ul#nav-primary { float:right; margin:0; }
#masthead ul#nav-primary li { float:left; list-style-type:none; margin:0 15px 0 0; height:27px; padding:9px 0 0 4px; background:none; }
#masthead ul#nav-primary li a { padding:7px 8px 0px 6px; color:#000; text-decoration:none; font-weight:normal; font-size: 15px; text-shadow: 1px 1px 1px #cefe00 ; outline:none; }
#masthead ul#nav-primary li a:hover { text-shadow: 0px 0px #7e7e7e; color: #3084ca; text-decoration:none;}
#masthead ul#nav-primary li a:active, #masthead ul#nav-primary li a:focus { color: #3084ca; } 
/*#masthead ul#nav-primary li.current { background: url('/img/layout/buttons/btn-currentpage-left.png') center left no-repeat; padding:1px 0 0 4px; line-height:12px; margin-top:2px;}*/
/*#masthead ul#nav-primary li.current a { background:  url('/img/layout/buttons/btn-currentpage-right.png') center right no-repeat;display:block; height:19px;color:yellow;}*/
#masthead ul#nav-primary li.current {}
#masthead ul#nav-primary li.current a {color:#3084ca}
#masthead ul#nav-primary li.login { background: url('/img/layout/background/decal-masthead.gif') center left no-repeat; padding-left: 18px; }
#masthead ul#nav-primary li.login a { color: #333; }
#masthead ul#nav-primary li.login a:hover { color: #000; }


.content {margin-left:auto;margin-right:auto;width:960px;}
#content {padding:20px 0 0;}

#footer,#push { clear:both;/* .push must be the same height as .footer */ }
#push {height: 375px;}

#footer-wrapper { padding:20px 0 0 0; width:925px; margin:auto;}
#footer { background:#111; height: 375px; color: #666; border-top: 1px solid #444;}
#footer.frontpage { height: 640px; }
#footer h3 { color: #fff; border-bottom: 1px solid #444; margin-bottom: 10px; padding:0 0 5px 0;}
#footer a { color: #777 }
#footer a:hover { color: #cdcdcd;  }
#footer ul { list-style-type: none; margin: 0 0 20px 0; padding: 0; }
#footer ul li { margin-bottom:5px; background:none; padding:0; }
#footer ul li a { color:#999;  }
#footer ul li a:hover { color:#3084ca; }

#footer .content { margin-top:20px; }
#footer .copyright { margin-top:20px; }

#footer .contact-us img { margin-right:4px;}
#footer .contact-us li { margin-bottom:7px }
#footer .contact-us, #footer .contact-us a  { color: #cdcdcd; }
#footer .contact-us * { vertical-align: middle; }
#footer .contact-us a:hover { }

#footer  #copyright { text-align: center; font-size: .85em; color: #666; margin: 15px 0 10px 0; }


#footer-news h3, #footer-twitter h3, #footer-contact h3 { padding: 5px 0 0 25px;}
#footer-news h3 { background: url('/img/layout/icons/feed20.gif') center left no-repeat; }

#footer-news a, #footer-twitter a { color: #78b9e7 !important; }
#footer-news a:hover, #footer-twitter a:hover { color: #3084ca !important; }

#footer-contact {}
#footer-contact h3 {}
#footer-contact p { padding: 2px 0 0 0;margin-bottom: 10px; }

#footer-contact #footer-phone {color: #fff;}
#footer-contact #chat-on {}
#footer-contact #footer-email {}

#footer-news li { border-bottom: 1px solid #111; border-top: 1px solid #333; margin: 0 !important; padding: 10px 0 !important; }
#footer-news li p { margin-bottom: 0; }
#footer-news ul li:first-child { border-top: none;}



#bottom-signup { background: #373737 url('/img/layout/background/bg-grey3.gif') top left repeat-x; padding: 15px 0 14px 0; margin-top: 0px; border-bottom: 1px solid #222; text-align: center; font-size: 16px; color: #999; }
#bottom-signup * { vertical-align: middle; }
#bottom-signup a { color: #eee; }
#bottom-signup a:hover { color: #fff; }
#bottom-signup span { margin: 0 5px; }


/*Contact*/

.contact_title{margin:15px 0 5px 0;}
.contact_header{margin:0 0 20px 0;}


/*Banners*/

#banner { height:75px; padding:30px 0 0 0; background: url('/img/layout/background/bg-subpagebanner.gif') repeat-x; } /* green banner used on all sub-pages */
/*#banner .subpage-header { text-shadow: 2px 2px 2px #3c7710;  font-weight: 800;font-size:50px; color:#FFF; letter-spacing:-1px; margin-top:-5px; float:left; line-height:normal; }*/

#feature-bar { background: #d2d2d2 url('/img/layout/background/bg-grey.gif') top left repeat-x; height: 145px; padding-top: 6px; font-size: 12px; }
#feature-bar .col-3, #features .col-3 { width: 220px; margin-right: 15px; }
#feature-bar .feature, #features .feature { margin-top: 10px; margin-bottom: 10px; cursor: pointer; padding: 5px 0px 5px 5px; }
#feature-bar .feature:hover, #features .feature:hover { background: url('/img/layout/background/bg-frontfeature-hover.gif') top left no-repeat; }
#feature-bar .feature:hover p.light, #features .feature:hover p.light { color: #555; }
#feature-bar .feature:hover h3, #features .feature:hover h3 { color: #111; }


#feature-bar h3, #features h3 { font-weight: lighter; padding: 10px 0 6px 40px; color: #444; font-size: 16px; }


#feature-bar.dark .feature:hover { background: none; }
#feature-bar.dark .feature:hover p.light { color: #aaa; }
#feature-bar.dark .feature:hover h3 { color: #111; }




/* Portfolio */

#portfolio {margin-bottom:30px;padding: 0;}

.separator1 {float: left;margin: 0;width: 960px;height: 1px;display: block;background: url(/img/content/separator1.png) bottom no-repeat;}

.portfolio_thumb {display: inline;float: left;height: 136px;margin: 0 1px 0 0;width: 239px;padding:0;}

#item_01.portfolio_thumb {background: url(/img/content/examples/t1_over.jpg);}
#item_02.portfolio_thumb {background: url(/img/content/examples/t2_over.jpg);}
#item_03.portfolio_thumb {background: url(/img/content/examples/t3_over.jpg);}
#item_04.portfolio_thumb {background: url(/img/content/examples/t4_over.jpg);}
#item_05.portfolio_thumb {background: url(/img/content/examples/t5_over.jpg);}
#item_06.portfolio_thumb {background: url(/img/content/examples/t6_over.jpg);}
#item_07.portfolio_thumb {background: url(/img/content/examples/t7_over.jpg);}
#item_08.portfolio_thumb {background: url(/img/content/examples/t8_over.jpg);}

.separator2 {float: left;margin: 1px 0 0 0;width: 967px;height: 1px;display: block;background: url(../images/separator2.png) top no-repeat;}

.portfolio_item{margin-top:50px;margin-bottom:50px; padding-top:20px}
div.separator3 {border-bottom: 1px solid #444;}
a.visit{margin-top:30px;float:right;}
a.opacity img{cursor:pointer;}
.portfolio_item p{margin: 1em 0}
.portfolio_item h2{}
.portfolio_item h4{margin: .5em 0}

.snacktreat-description{line-height: 1.25em}

/*products*/
#sidebar_products { background: url('/img/layout/background/bg-sidebar-feature.jpg') 15px 0px no-repeat; height:700px;padding:25px 0 0 0; margin-top:-0px;}
#sidebar_products ul { padding:15px 0 0 0; margin:0;}
#sidebar_products ul li {list-style:none;  font-family:'lucida grande','Lucida Sans Unicode', sans-serif; margin-bottom:20px; padding:0 0 10px 20px; background:none;  }
#sidebar_products ul li a {color:#5b5b5b; display:block;padding:5px 0 5px 30px; background:transparent; outline:none;}
#sidebar_products ul li a:active, #sidebar-features ul li a:focus {color:#000; }

#sidebar_products ul li.current {background: url('/img/layout/buttons/btn-nav-currentfeature.png') right no-repeat;background-position-x: 1px; line-height:55px; margin:-20px 0 0 0;border-width:0px;  padding:0 0 8px 20px; }
#sidebar_products ul li.current a { color:#000; font-weight:normal;}
#wrapper #sidebar_products .current * { background-position: 0 -89px;}

#sidebar_products ul a.overview {background: url('/img/layout/.gif') 0 5px no-repeat ; }
#sidebar_products ul a.overview:hover {background-position: 0 -109px }

#sidebar_products ul.list-target-markets  { margin: -12px 0 0 24px; border-top:1px solid #d9d9d9; padding: 8px 0px 0px; width:180px}
#sidebar_products ul.list-target-markets li { font-size: 11.5px; margin: 0 0 5px 0; border-width: 0px; padding: 0; }
#sidebar_products ul.list-target-markets li a { font-weight: bold; padding: 0 0 0 15px; margin: 5px 0 10px 0; }
#sidebar_products ul.list-target-markets li a:hover { color: #78b9e7; }
#sidebar_products ul.list-target-markets li a.current { color: #000; }
#sidebar_products a.designers { background: url('../images/icons/monitor10.gif') center left no-repeat; }
#sidebar_products a.full-list { background: url('../images/icons/checkmark10.gif') center left no-repeat; }

div#products_wrapper{background: url(http://www.snacktreat.com/img/layout/background/bg.png) repeat-x rgb(255, 255, 255);}

#featured{background:transparent url(http://www.snacktreat.com/img/layout/background/shadow.jpg) no-repeat scroll 0px 368px;}

/*featured*/

#featured{
position:relative;
top:70px;
width:960px;
height:575px;
overflow: hidden;
}

#featured_image{
width:940px;
height:420px;
overflow: hidden;
margin:0 auto;
border: none;
}

#featured_image img, #featured_image a img {
position:absolute;
z-index: 2;
visibility: hidden;
}

#featured #featured_image .current_img, #featured #featured_image .current_img img{
z-index: 3;
visibility: visible;
}
/*infotext*/
#infotext{
width:940px;
padding:0 10px;
}

#infotext h2{
font-family:arial;
font-size:18px;
padding:10px 0 12px;
position:relative;
top:2px;
}
/*infotext*/
#infotext{
background:transparent url(http://www.snacktreat.com/img/layout/background/bg_infotext.png) no-repeat scroll 0px -1px;
}

#infotext h2{
background:transparent url(http://www.snacktreat.com/img/layout/background/bg_infotext.png) no-repeat scroll center bottom;
color:#555555;
}

.box{
position:relative;
margin-right:50px;
float:left;
overflow: hidden;
padding-bottom: 50px;
}

.box3{
margin:0;
}

.box_small{
width:280px;
}

.box_mini{
width:160px;
margin-right:20px;
}

.box_small h3{
padding:15px 0 4px 0;
}


/* Buttons */

.button, .button:visited {
	background: #222 url(/img/layout/buttons/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #333; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.button:hover{ background-color: #111; color: #333; }
.button:active{ top: 1px; }
.small.button, .small.button:visited{ font-size: 11px; padding: ; }
.button, .button:visited,.medium.button, .medium.button:visited{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.button, .large.button:visited{ font-size: 14px; padding: 8px 14px 9px; }
	
.green.button, .green.button:visited{ background-color: #91bd09; }
.green.button:hover{ background-color: #749a02; }
.blue.button, .blue.button:visited{ background-color: #3084ca; }
.blue.button:hover{ background-color:yellow; }
.red.button, .red.button:visited{ background-color: #e33100; }
.red.button:hover{ background-color: #872300; }
.magenta.button, .magenta.button:visited{ background-color: #a9014b; }
.magenta.button:hover{ background-color: #630030; }
.orange.button, .orange.button:visited{ background-color: #ff5c00; }
.orange.button:hover{ background-color: #d45500; }
.yellow.button, .yellow.button:visited{ background-color: #fffd00; }
.yellow.button:hover{ background-color: #3084ca; }


input{background-color: white;}

#top.white{background: url(http://www.snacktreat.com/img/layout/background/bg.png)repeat-x white;height: 1000px}
#top_content{background-image: url(http://www.snacktreat.com/img/layout/background/shadow.jpg);background-position-y: 437px;}