@charset "utf-8";
/* CSS Document */
/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/
body { background:#394B7E; font-family: Arial, Helvetica, sans-serif}
p { font-size:14px; font-weight:normal; color:#000}
p a { color:#FFFFFF; text-decoration:none}
p a:hover { color:#FFFFFF; text-decoration:underline}

/*
---------------------------------------------
02. header
---------------------------------------------
*/

#bg_header { width:100%; height:370px; float:left; background:url(../images/bg_header.gif) repeat-x} 

#header { width:868px; margin:0 auto}
#header .logo { float:left; padding-left:307px; padding-top:35px}
#header .caption { float:left; padding-left:37px; padding-top:28px}

/*
---------------------------------------------
03. top navigation
---------------------------------------------
*/

#bg_navbar { width:100%; height:77px; float:left; background:url(../images/bg_navbar.png) repeat-x; margin:-10px 0; position:relative}

#nav { width:885px; margin:0 auto}
#nav ul li { float:left}
#nav ul li a { height:77px; float:left}

#nav ul li a.home { width:134px; background:url(../images/nav_home.png) no-repeat}
#nav ul li a.home:hover { width:134px; background:url(../images/nav_home_hover.png) no-repeat}
#nav ul li a.home_selected { width:134px; background:url(../images/nav_home_hover.png) no-repeat}

#nav ul li a.aboutus { width:169px; background:url(../images/nav_aboutus.png) no-repeat}
#nav ul li a.aboutus:hover { width:169px; background:url(../images/nav_aboutus_hover.png) no-repeat}
#nav ul li a.aboutus_selected { width:169px; background:url(../images/nav_aboutus_hover.png) no-repeat}

#nav ul li a.services { width:158px; background:url(../images/nav_services.png) no-repeat}
#nav ul li a.services:hover { width:158px; background:url(../images/nav_services_hover.png) no-repeat}
#nav ul li a.services_selected { width:158px; background:url(../images/nav_services_hover.png) no-repeat}

#nav ul li a.printsamples { width:227px; background:url(../images/nav_printsamples.png) no-repeat}
#nav ul li a.printsamples:hover { width:227px; background:url(../images/nav_printsamples_hover.png) no-repeat}
#nav ul li a.printsamples_selected { width:227px; background:url(../images/nav_printsamples_hover.png) no-repeat}

#nav ul li a.contactus { width:196px; background:url(../images/nav_contactus.png) no-repeat}
#nav ul li a.contactus:hover { width:196px; background:url(../images/nav_contactus_hover.png) no-repeat}
#nav ul li a.contactus_selected { width:189px; background:url(../images/nav_contactus_hover.png) no-repeat}

/*
---------------------------------------------
04. container and wrapper
---------------------------------------------
*/
#container { width:100%; float:left}

#wrapper { width:910px; margin:0 auto}

/*
---------------------------------------------
05. right navigation
---------------------------------------------
*/

#sidenav { width:231px; float:right; padding-top:48px; margin-right:-43px; position:relative}
#sidenav ul li { width:231px; float: right; padding-top:37px}
#sidenav ul li a { width:231px; height:64px; float: right}
#sidenav ul li a.quote { background:url(../images/button_quote.png) no-repeat}
#sidenav ul li a.quote:hover { background:url(../images/button_quote_hover.png) no-repeat}
#sidenav ul li a.quote_selected { background:url(../images/button_quote_hover.png) no-repeat}

#sidenav ul li a.upload { background:url(../images/button_upload.png) no-repeat}
#sidenav ul li a.upload:hover { background:url(../images/button_upload_hover.png) no-repeat}
#sidenav ul li a.upload_selected { background:url(../images/button_upload_hover.png) no-repeat}


#sidenav ul li a.download { background:url(../images/button_download.png) no-repeat} 
#sidenav ul li a.download:hover { background:url(../images/button_download_hover.png) no-repeat} 
#sidenav ul li a.download_selected { background:url(../images/button_download_hover.png) no-repeat} 


/*
---------------------------------------------
06. content area
---------------------------------------------
*/
#bg_content { width:804px; float:left; background: url(../images/bg_content.gif) repeat-y; margin-top:-351px}

#content { width:804px; float:left; background:url(../images/bg_content_shadowbottom.jpg) no-repeat top}

.spacer { width:100%; height:250px; float:left}

.text_area {width:85%; float:left; padding:0 20px 0 20px;}


/*
---------------------------------------------
07. footer styles
---------------------------------------------
*/
#footer { width:744px; float:left; padding:20px 30px}
#footer p a { padding:0 5px;}
#footer p { color:#fff;}

#footer .footerlinks { text-align:center; padding-bottom:15px}

#footer .copyright { float:left;}

#footer .designby { float:right;}