/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color: #0b1920;
	margin: 0 ;
	background: #335d73 url("../images/body-back.gif") repeat-x top left;
	padding: 0px;
}
a:link, a:visited {
	text-decoration: none;
	color:#1280b9;
	font-weight: bold;
}
a:hover, a:active {
	text-decoration: none;
	color:#999999;
}

h1 {float: right; color:#1075aa; font-size:1.2em; margin-top:15px;}
h2 {font-size: 1.4em;font-weight:normal;color:#0b1820;margin: 0px 0px 8px 0px;padding: 12px 0px 6px 4px;background: url("../images/h1_back.gif") no-repeat bottom left;}
h3 {font-size: 1.2em;font-weight:bold;color:#1280b9;margin: 0px;padding: 8px 0px 6px 4px;}
h4 {font-size: 1.1em;font-weight:normal;color:#ffffff;margin: 7px 0px 10px 16px;padding: 0px;}
h5 {font-size: 1.1em;font-weight:bold;color:#0b1820;margin: 0px 0px 15px 4px;padding: 0px;}
h6 {font-size: 1em;font-weight:normal;color:#0b1820;margin: 5px 0px 15px 12px;padding: 0px;}

/*container*/
#container {
	width: 800px;
	margin: auto;
}

/*header*/
#header {background: url("../images/header-back.gif") no-repeat bottom right;}
#header img {margin-bottom: 12px;}

/*headernav*/
#headernav {float: right; margin-top: -25px;}
#headernav ul {margin: 0px; padding:0px; list-style: none;}
#headernav li {display: inline;}
#headernav a {color:#babab9; font-weight:normal; padding:0px 15px 0px 5px; margin: 0px;}
#headernav a:hover {color:#e3e2e2;}

/*mainnav*/
#mainnav {background: #061117 url("../images/mainnav-back.gif") no-repeat top right; display:block; height: 34px; padding: 0px;}
#mainnav ul {list-style: none; margin:0px 0px 0px 5px; padding:0px;}
#mainnav li {float: left; display: inline;}
#mainnav li a {padding: 8px 15px 8px 15px; font-weight: normal; color: #999999; display: block; background: url("../images/mainnav-list-back.gif") no-repeat bottom right;}
#mainnav li a:hover {color:#cecece;}
#mainnav li a.navdirectory {background:none;}

/*topthird*/
#topthird {height:265px; background: url("../images/top-third-back.gif") no-repeat top left;}
#toppanel {margin:0px 0px 0px 20px;}
#toppanel p {font-size: 9px; padding: 0px; display: block; margin:0px;}
#toppanel a {color:#58666f; display:block; text-align: justify; padding: 170px 20px 10px 10px;}
#toppanel p a:hover {color:#ffffff;}

#webdesignbox {width:190px; height:225px; background: url("../images/webdesign-box-back.gif") no-repeat top left; float: left;margin:20px 0px 0px 0px;}
#webdesignbox:hover {background-position: top right; color: #ffffff;}
#propsearchbox {width:190px; height:225px; background: url("../images/propsearch-box-back.gif") no-repeat top left; float: left;margin:20px 0px 0px 0px;}
#propsearchbox:hover {background-position: top right;}
#seobox {width:190px; height:225px; background: url("../images/seo-box-back.gif") no-repeat top left; float: left;margin:20px 0px 0px 0px;}
#seobox:hover {background-position: top right;}
#consultbox {width:190px; height:225px; background: url("../images/consult-box-back.gif") no-repeat top left; float: left;margin:20px 0px 0px 0px;}
#consultbox:hover {background-position: top right;}

/*middlethird*/
#middlethird1 {padding: 0px; background: url("../images/midtop1.gif") no-repeat top left;}
#middlethird2 {background: url("../images/midmid2.gif") repeat-y top left; margin-top: 16px;}
#middlethird2 ul {font-size: 11px; text-align:justify;}
#middlethird3 {padding: 0px 0px 75px 0px;background: url("../images/midbot3.gif") no-repeat bottom left; overflow:auto; height: 100%;}

#middlebox {float:left; margin:0px 10px 0px 0px; margin-top:0px;width:562px; padding:0px; padding-right:20px;padding-left:13px;}
#middlebox p {padding:0px 0px 8px 4px; margin:0px; font-size: 11px; text-align: justify;}
#middlebox p.contact-btn-right {padding-left: 202px;}

.lightbluetitle {color:#1075aa;}

#testimonials {float:left; width:181px; margin:11px 0px 0px 0px; background: url("../images/testimonial-back.gif") no-repeat top left;}
.testimonials {background: #e8e8e7; padding:8px; margin-top: 7px; border-bottom: 2px solid #f8f8f7;}

#testimonials p {margin:0px; padding:0px; font-size: 11px; text-align: justify;}

/*bottomthird*/
#bottomthird1 {padding: 0px; background: url("../images/bottop1.gif") no-repeat top left;}
#bottomthird2 {background: url("../images/botmid2.gif") repeat-y top left; margin: 16px 0px 15px 0px; clear:both;}
#bottomthird3 {padding: 0px 0px 3px 3px;background: url("../images/botbot3.gif") no-repeat bottom left; overflow:auto; height:100%;}

#bottomthird3 p {color:#ffffff; font-size:11px; margin: 15px 0px 3px 12px; clear: both;}

.bottomcolumn { float:left; padding: 0px 5px 0px 5px; margin: 10px 0px 0px 4px; background: url("../images/bottomcolumn_back.gif") repeat-y top right; }
.bottomcolumn img { padding: 2px; background:#071319; border: 2px solid #064460;}
.bottomcolumnright { float:left; padding: 0px 5px 0px 5px; margin: 10px 0px 10px 4px; }
.bottomcolumnright img { padding: 2px; background:#071319; border: 2px solid #064460; margin-bottom:3px;}
#bottomthird3 img:hover {border: 2px solid #148bca;}

/*testimonials*/
.italic { font-style:italic;}

.thumbs {padding: 4px; background:#dfdfe2; margin: 0px 25px 0px 10px; float:left;}
.thumbs:hover {background:#ceced0;}
.portfoliolist {clear: both; margin-bottom:20px;padding-top:10px; }