* html { height: 100%; }
body{
	margin: 0; 
	padding: 0; 
	font-family: Verdana; 
	font-size: 11px;
	text-align: justify; 
	line-height: 1.3em; 
	background: #183152 url(../images/footer-wrap-bg.jpg) 50% 0 repeat-y;
}

/* Common properties */
h1,h2,h3 {
	margin-left:10px;
	text-align: left; 
	font-weight: bold; 
	line-height: 26px; 
	letter-spacing: 1.2px;
}
h1 {
	font-family:Trebuchet MS;
	font-size: 21px;
}

h2 {
	font-size: 18px;
}
h3 {
	font-family:sans-serif;
	font-size: 16px;
}
p {
	margin: 11px;
}

#left-col, #lower-left-col, #review-left-col{width: 347px;}
#review-right-col, #right-col, #lower-right-col{width: 643px;}
#left-col, #review-left-col{background-color: #03273D}


#header, #nav, #content, #navLogo, #lower-content, #footer{width: 990px; margin: 0 auto; position: relative;}
a{color: #ffffff; cursor: pointer;}
a:hover{color: #fff;}

#header {
	height:40px;
	padding-top: 10px;
	text-align:right;
	color:#fff;
}

#header-wrap {
	height: 40px; 
	background: #333 url(../images/header-bg.gif) bottom left repeat-x;
}

/* Logo and Nav box */
#nav-wrap {
	/*height: 137px; */
	height: 111px; 
	background: #000 url(../images/nav-wrap-bg.gif) repeat-x;
}
#navLogo {
	
	height: 111px; 
	background: url(../images/nav-bg2.jpg) top left no-repeat;
}
#nav {height: 26px; }


/* Main Content */

#content-wrap{height:100%;border-top: 6px solid #03013A; background: #6994BA url(../images/content-bg.jpg) repeat-x;}
#content{height:100%; overflow: hidden;}


/*LEFT SIDE */
#left-col{height: 100%; text-align: justify; float: left; }
#left-col h1, #left-col h2, #left-col h3 {color: #155D89; }
#left-col p {padding-top: 0.7em; color: #E4E8F9;}
#left-col li{padding-top: 0.7em; color: #E4E8F9;}
#left-col p strong {color: #035789;}
#left-col a{color: #155D89; padding: 2px 1px;} 
/* p.last{padding-bottom: 1.5em;} */

/*RIGHT SIDE*/
#right-col{height: 100%; position: absolute; right: 0; top: 0; background: #E4E8F9}
#right-col h1, #right-col h2, #right-col h3 {margin-left:10px; color: #14367D;}
#right-col li, p{padding-top: 0.7em; text-align: left; color: #03273D;}
#right-col a{padding-top: 0.7em; text-align: left; color: #03273D;}
#right-col a:hover {color: red;}



/*#right-col p.last{margin-bottom: 1.5em;}*/

/* Lower Content Wrap */
#lower-content-wrap{background: #334b95 url(../images/lower-border.jpg) repeat-x;}
#lower-content{position: relative; overflow: hidden;}

#lower-left-col{float: left; text-align: left; padding: 25px 0; padding-bottom: 10px; border-top: 6px solid #E4E8F9;}
#lower-left-col h1, #lower-left-col h2, #lower-left-col h3{margin-top: 10px; color:#6483E1;}
/*#lower-left-col p.date{color: #6994BA; padding-bottom: 0;}*/
#lower-left-col p{color: #6994BA; padding-bottom: 10px; padding-top: 2px; }
#lower-left-col a{color: #155D89; padding: 2px 1px;} 
#lower-left-col li{color: #6994BA;  margin-bottom: 10px; padding-left: 25px; }


#lower-right-col h1 ,#lower-right-col h2, #lower-right-col h3 {color: #334b95;}
#lower-right-col{position: relative; float: right; background: #6994ba; border-top: 6px solid #03013A; padding-top: 19px; padding-bottom: 3em;}
#lower-right-col p{color: #334b95; padding-bottom: 10px; padding-top: 2px;}
/*#lower-right-col p{padding-top: 3px;}*/

.col{width: 235px; float: left; text-align: left; padding-left: 22px; padding-right: 24px; /*background: url(../images/divider.gif) top right no-repeat;*/}
.col img{float: left; margin-right: 10px; margin-bottom: 70px; margin-top: 5px;}
.col a.image{padding: 0; margin: 0;}
.col a{color: #eefbfc; padding: 2px 1px;} 
.col a:hover{color: #03273D; }


.second{background: none;}


#footer{color: #aba28f; line-height: 1em; text-align: left; text-transform: uppercase; font-size: 10px;}
#footer p{font-size: 10px; text-align:center;}
#footer a{color: #aba28f; text-decoration: none;}

/* Misc Classes, etc */
.about-links{float: left; padding-bottom: 40px; width: 116px;}
.col2{width: 250px; float: left;}
p.legal{font-size: 10px; line-height: 20px; text-transform: none; color: #a79c8d; margin-bottom: 25px;}
p.legal a{color: #b7ab99; text-decoration: none;}
.underline{text-decoration:underline;}
.sent, .error{display: none;}
.clear{clear: both;}

/* Remove silly dotted outline from links in FF */
a{outline: none;}

/* Case Studies */
#work #content{padding-top: 35px;}

#work h1{margin-bottom: 20px; color: #E4E8F9;}
#work h2{margin-bottom: 2px; color: #6994BA;}
#work #content p{color: #6994BA; padding-bottom: 16px;}

.item{position: relative; background: #E4E8F9; padding: 12px; overflow: hidden; margin-bottom: 30px; margin-top: 10px; width: 960px; border-top: 4px solid #03013A;}
.item img{float: right; border: 1px solid #03013A; padding-left: 0; margin-left: 0; width: 704px; height: 300px; background: url(../images/loading2.gif) 335px 240px no-repeat; margin-right: 28px;}
.info{position: relative; float: left; width: 200px; text-align: left; height: 350px; line-height: 1.2em;}
.lower h3{font-size: 13px; color: #6994BA; font-weight: bold; padding-bottom: 0; margin-bottom: 0; line-height: 1.6em;}
.lower{position: absolute; bottom: 12px; left: 12px; width: 200px; text-align: left; line-height: 1.2em;}
a.box{position: relative; color: #183152; display: block; height: 20px; width: 200px; border-top: 1px solid #03013A;  padding: 8px; text-align: left; background: url(../images/a-box-bg.gif) repeat-y; text-decoration: none;}
a.box img{position: absolute; border: none; width: 10px; height: 10px; margin: 0; padding: 0; top: 5px; right: 12px;}
a.box:hover{background: #183152; color: #E4E8F9;}

#slideshow, #slideshow2{position: relative; width: 625px; height: 300px; margin: 0 auto; padding: 0; }
#slideshow img, #slideshow2 img{position: absolute; width: 625px; height: 300px; top: 0; left: 0;}
#slideshow a{position: absolute; width: 625px; height: 300px; top:0; left: 0;}


/* Reviews */
/*LEFT SIDE */
#review-left-col{float: left; height:500px; }
#review-left-col h1{color: #E4E8F9;}


/*LEFT SIDE */
#review-right-col{float: right; background-color:#E4E8F9; height:500px;}
.review1 {color: #E4E8F9;}
.review2 {color: #8D92AC;}
.review3 {color: #14367D;}


/* CLASSES */
.features {color: #03273D;}
.features th {
	border-bottom:1px solid #CCCCCC;
	text-align:right;
}
.features tr.valueindicated th {
	vertical-align:bottom;
}

.features th span {
	display:block;
	font-size:10px;
	font-weight:normal;
	margin-top:5px;
	padding-left:5px;
}
.features td {
	border-bottom:1px solid #CCCCCC;
	padding:5px 8px 5px 2px;
	text-align:right;
}
.features tr.last td {
border-bottom-style:none;
}
.features tr.details td {
padding-top:15px;
}
.features tr.details .view {
padding:0;
}
.features tr.details .view a:link, .features tr.details .view a:visited {
	font-weight:normal;
	padding:2px 5px;
	text-decoration:none;
}

.features tr.buy .view {
	padding:0;
}
.features tr.buy td {
	padding-top:5px;
}
.features tr.buy .view a:link, .features tr.buy .view a:visited {
	padding:2px 5px;
}
.features td.item {
	font-weight:bold;
}
.features .rightborder {
	border-right:1px solid #CCCCCC;
}