/* ############### */
/* TEMPLATE STYLES */
/* ############### */

/* Styles common to all standard pages */

html { overflow-y:scroll }

body { color:#333333; font:13px/1.55 verdana, arial, helvetica, sans-serif; }

a { color:#333333; text-decoration:none; }
a:hover { text-decoration:underline; }

.clear { clear:both; }

#skip_nav {	left: -10000px; position: absolute; top: -10000px; }

.container { margin:0 auto; width:960px; }

#header { background:#00D3FE url(images/header-bg.jpg) repeat-x; }
#header .container { padding:10px 0; }

#logo { float:left; position:relative; z-index:200; }
#logo p { margin:0 0 4px; }
.tagline { clear:left; color:#FFFE9D; float:left; font-size:14px; font-weight:bold; text-transform:uppercase; }
.tagline a { color:#FFFE9D; }
#contact-info { color:#fff; float:right; font-size:16px; font-weight:bold; margin:1px 0 0; position:relative; text-align:right; z-index:200; }
#contact-info p { margin:0; }
#address { font-size:10px; line-height:14px; }

#header .menuwrapper { background:#0066A6; font-weight:bold; padding:4px 0; text-transform:uppercase; }
#header .primary-nav { margin:0 auto; overflow:hidden; padding:0; position:relative; width:960px; z-index:200; }
#header .primary-nav li { float:left; list-style:none; margin:0; padding:0 20px 0 0; }
#header .primary-nav .last { float:right; padding:0; }
#header .primary-nav li a { color:#fff; text-decoration:none; }
#header .primary-nav li.menuactive a, #header .primary-nav li a:hover { color:#FFFE9D; }

#banner {background:url(images/content-bg.jpg) repeat-x top;}
#banner .container { height:258px; position:relative; }
#banner img { position:absolute; top:-118px; z-index:100; }

#content {}
#content .container { padding:10px; width:960px; }
#content h1 { border-bottom:1px solid #333; }

#cboxContent .container { padding:10px; width:auto; }

.col-2 { overflow:hidden; width:960px; }
.content-box { background:#D0EDFF; margin:10px 0; padding:15px 10px 5px; }
.content-box img { display:block; margin:0 auto; }
.col-2 .content-box { background:none; float:left; margin:10px 20px 10px 0; padding:0; width:470px; }
.col-2 .last { margin:10px 0; }
.col-2 .content-box h2 { text-align:left; }

.clients { list-style:none; margin:0; overflow:hidden; padding:0; width:960px; }
.clients li { background:#D0EDFF; float:left; height:250px; list-style:none; margin:0 10px 20px; padding:10px; width:200px; }
.clients li.last { font-size:32px; }

#footer .menuwrapper { background:#0066A6; font-size:10px; margin:0 0 10px; padding:3px 0; }
#footer .primary-nav { margin:0 auto; overflow:hidden; padding:0; width:960px; }
#footer .primary-nav li { float:left; list-style:none; margin:0; padding:0 15px 0 0; }
#footer .primary-nav li a { color:#fff; text-decoration:none; }

#copyright { color:#919191; float:left; font-size:10px; }
#design { color:#919191; float:right; font-size:10px; }
#design a { color:#919191; text-decoration:none; }

/* Copyright (c) Studio 2 Online Ltd. */