/* This is the Main Logo */
#logo {background: url(../images/light/blue3.png) 0 0 no-repeat;} 

/* Top Bar */
#topbar {font-size: 11px; background: url(../images/light/topbar-m.png) 0 0 repeat-x;}
#topbar2 {background: url(../images/light/topbar-l.png) 0 0 no-repeat;}
#topbar3 {background: url(../images/light/topbar-r.png) 100% 0 no-repeat;}
#showcase {border: 1px solid #ccc;border-top: 0;}

/* Main Body */
body {background: #FFFFFF; overflow-x:hidden;}
#page-bg {background: #FFFFFF 50% 0 repeat-x;}
#bl.corner, .bottom-bl {background: url(../images/light/maincontent-bl.png);}
#br.corner, .bottom-br {background: url(../images/light/maincontent-br.png);}
#tl.corner, .bottom-tl {background: url(../images/light/maincontent-tl.png);}
#tr.corner, .bottom-tr {background: url(../images/light/maincontent-tr.png);}
.show-bl {background: url(../images/light/showcase-bl.png);}
.show-br {background: url(../images/light/showcase-br.png);}
#main-content {border: 1px solid #ccc;}
#bl.corner {bottom:0;left:0;}
#br.corner {bottom:0;right:0;}
#tl.corner {top:0;left:0;}
#tr.corner {top:0;right:0;}
#bottom-main2 {border: 1px solid #ccc;}

/* Horizontal Menu */
.drop {
height: 21px;
margin-bottom: 0; 
margin-right: auto; 
margin-top: 13px; 
padding-top: 13px; 
margin-left: 160px;
width: 820px; 
background: transparent url(../images/light/menubar.png);
font-family:arial, sans-serif; 
position:relative; 
z-index:500;
}

.drop .title { padding-top: 10px; padding-left: 6px; padding-bottom: 0; padding-right: 6px; height: 1px;}
.drop .title p {padding:0 60px 0 0; margin:0; text-align: left; font-size: 8px;
text-shadow:  0px 1px 1px #fff;
}
.everything { margin-bottom: 0; margin-right: 0; margin-top: 0; top: -1px; padding-left: 1px; padding-bottom: 3px; padding-right: 4px; padding-top: 9px; clear:left; margin-left: 4px; list-style:none; position: absolute; height: 18px;}
.everything li {float:left; padding-right: 1px;}
.everything li a.topLevel { 
word-spacing: 2px; 
text-transform: uppercase; 
font-family: "Helvetica Neue", "Myriad Pro", "Century Gothic", sans-serif; 
font-variant: normal; 
border-right-width: 1px; 
border-right-style: solid; 
border-right-color: #cdcdcd; 
text-shadow: 1px 1px 1px #bfbfbf; 
padding-left: 7px; 
padding-bottom: 6px; 
padding-right: 11px; 
padding-top: 0px; 
display:block; 
height: 15px; 
float:left; 
line-height: 16px; 
text-decoration:none; 
color: white; 
font-size: 12px;
}
.everything li a.topLevel:hover {height: 18px; color: #7D6462;}
.everything li:hover > a.topLevel {height: 18px; color: #f2f9ff;}




.everything .holdall { 
margin-left: 0px; 
padding-left: 3px; 
padding-bottom: 10px; 
padding-right: 3px; 
padding-top: 2px; 
width: 796px;  
position:absolute; 
left: 9999px; 
top: 32px; 
background: #fafffb;
-webkit-border-bottom-right-radius:8px;
-webkit-border-bottom-left-radius:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-bottomleft:8px;
border-bottom-right-radius:8px;
border-bottom-left-radius:8px;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0)), color-stop(5%, rgba(255, 255, 255, 0.5)), color-stop(95%,  rgba(255, 255, 255, 0.2)));
background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.5) 5%, rgba(255, 255, 255, 0.2) 90%, rgba(255, 255, 255, 0));
-moz-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);

}




.everything :hover .holdall {left:-1px;}

.container { text-shadow: 1px 1px 1px white; color: #1ab7ea; padding-bottom: 6px; padding-left: 10px; padding-right: 10px; padding-top: 2px; width: 802px; background: #FF 	FFFF;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;

}

.clrall { clear:left; height: 8px; overflow:hidden;}

.container h2 {padding-left: 0; padding-bottom: 2px; padding-right: 0; padding-top: 2px; text-shadow: 1px 1px 1px white; margin:0; color: #7D6462; font-size: 21px;}
.container p {padding-left: 0; padding-bottom: 2px; padding-right: 0; text-shadow: 1px 1px 1px white; margin:0; color: #8E8D8D; line-height: 14px; font-size: 12px;}
.container a {padding-left: 0; padding-bottom: 3px; padding-right: 0; padding-top: 4px; text-shadow: 1px 1px 1px white; color: #1ab7ea; background:transparent; display:inline;}
.container a:hover { color: #ff8000; text-shadow: 1px 1px 1px white; text-decoration: underline;}
.container img {padding-top: 6px; border-width: 0px; float:left; margin-right:20px; display:inline;
}




.container .clear {clear:left;}
.container ul { text-shadow: 1px 1px 1px white; color: #1ab7ea; line-height: 101%; margin-left: 0; margin-bottom: 0; margin-right: 0px; margin-top: 0; font-size: 12px; padding-left: 6px; padding-bottom: 2px; padding-right: 6px; padding-top: 1px; list-style:none; width: 186px; float:left;}
.container ul a:hover { text-shadow: 1px 1px 1px white; color: #ff8000;}
.container li { text-decoration: none; text-shadow: 1px 1px 1px #f2f2f2; color: #ff8000;float:none; clear:left;}
.container li a { text-decoration: none; text-shadow: 1px 1px 1px white; font-size: 14px; float:none; clear:left;}
.container li a:hover {text-decoration: none; text-shadow: 1px 1px 1px white; color: #ff8000;}


.container table {border-collapse:collapse; width:0; height:0; margin:-1px;}

.holdall p.copy {padding:5px 0; margin:0; font-size: 12px; color:#444;
text-shadow:  0px 1px 1px #fff;
}


/* Bottom Section */
#botbar {background: url(../images/light/topbar-m.png) 0 0 repeat-x;}
#botbar2 {background: url(../images/light/topbar-l.png) 0 0 no-repeat;}
#botbar3 {background: url(../images/light/topbar-r.png) 100% 0 no-repeat;}
#footer2 {background: url(../images/light/footer-bl.png) 0 100% no-repeat;}
#footer3 { background: url(../images/light/footer-br.png) 100% 100% no-repeat;}
#footerbar {background: url(../images/light/footerbar-m.png) 0 0 repeat-x;}
#footerbar2 {background: url(../images/light/footerbar-l.png) 0 0 no-repeat;}
#footerbar3 {background: url(../images/light/footerbar-r.png) 100% 0 no-repeat;}
#rocket {background: url(../images/light/rocket.png) 0 0 no-repeat;}

#info {text-align: right; padding-right: 14px;}

/*Added by Larry: Top menu styling (declared as ID =)*/
/*This will work so long as the  tags are declared inside: <holdall> <container> here </container> </holdall> */ 
ul#top_menu { /* for 3 columns. */
	width: 29%;
}
ul#top_menu li {
	padding-right: 20px;
}


ul#top_menu_2col { /* for 2 columns. */
	width: 45%;
}
ul#top_menu_2col li {
	width: 360px;
	padding-right: 20px;
}



ul#top_menu_4col { /* for 4 columns*/
	width: 23%;	
}
ul#top_menu_4col li {
	padding-right: 20px;
}


ul#top_menu_1col { /* for 1 columns.L*/
	width: 100%;
}
ul#top_menu_1col li {
	padding-right: 20px;
}



/*These list item styling tags only work inside an id #top_menu any*/

ul#top_inner{ /*Top inner has a list style*/
	color: #ff8000;                               
	list-style:square;
	list-style-image: url(http://www.the1stprinciples.com/wp-content/themes/rt_mynxx_wp/images/main/special-4.png);
	
}

ul#top_inner li a{
	color: #191919;
	font-size: 12px; 
	line-height: 15px; 
}

ul#top_menu_4col div{
	margin-left: -5px;
}
ul#top_menu_4col ul div{
	margin-left: -10px;
}

ul#top_menu_2col div{
	margin-left: -5px;
}

ul#top_menu_3col div{
	margin-left: -5px;
}
ul#top_menu_3col ul div{
	margin-left: -10px;
}

ul#top_menu_1col div{
	margin-left: -5px;
}

ul#top_menu div{
	margin-left: -5px;
}

ul#top_menu_2col ul div{
	margin-left: -10px;
}

ul#top_menu_1col ul div{
	margin-left: -10px;
}

ul#top_menu ul div{
	margin-left: -10px;
}


ul#top_inner li a:hover {
	text-decoration: underline;
	color: #1ab7ea; 
}

#page-bg, .roktabs-wrapper .roktabs-links ul li.active span {
border-top:0 solid #FFFFFF;
}