html, body{ margin:0px; padding:0px 0px 0px 0px; background: url("main/bg.jpg") top center repeat-x #FFFFFF; font: 13px verdana; color:#000000; text-align:center;} 



#bg{ width:900px; text-align:left; margin-left:auto; margin-right:auto; padding:0px; background: url("main/main_bg.jpg") top center repeat-y;} 

#page{ width:780px; text-align:left; padding:90px 60px 0px 60px; background: url("main/page_bg.jpg") top center no-repeat;} 


#header{ margin:0px 0px 0px 0px;padding:0px 12px 0px 0px;width:768px; text-align:right; }
#header h1{font-size: 12px; font-weight:normal; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; color:#FF9900;}

#tabs { font-size:100%; line-height:normal; margin: 40px 0px 2px 0px; width:780px; height: 26px;}
#tabs ul { margin:0; padding:0px 0px 0px 0px; list-style:none;float:left; font-family: verdana; font-size: 11px;}
#tabs li { display:inline; margin:0; padding:0; text-transform:uppercase;}
#tabs a { float:left; background:url("main/tab.gif") no-repeat left top; margin:0px 1px 0px 0px; padding:0 0 0 11px; text-decoration:none; }
#tabs a span { float:left; display:block; background:url("main/tab2.gif") no-repeat right top; padding:7px 18px 6px 6px; color: #FFFFFF; }
 /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
 /* End IE5-Mac hack */
#tabs a:hover span { color: #FFFFFF; }
#tabs a:hover { background-position:0% -42px; color: #FFFFFF; }
#tabs a:hover span { background-position:100% -42px; color: #FFFFFF; }
#tabs #current a { background-position:0% -42px; }
#tabs #current a span { background-position:100% -42px;}




#ecommerce{height:142px; width:280px; float:left}
#ecommerce h2{margin:0px 0px 0px 0px;padding:0px;float:left;width:280px;}
#ecommerce h2 a{display:block;width:280px;height:142px;}
#ecommerce h2 a:hover{display:block;width:280px;height:142px;}
#ecommerce h2 span{display:none;}

#quote{height:142px; width:150px; float:right}
#quote h2{margin:0px 0px 0px 0px;padding:0px;float:right;width:150px;}
#quote h2 a{display:block;width:150px;height:142px;}
#quote h2 a:hover{display:block;width:150px;height:142px;}
#quote h2 span{display:none;}



#content{ width:740px; text-align:left; padding:35px 10px 30px 30px; } 
#content h1{ padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family:arial; font-size: 22px; color:#409FFF; font-weight:normal; letter-spacing:0.5px;} 
#content h2{ padding:10px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family:arial; font-size: 22px; color:#409FFF; font-weight:normal; letter-spacing:0.5px;} 
#content h2 a{ padding:10px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family:arial; font-size: 22px; color:#409FFF; font-weight:normal; letter-spacing:0.5px; text-decoration:none;} 
#content h2 a:hover{ padding:10px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family:arial; font-size: 22px; color:#AAAAAA; font-weight:normal; letter-spacing:0.5px;text-decoration:none;} 
#content p{ color:#666666; font-family:verdana; font-size: 14px; line-height: 1.5em;} 
#content ul{ color:#666666; font-family:verdana; font-size: 14px; line-height: 1.5em;} 
#content ol{ color:#666666; font-family:verdana; font-size: 14px; line-height: 1.5em;} 
#content a{color:#409FFF;} 
#content a:hover{ color:#333333;} 
#content img{ padding:0px 0px 10px 10px; border:0px; float:right;} 


#portfolio{ width:740px; text-align:left; padding:35px 10px 30px 30px; } 
#portfolio h1{ padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family:arial; font-size: 22px; color:#409FFF; font-weight:normal; letter-spacing:0.5px;} 
#portfolio h2{ padding:10px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family:arial; font-size: 22px; color:#409FFF; font-weight:normal; letter-spacing:0.5px;} 
#portfolio h2 a{ padding:10px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family:arial; font-size: 22px; color:#409FFF; font-weight:normal; letter-spacing:0.5px; text-decoration:none;} 
#portfolio h2 a:hover{ padding:10px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family:arial; font-size: 22px; color:#AAAAAA; font-weight:normal; letter-spacing:0.5px;text-decoration:none;} 
#portfolio p{ color:#666666; font-family:verdana; font-size: 14px; line-height: 1.5em;} 
#portfolio ul{ color:#666666; font-family:verdana; font-size: 14px; line-height: 1.5em;} 
#portfolio ol{ color:#666666; font-family:verdana; font-size: 14px; line-height: 1.5em;} 
#portfolio a{color:#409FFF;} 
#portfolio a:hover{ color:#333333;} 
#portfolio img {padding:5px 5px 5px 5px; border:1px solid #DDDDDD; float:left; margin: 10px 10px 30px 0px; width:100px; height 100px;} 
#portfolio a img {padding:5px 5px 5px 5px; border:1px solid #DDDDDD; float:left; margin: 10px 10px 30px 0px;width:100px; height 100px;} 




#footer{ width:900px;  margin-left:auto; margin-right:auto; padding-top: 60px;background: url("main/footer.jpg") top center no-repeat; height: 60px; color:#81A5CD; font-size: 11px; text-align:center;} 
#footer a{color:#81A5CD; font-size: 11px;} 
#footer a:hover{color:#333333; font-size: 11px; text-decoration:none;} 



#imgicon { position: relative; margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; display:block; width: 780px; float:center; z-index: 10; height:110px;}

#imgicon ul{list-style: none; margin: 0; padding: 0; width: 780px;}

#imgicon .imgicons { display: block; background: #FFFFFF url("main/005.jpg") top right no-repeat; height: 110px;}

#imgicon li { float: left;}

#imgicon .imgicon { display: block; cursor: pointer; overflow: hidden; height: 90px; width: 173px; padding: 10px; background: #fff; border-right: 2px solid #FFFFFF;}

#imgicon .imgicon span { display: none;}

#imgicon .one { background: #DDE8F5 url("main/001.jpg");}

#imgicon .two { background: #C6D9ED url("main/002.jpg");}

#imgicon .three { background: #AFCAE6 url("main/003.jpg");}

#imgicon .four { background: #8FB5DC url("main/004.jpg"); border-right: 0px;}











#submenu {list-style: none; margin: 0px; padding: 0px; width: 224px; background: url("main/submenu_bg.gif") top center repeat-y; float:right;}

.submenuheader{ width:160px;  display:block; margin: 0px 2px 2px 22px;  height:20px; background: url("main/submenu_header.gif") top left no-repeat; color:#FFFFFF; font-family: verdana; font-size: 11px; padding:10px 5px 3px 15px; text-transform:uppercase;}
.submenutop {margin: 0px; padding: 0px; width: 224px; height:22px;background: url("main/submenu_top.gif") top left no-repeat; display: block;}
.submenubase {margin: -2px 0px 0px 0px; padding: 0px; width: 224px; height:22px;background: url("main/submenu_base.gif") top left no-repeat; display: block;}

#submenunav {list-style: none; margin: 2px 2px 0px 22px; padding: 0px;}
ul#submenunav {padding: 0px;}
ul#submenunav li{margin: 0px 0px 2px 0px; padding: 0px; display: block; font-family: verdana; font-size: 11px; text-decoration:none; text-transform:uppercase;}
ul#submenunav li a{height:25px; width: 160px; display: block; background: url("main/submenu.gif") top left no-repeat; padding: 5px 5px 3px 15px; text-decoration:none; color:#0054BF; margin: 0px;}
ul#submenunav li a:hover{ display: block; background-repeat: no-repeat; background-position: -180px 0px; background-image: url("main/submenu.gif"); color:#FFFFFF; }



.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}