@import url("master.css");

body {
	color:#333; font-size:.75em;*font-size:.75em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background: #bce2f5 repeat-x url(../images/mainbg.gif);} 

h1 {
	color:#003F6E;font-weight:bold;font-size:1.3em;
	margin-bottom:8px;padding:0 0 4px 0;
	border-bottom:1px solid #dedede;letter-spacing:.05em;}
	
h2 {
	color:#1C90BD;font-weight:bold;font-size:1.2em;
	margin-bottom:4px;padding:0 0 4px 0;}

h3 {
	color:#333;font-weight:bold;font-size:1.1em;
	margin-bottom:0;padding:0;}

h4 {
	color:#fff;font-weight:bold;font-size:1.2em;margin-left:1px;
	background:#004B83 repeat-y url(../images/bg-sidetitle.gif);
	margin-bottom:4px;padding:5px 0 5px 10px;}

p {
	color:#666;line-height:1.65em}

fieldset {
	border: 1px dotted gray;
	background-color: #f0f0f0;width: 93%;
	margin:0 auto;
	margin-bottom: .5em;}

legend {
	font-weight: bold;padding:2px;
	background-color: #efefef;
	border: 1px solid #a0a0a0;}

/*-- Links --*/
	a {
		color:#1C90BD;}
	a:hover {
		color:#000}

	h3 a {
		color:#b4bb08;}
	h3 a:hover {
		color:#1C90BD;}

/*--Images--*/
	.stdimg {
		background-color:#fff;
		padding:4px;margin:4px;
		border:1px solid #26546e;}

/*-- Common --*/
	#main {
		background:#fff repeat-y url(../images/shadow.gif) 0px 0px;
		width:768px;margin:0px auto;}
		
	#sitebody {
		width:760px;margin:0 auto;}
	
	.box {
		background-color:#fff;margin-bottom:10px;}
	.box .boxhdr {
		color:#003F6E;font-weight:bold;font-size:1.2em;
		background: #A8E1F6 repeat-x url(../images/bg-hdr-box.gif);
		border:1px solid #66CAEF;padding:4px 0 4px 10px;}
	.box .boxbody {
		background-color:#fff;padding:8px;
		border-color:#66CAEF;border-width:0 1px 1px 1px;border-style:solid}
		
	ul.std {
		color:#666;line-height:1.6em;margin-left:-7px;}

	ol {
		color:#666;;
		line-height:1.6em;margin-left:-7px;list-style-type:decimal}

	.indent {
		margin-left:10px;}

	.spaced {
		letter-spacing:.1em;line-height:1.65em}

	ul.bullet {
		list-style: none;color:#666;}
	ul.bullet li {
		background: no-repeat url(../images/bullet-blue.png) 0 1px;
		padding: 0 0 6px 20px;margin-left:-15px}

/*-- Header --*/
	#topbar {
		height:8px;margin:0px auto;width:760px;line-height:0;font-size:0;
		background: #00497F repeat-x url(../images/bg-topbar.gif);}

	#header {
		width:760px;margin:0 auto;height:78px;text-align:right;
		background: #fff repeat-x url(../images/bg-header.gif);}

	#logo {
		margin:15px 0 0 22px;float:left}
	
	#headerbox {
		margin:15px 20px 0 0;}

	#headerimage {
		width:760px;margin:0 auto;height:146px;
		background: #fff no-repeat url(../images/header-wave.jpg);}
	#headerimagefull {
		width:760px;margin:0 auto;height:187px;
		background: #fff no-repeat url(../images/header-wave-full.jpg) 0 0;}
	
/*-- Quote Box --*/
	#projectquote {
		color:#003F6E;font-weight:bold;font-size:1.5em;letter-spacing:.02em;
		line-height:1.3em;padding-bottom:7px;text-align:center;}
	
	#headerimagequote {
		width:760px;margin:0 auto;height:146px;
		background: #fff no-repeat url(../images/header-wave-quote.jpg) 0 0;}
	#headerimagequote p {
		color:#003F6E;font-weight:bold;font-size:1.5em;letter-spacing:.02em;line-height:1.3em;
		padding:123px 0 0 600px;}
	#headerimagequote p span {
			color:#1C90BD;}
	
	#quotebox {
		width:202px;margin:0 auto;height:90px;margin-bottom:10px;
		background: #fff no-repeat url(../images/get-quote-box.jpg);}
		
/*-- Main Content --*/
	#content {
		padding:0 7px;
		background: #f2f2f2 repeat-x url(../images/bg-main.gif)}

	#contentfull {
		padding:0 7px;
		background-color: #f2f2f2}

/*-- Homepage --*/
	#testimonal {
		font-style:italic;font-size:.9em;padding:0 4px;}
	
	#whosaid {
		text-align:right;font-weight:bold;font-size:.9em;color:#1b90bc;padding:5px 6px 20px 6px;}
	
	#productlist {
		margin-bottom:10px}
	#productlist a {
		background: #f4f4f4 no-repeat url(../images/check-red.gif) 0 4px; 
		padding-left:14px;
		color:#666;text-decoration:none;font-weight:bold;font-size:1.1em;
		margin-right:12px;}
	#productlist a:hover {
		color:#1C90BD;}
	
	.mainimage {
		float:left;margin-bottom:20px;margin-right:10px;}

	#producttable td {
		color:#666;font-size:1em;padding-bottom:2px;}

	#producttable td a {
		background: #fff no-repeat url(../images/check-red.gif) 0 4px; 
		color:#666;text-decoration:none;padding-left:14px;}
		
	#producttable td a.nocheck {
		background-image:none;background-color:#fff;
		color:#666;text-decoration:none;}
		
	tr#hdrrow td {
		font-weight:bold;color:#1C90BD;font-size:1.1em;padding-bottom:5px}

/*-- Sidebar --*/
	#sidebar {
		width:202px;border-left:1px solid #fff;
		background: #f2f2f2 repeat-y url(../images/bg-sidebar.gif) 2px 0}
	
	#sidebar_content {
		margin-left:8px;}

/*-- About --*/
	#bigquote {
		text-align:center;font-size:1.4em;margin-bottom:4px;font-weight:bold;}

/*-- Case Study --*/
	#csdetail {
		font-size:.9em;margin:10px 0;color:#004274}

/*-- Free Quote --*/
	table.forms td {
		padding:5px 0 5px 10px}
		
	.formtag {
		font-size:90%; font-weight:bold; color:#009EBE;padding-right:1em}
		
	.formlabel {
		font-size:80%; color:#66f}
	
	.required {
		color:#f00}
	
	#requirednote {
		margin:10px 0 10px 10px;font-size:.9em;font-style:italic}
		
/*-- Footer --*/
	#footer {
		height:96px;margin:0px auto;padding:0;width:760px;color:#6DCCF0;
		text-align:center;
		background: #004579 repeat-x url(../images/bg-footer.gif);}
	
	#footer-menu {
		font-size:.9em;padding:15px 30px 10px 30px;}
	#footer-menu a {
		color:#6DCCF0;text-decoration:none;margin:0 12px}
	#footer-menu a:hover {
		color:#e85900;background-color:transparent;}
		
	#copyright {
		color:#ccc;font-size:.8em;line-height:1.2em}
	
/*-- Menu --*/
	#menu {
		width:760px;margin:0 auto;position:relative;display:block;height:29px;font-size:11px;font-weight:bold;
		background:transparent url(../images/menu-off.gif) repeat-x top left;font-family:Verdana,Arial,Helvitica,sans-serif;}
		
	#menu ul {
		margin:0px;padding:0;list-style-type:none;width:auto;}
	
	#menu ul li {
		display:block;float:left;margin:0;}
	
	#menu ul li a {
		display:block;float:left;color:#fff;text-decoration:none;padding:7px 32px 0 32px;height:20px;
		background:transparent url(../images/menu-divider2.gif) no-repeat top right;}
	
	#menu ul li a#last {
		background-image:none}
	
	#menu ul li a:hover,#menu ul li a.current {
		color:#fff;background:#131546 url(../images/menu-divider2.gif) no-repeat top right;}