@import "dropdown.css";
@import "home.css";
@import "services.css";
@import "internal.css";

* {margin: 0; padding: 0;}
html, body {height:100%; background: url(../images/body_bg.png) repeat; font-family: Arial, Helvetica, sans-serif;}
/*---------------------------global styles-------------------*/
.bold{font-weight: bold;}
.italic{font-style: italic;}
a:link, a:visited  {color: #08437d; text-decoration: underline;}
a:hover, a:active {text-decoration: none;}
/*---------------------------topbar-------------------*/
#topbar_bg {width:100%; height: auto; margin:0; float:left;}
#topbar {width:960px; margin:0 auto 0 auto; height:99px; padding: 10px 0;}
h1 {width: 352px; height: 99px; float: left; background: url(../images/fullservice_logo.png) top left no-repeat; padding: 0; margin: 0;}
h1 a{width: 352px; height: 99px; float: left; padding: 0; margin: 0;}
/*---------------------------topbar ul-------------------*/
.topnav_container {padding: 22px 0 0 0;}
#topbar ul {padding: 0; margin: 0; height: 48px; background: url(../images/topnav_bg.png) bottom repeat-x; float: right; width: auto;}
#topbar ul li {float: left; list-style: none; color: #333; height: 41px; padding: 7px 0 0 0; margin: 0; width: auto;}
#topbar ul li.left {width: 10px; background: url(../images/topnav_left.png) top no-repeat; }
#topbar ul li.right {width: 11px; background: url(../images/topnav_right.png) top no-repeat; }
#topbar ul li a {font: 16px Arial, Helvetica, sans-serif; float: left; height: 27px; width: auto; padding: 9px 25px 0 64px; display: block; margin: 0; text-decoration: underline; color: #000; border: none; font-weight: bold; display:inline;}
#topbar ul li a.templates {background: url(../images/topnav_templates_btn.png) top left no-repeat;}
#topbar ul li a.ftp {background: url(../images/topnav_ftp_btn.png) top left no-repeat;}
#topbar ul li a.vip {background: url(../images/topnav_vip_btn.png) top left no-repeat;}
#topbar ul li a:hover {color: #08437d; text-decoration: none;}
#topbar ul li a.active, #topbar ul li a.active:hover {color: #08437d; font-weight: bold; text-decoration: none;}
/*---------------------------yellowbar-------------------*/
#yellowbar_bg {width:100%; height: auto; margin:0; float:left;}
#yellowbar {width:960px; margin:0 auto 0 auto; height:9px; padding: 0; background: url(../images/yellowbar_bg.png) top left repeat-x;}
/*---------------------------topnav-------------------*/
#topnav_bg {width:100%; height: auto; margin:0; float:left;}
#topnav {width:960px; margin:0 auto 0 auto; height:265px; padding: 0;}
.topnav_home {background: url(../images/mainimage_home.jpg) top right no-repeat;}
.topnav_whoweare {background: url(../images/mainimage_whoweare.jpg) top right no-repeat;}
.topnav_services {background: url(../images/mainimage_services.jpg) top right no-repeat;}
.topnav_support {background: url(../images/mainimage_support.jpg) top right no-repeat;}
.topnav_contact {background: url(../images/mainimage_contact.jpg) top right no-repeat;}
.topnav_resources {background: url(../images/mainimage_resources.jpg) top right no-repeat;}
.topnav_graphicdesign {background: url(../images/mainimage_graphicdesign.jpg) top right no-repeat;}
/*---------------------------bluebar-------------------*/
#bluebar_bg {width:100%; height: auto; margin:0; float:left;}
#bluebar {width:960px; margin:0 auto 0 auto; height:9px; padding: 0; background: url(../images/bluebar_bg.png) top left repeat-x; border-top: 1px solid #3872ec}
/*---------------------------yellowbar2-------------------*/
#yellowbar2_bg {width:100%; height: auto; margin:0; float:left;}
#yellowbar2 {width:960px; margin:0 auto 0 auto; height:37px; background: url(../images/yellowbar2_bg.png) top left repeat-x; border-top: 1px solid #ffffb2; font-size: 20px; color:#272727;}
#yellowbar2 h2 {float: left; width:auto; margin:0; height:auto; padding: 6px 0 0 15px; text-shadow: rgb(255,255,255) 1px 1px 1px;}
.yellowbar_logos {float: right; width: 271px; padding: 0;}
.yellowbar_logos img {float: left; width: auto; padding: 0 12px 0 0;}
/*---------------------------maincontent-------------------*/
#maincontent_bg {width:100%; height: auto; margin:0; float:left;}
#maincontent {width:960px; margin:0 auto 0 auto; padding: 0;}
/*---------------------------footer-------------------*/
#footer_bg {width:100%; height: auto; margin:0; float:left;}
#footer {width:960px; margin:0 auto 0 auto; height:46px; padding: 0 0 15px 0;}
.footer_left {float: left; width: 10px; height:46px; background: url(../images/footer_left.png) no-repeat}
.footer_text {float: left; width: 940px; height:31px; color: #272727; padding: 15px 0 0 0; background: url(../images/footer_bg.png) top left repeat-x; font-size: 10px; text-align: center; vertical-align: middle;}
.footer_right {float: left; width: 10px; height:46px; background: url(../images/footer_right.png) no-repeat}