/* ____________________ #body overwrites ______________________________________________________________________________ */
#body h1{font-size:28px; color:#000 }
#body h2{color:#000}
#body h3{color:#000}
#body p{color:#515151;}
#body a{color:#000; font-weight:bold;}
#body a:hover{color:#333;}
#body small{}
#body form{}
#body ul.navigation li{list-style:none outside;}
#body{
	background-color:#494949;
}
/* ____________________ OuterContainer and Container CSS ______________________________________________________________________________ */
#outerContainer{
	background-image:url(http://lygo.com/ly/zeeblio/styles/vectors/images/566693.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	min-height:700px; 
}
#container{
	background-image:url(http://lygo.com/ly/zeeblio/styles/vectors/images/568077.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	margin:0 auto;
	width:1149px;
}
/* ____________________ Header CSS ______________________________________________________________________________ */
#header{
	margin:0 auto;
	min-height:100px; 
	padding:10px 0 0;
	position:relative; 
	width:940px;
}
#header h1, #header h2, #header h3, #header p{
	background:#000; 
	color:#fff;
	display:inline;
	padding:5px;
}
#header ul.navigation{}
#header ul.navigation li{
	float:left; 
	min-width:30px; 
	margin:3px 5px;
}
#header ul.navigation li a{
	background-color: #e3e1e2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e3e1e2), to(#acacaa)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #e3e1e2, #acacaa); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient(top, #e3e1e2, #acacaa); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #e3e1e2, #acacaa); /* IE10 */
  background-image:      -o-linear-gradient(top, #e3e1e2, #acacaa); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #e3e1e2, #acacaa);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e3e1e2', EndColorStr='#acacaa'); /* IE6–IE9 */border:1px solid #923025;
	-moz-box-shadow:1px 1px 2px #000; -webkit-box-shadow:1px 1px 2px #000; box-shadow:1px 1px 2px #000;
	color:#923025;  
	display:block; 
	font-size:14px;
	font-weight:bold;
	line-height:2.3em;
	padding:0 10px;  
}
#header ul.navigation li a:hover{
	color:#333; 
	text-decoration:none;
}
#header ul.navigation li a.selected{
	color:#000; 
	text-decoration:none;
}
/* ____________________ Main / Content Area & Side bar CSS ______________________________________________________________________________ */
#main{
	background-color:#EAEAEA;
	border-bottom:1px solid #923025;	
	border-top:1px solid #923025;
	margin:0 auto; 
	width:940px;
}
#content{}
#content ul.navigation{margin:10px 0;}
#content ul.navigation li{
	border-right:1px solid #515151; 
	border-bottom:none!important; 
	float:left; 
	margin-bottom:5px;
	min-width:30px; 
}
#content ul.navigation li.last{border-right:none;}
#content ul.navigation li a{
	color:#923025;
	display:block; 
	font-weight:bold;   
	padding:0 10px; 
}
#content ul.navigation li a:hover, #content ul.navigation li a.selected{
	color:#000; 
	text-decoration:none;
}
#sidebar{padding:15px;}
#sidebar ul.navigation{margin-bottom:6px;}
#sidebar ul.navigation li{border-bottom:1px solid;}
#sidebar ul.navigation li a{
	display:block; 
	padding:4px 3px 3px;
}
#sidebar ul.navigation li a:hover, #sidebar ul.navigation li a.selected{
	background:#923025;
	color:#fff; 
}
/* ____________________ Footer CSS ______________________________________________________________________________ */
#footer{
	background-color:#EAEAEA;
	background-image:url(http://lygo.com/ly/zeeblio/styles/vectors/images/566936.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	border-bottom:#000 1px solid; 
	margin-left:104px;
	padding:10px;
	width:920px;
} 
#footer ul.navigation{margin:10px 0;}
#footer ul.navigation li{
	border-right:1px solid #515151; 
	border-bottom:none!important; 
	float:left; 
	margin-bottom:5px;
	min-width:30px; 
}
#footer ul.navigation li.last{border-right:none}
#footer ul.navigation li a{
	color:#923025;
	display:block; 
	font-weight:bold;   
	padding:0 10px; 
}
#footer ul.navigation li a:hover, #footer ul.navigation li a.selected{
	color:#000; 
	text-decoration:none;
}
/* ____________________ Layout Specific CSS ______________________________________________________________________________ */
/*----LAYOUT 1 Column----*/
.layout1c #header ul.navigation{
	width:100%;
}
.layout1c #content{
	margin:0 auto; 
	padding:15px;
	width:895px;
}
.layout1c #sidebar{
	background-image:url(http://lygo.com/ly/zeeblio/styles/vectors/images/566936.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	border-top:1px #515151 solid;
	padding:10px;
	width:auto;  
}
.layout1c #sidebar ul.navigation{
	background-color: #e3e1e2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e3e1e2), to(#acacaa)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #e3e1e2, #acacaa); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient(top, #e3e1e2, #acacaa); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #e3e1e2, #acacaa); /* IE10 */
  background-image:      -o-linear-gradient(top, #e3e1e2, #acacaa); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #e3e1e2, #acacaa);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e3e1e2', EndColorStr='#acacaa'); /* IE6–IE9 */border:1px solid #923025;
}
.layout1c #sidebar ul.navigation li{
	border-right:1px solid #923025; 
	border-bottom:none!important; 
	float:left; 
	height:20px; 
	min-width:30px; 
	text-align:center;
	width:auto; 
}
.layout1c #sidebar ul.navigation li a{
	color:#923025; 
	display:block; 
	font-size:12px;
	font-weight:bold;  
	height:20px; 
	line-height:1.6em;
	padding:0 10px;
	width:auto;  
}
.layout1c #sidebar ul.navigation li a:hover, .layout1c #sidebar ul.navigation li a.selected{
	color:#fff; 
	text-decoration:none;
}
/*----LAYOUT 2 Column Left----*/
.layout2cl #header ul.navigation{
	left:226px; 
	width:713px;
}
.layout2cl #main{
	background-image:url(http://lygo.com/ly/zeeblio/styles/vectors/images/566817.jpg);
	background-position:35px top;
	background-repeat:repeat-y;
}
.layout2cl #content{
	padding:10px; 
    width:680px;   
}
.layout2cl #sidebar{
	padding-left:13px!important;
	width:200px;
}
.layout2cl #footer{
	margin-left:331px; 
	padding-left:13px;
	width:690px;
}
/*----LAYOUT 2 Column Right----*/
.layout2cr #header ul.navigation{width:706px;}
.layout2cr #main{
	background-image:url(http://lygo.com/ly/zeeblio/styles/vectors/images/566818.jpg);
	background-position:707px top;
	background-repeat:repeat-y;
}
.layout2cr #content{
	padding:10px; 
	width:671px;
}
.layout2cr #sidebar{width:200px; }
.layout2cr #footer{width:687px;}
/* ____________________ Module Specific Styling ______________________________________________________________________________ */
.addOnBorder{} 
.addOnBorderBottom{} 
.addOnBorderTop{} 
.addOnGradientTop{} 
.addOnGradientBottom{}
.addOnShadowBox{} 
.addOnShadowBoxSmall{} 
.addOnTableHeading{}
.addOnTableHeadingBg{} 
.addOnTableRowBg{} 
.addOnTableRowAltBg{}
.addOnTableColumnBg{} 
.addOnTableColumnAltBg{}
.addOnBackgroundImage{}
.addOnHeadline{}
.addOnSubHead{}
.addOnSubH3{}
.addOnSubH4{}
.addOnPlainText{}
.addOnBasicLink{}
.addOnSmallText{}
.addOnBackground{}
.addOnShadedText{}
.addOnAccentText{}
.addOnSectionHead{}
.addOnMiniNavBox{}
.addOnButton{background:#923025; border:none; color:#fff!important;}

/* ____________________ mobile layout ______________________________________________________________________________ */
@media screen and (max-device-width:480px), screen and (max-width:600px){
/* adds mobile only background */
#body.mobileLayout{background:url(http://lygo.com/ly/zeeblio/styles/vectors/images/mBG.png) no-repeat #494949}

/* style for menu button at top right of page */
#body.mobileLayout #mNavLink{background:#923025; color:#fff; border:1px solid #000}

/* styling for navigation menu to be placed at bottom of page */
#body.mobileLayout .mobileNav ul{}
#body.mobileLayout .mobileNav ul li a{background-color: #e3e1e2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e3e1e2), to(#acacaa)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #e3e1e2, #acacaa); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient(top, #e3e1e2, #acacaa); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #e3e1e2, #acacaa); /* IE10 */
  background-image:      -o-linear-gradient(top, #e3e1e2, #acacaa); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #e3e1e2, #acacaa);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e3e1e2', EndColorStr='#acacaa'); /* IE6–IE9 */
			color:#923025}
#body.mobileLayout .mobileNav ul li a:hover, #body.mobileLayout .mobileNav ul li a.selected{background:#923025; color:#fff}
#body.mobileLayout .mobileNav ul li.first a{}
#body.mobileLayout .mobileNav ul li.last a{}

/* mobile layout/content styling */
	#body.mobileLayout #header{padding-top:20px}
	#body.mobileLayout #main{background:rgba(255, 255, 255, .75); border-top:1px solid #923025;}
	#body.mobileLayout #content{color:#000; margin-bottom:15px}
	#body.mobileLayout #sidebar{
	background:url(http://lygo.com/ly/zeeblio/styles/vectors/images/566936.jpg) repeat-x #EAEAEA;
	border-bottom:1px solid #923025; border-top:1px solid #923025;
	margin-bottom:15px; padding-top:15px}
	#body.mobileLayout #footer{background:url(http://lygo.com/ly/zeeblio/styles/vectors/images/566936.jpg) #EAEAEA repeat-x;}
}
