* {margin:0;padding:0; border: 0px none;}
ul, ol, li {list-style-type:none;}
a { text-decoration: underline; color: #2c7cd5; }
a:hover {text-decoration: underline;}

body {
font: 62.5% "Trebuchet MS", Tahoma, sans-serif;     
background: #b5cbe5 url(../img/bg.gif) 0 0 repeat-x;
color: #4f5358;
}
#wrapper {
width: 906px;
margin: 0 auto 25px;
}
#header {
width: 906px;
height: 46px;
margin: 35px 0 0;
background: url(../img/container-top.gif) 0 bottom no-repeat;
}


/* small paragraph at top */
h1 { 
float: left;
text-align: left;
font: normal 1.1em/1.3em "Trebuchet MS", Tahoma, sans-serif;     
color: #0c5797;
padding: 0 0 0 10px;
}


/* navigation */
ul#nav {
height: 32px;
float: right;
padding: 5px 10px 0 0;
}
ul#nav li {
height: 32px;
width: 95px;
float: left;
display: inline;
}
ul#nav li a{
height: 22px;
width: 95px;
display: block;
float: left;
text-align: center;
color: #fff;
text-decoration: none;
display: inline;
padding: 10px 0 0;
font: normal 1.2em/1.2em "Trebuchet MS", Tahoma, sans-serif;   
background: #014c90 url(../img/nav.gif) 0 0 no-repeat;
}
ul#nav li a:hover {text-decoration: underline;}
ul#nav li a.active {background: #fff url(../img/nav.gif) 0 -32px no-repeat; color: #014c90;}


/* white container holding all content */
#container {
width: 880px;
padding: 0 13px;
background: url(../img/container.png) 0 0 repeat-y;
}
#left {
width: 430px;
float: left;
}
#right {
width: 430px;
float: right;
}
body#home #left {
width: 583px;
float: left;
}
body#home #right {
width: 285px;
float: right;
}


/* logo, dots & call us */
#top {
width: 880px;
height: 100px;
}
h2 { 
float: left;
text-align: center;
font: bold 3.5em/1.1em "Trebuchet MS", Tahoma, sans-serif;  
}
h2 img { margin: 5px 10px 0 0 ;}
.dots {
width: 60px;
height: 75px;
float: left;
background: url(../img/dots.gif) 0 27px repeat-x;
}
p#callus {
font: normal 1.5em/1.1em "Trebuchet MS", Tahoma, sans-serif;  
color: #799ecd;
float: left;
margin: 23px 0 0;
padding: 5px 10px 0 65px;
background: url(../img/phone.gif) 10px 5px no-repeat;
}
p#callus strong {
font: bold 1.5em/1.1em "Trebuchet MS", Tahoma, sans-serif;   
color: #124888;
}
p#email {
font: bold 1.5em/1.1em "Trebuchet MS", Tahoma, sans-serif;  
color: #799ecd;
float: right;
margin: 23px 0 0;
}


/* home page banner */
#tabbed-banner {width:583px; height:220px; background:url(../img/home/banner-bg.jpg) right top no-repeat; overflow:hidden; margin: 0 0 10px;}
#tabbed-banner ul.tabs {width:233px; height:220px; float:left; background:url(../img/home/tabs-bg.jpg) left top no-repeat;}
#tabbed-banner ul.tabs li {width:210px;}
#tabbed-banner ul.tabs li a {display:block; outline: none; height:35px; padding:10px 25px 10px 12px; color:#ffffff; font:bold 1.3em/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; overflow:hidden; text-decoration: none;}
#tabbed-banner ul.tabs li a img {float:left; margin:3px 14px 0px 0px;}
#tabbed-banner ul.tabs li.tab1 a {background:url(../img/home/tabs-bg.jpg) -233px top no-repeat}
#tabbed-banner ul.tabs li.tab1 a:hover, #tabbed-banner ul.tabs li.tab1.active a {background:url(../img/home/tabs-bg.jpg) left top no-repeat; text-decoration:none}
#tabbed-banner ul.tabs li.tab2 a {background:url(../img/home/tabs-bg.jpg) left -55px no-repeat}
#tabbed-banner ul.tabs li.tab2 a:hover, #tabbed-banner ul.tabs li.tab2.active a {background:url(../img/home/tabs-bg.jpg) -233px -55px no-repeat; text-decoration:none}
#tabbed-banner ul.tabs li.tab3 a {background:url(../img/home/tabs-bg.jpg) left -110px no-repeat}
#tabbed-banner ul.tabs li.tab3 a:hover, #tabbed-banner ul.tabs li.tab3.active a {background:url(../img/home/tabs-bg.jpg) 0px -330px no-repeat; text-decoration:none}
#tabbed-banner ul.tabs li.tab4 a {background:url(../img/home/tabs-bg.jpg) left -165px no-repeat}
#tabbed-banner ul.tabs li.tab4 a:hover, #tabbed-banner ul.tabs li.tab4.active a {background:url(../img/home/tabs-bg.jpg) -233px -385px no-repeat; text-decoration:none; }
#tabbed-banner ul.slide-show {float:left; width:350px; height:220px; overflow:hidden}
#tabbed-banner ul.slide-show li {width:350px; height:220px; background:url(../img/home/banner-bg.jpg) right top no-repeat;}
#tabbed-banner ul.slide-show li h6 {font:bold 2em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; padding:16px 35px 5px 0px; text-transform:uppercase; vertical-align:middle;}
#tabbed-banner ul.slide-show li h6 img {margin-right:12px; float:left;}
#tabbed-banner ul.slide-show li p {clear:both; padding:0px 35px 15px 0px; font:1.2em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff;}
#tabbed-banner ul.slide-show li a.download-link {background:url(../img/home/call-to-action.gif) left top no-repeat; display:block; height:25px; float: left;text-decoration:none; }
#tabbed-banner ul.slide-show li a.download-link span {float: left; background:url(../img/home/call-to-action-right.gif) right top no-repeat; padding: 0 20px; display:block; height:25px; text-align:center; font:bold 1.2em/2em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; cursor:pointer}
#tabbed-banner ul.slide-show li a.download-link span b {color: #a7d0ff;}



body#home #left #leftcol {
	float: left;
	width: 281px;
	padding: 5px 10px 0 0;
	margin: 0 0 10px;
}
body#home #left #rightcol {
	float: left;
	width: 281px;
	padding: 5px 0 0 10px;
	margin: 0 0 10px;
}
h3 {
	font: bold 1.7em/1.25em "Trebuchet MS", Tahoma, sans-serif;
	color: #0c5797; 
	padding: 5px 0 20px;
}
body#home #left h4, #right h4 {
	font: bold 1.4em/1.2em "Trebuchet MS", Tahoma, sans-serif;
	color: #0c5797; 
	margin: 0 0 12px;
}
body#home #left p, #right p {font: normal 1.2em/1.4em "Trebuchet MS", Tahoma, sans-serif; margin: 0 0 12px;}
body#home #left ul#tick { margin: 0 0 15px;}
body#home #left ul#tick li { 
font: normal 1.2em/1.3em "Trebuchet MS", Tahoma, sans-serif;   
background: url(../img/tick.gif) 0 2px no-repeat;
padding: 0 0 0 25px;
margin: 0 0 10px;
}


#download-box {background: #156caa url(../img/home/download-block.jpg) 0 0 no-repeat; float: left; width:275px; height: 168px; margin: 0 0 15px;}
#download-box h3 { color: #fff; margin: 22px 15px 0 115px; padding: 0; text-align: center; font-size: 2em;}
body#home #left #download-box p { color: #fff; margin: 20px 15px 0 115px; text-align: center; font: bold 1.3em/1.25em "Trebuchet MS", Tahoma, sans-serif;}
body#home #left #download-box p span { color:#99c8fc;}

#rounded-box { background: #e0e8f1 url(../img/home/rounded-box-top.gif) 0 0 no-repeat; float: left; width:582px; margin: 0 0 15px;}
#rounded-box div {
	text-align: center;
	width:562px;
	float: left;
	padding: 10px;
	background: url(../img/home/rounded-box-btm.gif) 0 bottom no-repeat;
}
body#home #left #rounded-box h5 {color: #0383be;font: bold 1.7em/1.4em "Trebuchet MS", Tahoma, sans-serif;}


/* free copy */
form#free-copy {padding: 5px 0 30px;  }
form#free-copy p {font: normal 1.15em/1.3em "Trebuchet MS", Tahoma, sans-serif; }
form#free-copy p.height { height: 129px;}
form#free-copy p.link {
font: normal 1.15em/1.2em "Trebuchet MS", Tahoma, sans-serif;   
margin: 0;
padding: 3px 0 0 0;
height: auto;
float: left;
}
form#free-copy { clear: both; margin:0;}
form#free-copy p { line-height: 2.5em;  margin: 0;}
form#free-copy p span { font: normal 0.9em/1.3em "Trebuchet MS", Tahoma, sans-serif; padding: 2px 0 5px; float: right; width: 160px; }
form#free-copy p input {
border: 1px solid #c2c9c2;
width:160px;
margin: 0 0 5px;
padding: 2px 3px;
color: #251d80; 
background: url(../img/input-bg.gif) 0 0 repeat-x;
font: normal 1em/1.2em "Tahoma", Verdana, sans-serif;
}
form#free-copy p input.checkbox { width: 13px; padding: 0; margin: 0; background: none; border: 0; float: none;}
form#free-copy p input:focus { border: 1px solid #2c7cd5;}
form#free-copy p label {
float: left;
clear: left;
width:100px;
color: #555;
}
form#free-copy p label b {font-weight: normal; color: #c33a24;}
form#free-copy p input.button {
width: 186px;
height: 41px;
height: auto;
clear: right;
padding: 0;
border: 0;
margin: 0;
outline: none;
background: none;
margin: 0 0 0 94px;
}
form#free-copy input.send:focus { border: 0;}


/* remote-support */
#remote-support {
width: 285px;
height:110px;
margin: 0 0 10px 0;
background: #fff url(../img/remote-support-bg.gif) 0 bottom no-repeat;
}
#remote-support h4 {
font: bold 1.5em/1.2em "Trebuchet MS", Tahoma, sans-serif;   
height: 24px;
padding: 6px 0 0 10px;
margin: 0 0 20px;
color: #333;
background: url(../img/remote-support-head.gif) 0 0 no-repeat;
}
#remote-support p {
font: normal 1.15em/1.3em "Trebuchet MS", Tahoma, sans-serif;   
margin: 0 1px;
text-align: center;
}
#remote-support p img { margin: 0 8px;}


/* testimonials on home page */
#scrollup {
position: relative;
overflow: hidden;
height: 130px;
}
.headline {
position: absolute;
top: 140px;
height: 125px;
}
.headline .ruler {
margin: 0 10px 10px;
font-size: 0em;
height: 1px;
border-bottom: 1px solid #c2c9c2;
}
#testimonials {
width: 285px;
margin: 0 0 10px;
padding: 0 0 1px;
background: #fff url(../img/white-box-bg.gif) 0 bottom no-repeat;
}
#testimonials h4 {
font: bold 1.7em/1.2em "Trebuchet MS", Tahoma, sans-serif;   
height: 30px;
padding: 5px 0 0 10px;
margin: 0 0 5px;
color: #fff;
background: #1a899e url(../img/testimonials-head.gif) 0 0 no-repeat;
}
#testimonials p {
font: normal 1.15em/1.35em "Trebuchet MS", Tahoma, sans-serif;   
margin: 0 5px 14px 12px;
}
#testimonials p.quotes {background: url(../img/quotes-top.gif) 0 0 no-repeat;}
#testimonials p.quotes span {
color: #18508f;
background: url(../img/quotes-btm.gif) bottom right no-repeat;
padding: 7px 23px 0 23px;
font: italic 1.2em/1.3em "Trebuchet MS", Tahoma, sans-serif;   
}


/* client login */
#client-login {
width: 285px;
height:167px;
margin: 0 0 10px 0;
background: #fff url(../img/client-login-bg.gif) 0 bottom no-repeat;
}
#client-login form { margin: 0; padding: 0; height: 101px;}
#client-login h4 {
font: bold 1.7em/1.2em "Trebuchet MS", Tahoma, sans-serif;   
height: 25px;
padding: 5px 0 0 10px;
margin: 0 0 13px;
color: #fff;
background: #2065a6 url(../img/285-head-blue.gif) 0 0 no-repeat;
}
#client-login p {
font: normal 1.15em/1.3em "Trebuchet MS", Tahoma, sans-serif;   
margin: 0 10px 10px;
}
#client-login p.height { height: 75px;}
#client-login p.link {
font: normal 1.15em/1.2em "Trebuchet MS", Tahoma, sans-serif;   
margin: 0 10px;
padding: 0 0 0;
height: auto;
}
#client-login form { clear: both; margin:0;}
#client-login form p { line-height: 2.2em;}
#client-login form p input {
border: 1px solid #c2c9c2;
width:150px;
margin: 0 0 8px;
padding: 3px;
color: #251d80; 
background: url(../img/input-bg.gif) 0 0 repeat-x;
font: normal 1em/1.2em "Tahoma", Verdana, sans-serif;
}
#client-login form p input:focus { border: 1px solid #2c7cd5;}
#client-login form p label {
float: left;
clear: left;
width:100px;
color: #15548b;
}
#client-login form input.login {
width: 73px;
height: 25px;
height: auto;
padding: 0;
border: 0;
margin: 0;
float: right;
outline: none;
background: none;
}
#client-login form .none { display: none;}	


/* clear everything ensures white background in all browsers */
#clearall { 
width: 100%;
clear: both;
}


/* footer & links */
#footer {
clear: both;
float: left;
background: url(../img/container-btm.gif) 0 bottom no-repeat;
width: 906px;
margin: 0 0 25px;
padding: 20px 0 17px;
}
#footer p {
text-align: center;
margin: 0 10px;
padding: 12px 0 0;
border-top: 1px dotted #aeb2ba;
font: normal 1.1em/1.45em "Trebuchet MS", Tahoma, sans-serif;   
}
#footer a { padding: 0 3px;}