@charset "utf-8";

/* Reset
-------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


/* Generic Classes
-------------------------------------------------------------------------- */

/* Invisible Content Just for Screen Reader Users*/
.hidden {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}

/* Clearfix */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}

/* Hide from IE Mac \*/
.clearfix {display:block;}

/* End hide from IE Mac */

.hidden {left:-9999px;}
.debug {border:1px solid red;}

.alignLeft {text-align:left !important;}
.alignRight {text-align:right !important;}
.alignCenter {text-align:center !important;}

.floatLeft {float:left !important;}
.floatRight {float:right !important;}

.clearBoth {clear:both; overflow:hidden; height:1px; font-size:1px;}
.clearLeft {clear:left !important;}
.clearRight {clear:right !important;}

.hide {display:none !important;}
.highlight {background-color:#ffc;}

.noBackground {background:none !important;}
.noBorder {border:none !important;}
.noMargin {margin:0 !important;}
.noPadding {padding:0 !important;}
.noBold {font-weight:normal !important;}
.highlight {background:#ffc;}


/* General Styles
-------------------------------------------------------------------------------------------------------------------*/

body {background: #ccc url('../images/bg_body.jpg') repeat; font-size:14px; font-family: arial, tahoma, helvetica; color:black;}

p,ul,li,a, strong, em{font-family: arial, tahoma, helvetica; color:black; text-decoration:none;}
strong{font-weight: bold;}
em{font-style:italic;}
a:hover {text-decoration: underline; color:#660033;}
p{line-height:18px; margin-top:10px;}

h1,h2,h3,h4,h5,h6 {display: block; font-family:times; color:#660033; margin-top: 20px;}
h1{font-size:24px; font-weight:bold;}
h2{font-size:20px;}
h3{font-size:16px;}
h4{font-size:20px; font-weight:bold; margin-bottom: 10px;}

.red {color:#660033;}
.year {font-size:18px; color:#660033;}

/* Layout structure
-------------------------------------------------------------------------------------------------------------------*/
div#wrap {position:relative; width:960px; margin:0px auto; }
div#wrap:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}

div#header {float:left; display:inline;width:960px; height:155px; background: #fff url('../images/header_bg.jpg') no-repeat right 0;}
	div#logo {position: absolute; top: 0; left: 0; width:280px; height:155px;}
	div#main-nav {position: absolute; top:105px; right: 0; width:675px; height:46px; }

div#banner {float:left; clear:both; width:960px; height:195px; }
	div#banner #banner-text {width: 280px; height: 195px; float: left;}
	div#banner #banner-img {width: 680px; height: 195px; float: right;}
div#container {position:relative; float:left; clear:both; display:inline; width:960px; background: #fff url('../images/lhs_bg.gif') repeat-y 0px 0px; }
	div#lhs {float:left; display:inline; width:285px; padding-bottom:40px; padding-left:20px;}
	h1#serv-offering {float:left; display:block; width:280px; height:75px; clear:both; background: url('../images/h1_servOfferings.gif') no-repeat top left; text-indent:-9999px; overflow:hidden; margin-bottom:20px; margin-top:0px;}
	
	div#content {float:right; display:inline; width:585px; padding: 25px 45px 30px 45px; background: url('../images/container_bg.png') repeat-x 0px 0px;}
	div#content ul { list-style:none; padding-left: 10px;}
	div#content ul li{ background: transparent url('../images/li_services_bullet.gif') no-repeat top left; ;background-position:0px 4px; margin: 0 0 0 10px; text-indent:12px; list-style:none}

div#footer {float:left; clear:both; width:934px; height:33px; background: url('../images/footer_bg.gif') repeat-x; margin-top:5px; padding:6px 6px 6px 20px;}
	div#footer-copyright {float:left; clear:left;width:500px; }
	div#footer-copyright ul { float:left; clear:left; list-style:none; width:500px;}
	div#footer-copyright ul li {display: inline;color:#fff;}
	div#footer-copyright a { color:#fff; font-size:12px;}
	#footer p {float:left; clear:left; color: #ffffff; margin-top:4px; font-size:10px; width:500px;}
	#footer img {float:right; width:123px;}


/* Navigation
-------------------------------------------------------------------------------------------------------------------*/


ul#menu {width:675px; height:45px;list-style:none; background: #fff url('../images/menu_bg.png') no-repeat left bottom;}
ul#menu a, ul#menu li {float:left; height:45px;}
ul#menu a { text-indent: -999999px; overflow:hidden;}

#home-nav {width:77px;}
a#home-nav:hover {background: #fff url('../images/menu_bg.png') no-repeat left top;}

#company-nav {width:207px;}
a#company-nav:hover {background: #fff url('../images/menu_bg.png') no-repeat -77px top;}

#services-nav {width:103px;}
a#services-nav:hover {background: #fff url('../images/menu_bg.png') no-repeat -284px top;}

#latest-nav {width:166px;}
a#latest-nav:hover {background: #fff url('../images/menu_bg.png') no-repeat -387px top;}

#contact-nav {width:122px;}
a#contact-nav:hover {background: #fff url('../images/menu_bg.png') no-repeat -553px top;}

/* inside pages 
------------------------------------------------------------------------------------------------------------------- */
.imgLeft{float: left; margin-right:20px;}
div#content-inside {float:right; display:inline; width:625px; padding: 25px 25px 0 25px; background: #fff url('../images/container_bg.png') repeat-x 0px 0px;}

div#contentLeft{width:280px; float:left; margin-right:5px;}
div#contentRight{width:280px; float:right; margin-left:5px;}



	#balustrade h1 {display:block; margin-bottom:20px;}
	#balustrade h2 {font-family: arial; font-weight: bold; font-size:18px; color:#a97883; margin:20px 0px; border-bottom: 1px dotted #a97883}
	
		div.floatRight_txt { float:right; margin-left: 20px;}
		
		div#balustrade ul{ list-style:none; padding-left: 5px;}
	div#balustrade ul li{ font-size:13px; background: transparent url('../images/li_services_bullet.gif') no-repeat top left; background-position:0px 4px;margin: 0 0 0 10px; text-indent:12px; }

	
div.topic-separator { float:left; display:inline; width:625px; clear:both; background: transparent url('../images/topic_line.png') no-repeat bottom left; padding-bottom:25px;}
	.topic-separator span {padding-right:30px;}
div.block-separator { float:left;  width:635px; clear:both; padding-top:20px; display: block; }

div.img-tagged { float:left; margin-right:8px; font-size:11px;}
	div.img-tagged img { clear:both; padding-bottom:0px;}
	div.img-tagged p{font-size:11px; clear:both; margin-bottom:10px;}
	
div#content-inside strong {font-size: 14px;}


/* Text Elements
-------------------------------------------------------------------------------------------------------------------*/

/* LHS */
div#lhs, div#lhs-inside {float:left; display:inline; width:260px;  background:  url('../images/container_bg.png') repeat-x 0px 0px; margin-right: 5px; padding-top:25px; padding-left:20px; font-size:13px;}

	div#lhs h2, div#lhs-inside h2 { font-size:12px; font-family:arial; color:black; font-weight:bold; background: transparent url('../images/h2_services_line.gif') no-repeat bottom left; line-height:18px; margin: 10px 0px 10px 20px;;}
	div#lhs ul, div#lhs-inside ul { list-style:none; padding-left: 10px;}
	div#lhs ul li, div#lhs-inside ul li{ font-size:13px; background: transparent url('../images/li_services_bullet.gif') no-repeat top left;background-position:0px 4px; margin: 0 0 0 10px; text-indent:12px; }
	div#lhs h4, div#lhs-inside h4 {width:235px; height:40px; background: url('../images/bg_h1lhs.png') no-repeat; padding: 7px 0 0 9px; }
.padLeft{padding-left:10px;}	

/* Content */
div#welcome { float:left; display:inline; width:556px; padding-bottom: 18px; background: url('../images/welcome_line.gif') no-repeat left bottom;}
	div#welcome h1 { margin-bottom:20px; }
	div#welcome p {font-size:14px; margin:10px 0px;}

	div#contact-us {float:left; display:inline; width:300px; padding-top:24px;}
		div#contact-us form, div#contact-us textarea, div#contact-us input { font-family:arial; color:#999; font-size:12px; width:203px; margin-bottom:10px;}
		div#contact-us textarea {width:207px;}
		div#contact-us h1 {margin-bottom:10px;}

.send-btn {display:block; width:65px; height:21px; background: #fff url('../images/send_btn.gif') no-repeat top left; border:0px; text-indent:-999px; overflow:hidden;}


div#details-contact {float:left; display:inline; width:207px; height:207px; padding-top:55px;}
	div#details-contact p {margin:5px 0px;font-size:14px; }
	div#details-contact img {margin-top:25px }



/* forms
----------------------------------------------------------------------------------------------------------------------*/
.formfield{
	width: 210px;
	height: 18px;
	border: 1px solid #ccc;
}

.textarea{
	width: 210px;
	height: 160px;
	border: 1px solid #ccc;
}

label{font-size:10px; color:#666; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}