/*RESET
-------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,p,blockquote,th,td {  margin:0; padding:0; }
table { border-collapse: collapse; border-spacing:0; padding:0; }
fieldset, img, img a { border:0; }
caption, th { text-align:left;}
q:before, q:after { content:''; }
input, textarea, select { /*insert font type here*/ }

/*GLOBAL
--------*/
html, body							{ height:100%!important; margin:0; padding:0; font:12px arial; background-color:#5A7BB1; color:#4D6682; background:url(../images/page_structure/page_background.gif) #5B7DB4 top center repeat-x; }
p									{ padding-bottom:24px; }
h1, h2, h3, h4						{ margin:0; padding:0; }
h1.image_heading					{ font:24px arial; color:#353233; height:45px; background:url(../images/page_structure/hr_background.gif) left bottom no-repeat; margin-bottom:15px; }
h1									{ font:18px arial; color:#4D6682; background:none; margin-bottom:20px; }
h2									{ font:bold 12px arial; color:#4D6682; padding-bottom:23px; }
h3									{ font:bold 14px arial; color:#4D6682; padding-bottom:23px; }
h3.gallery_title					{ padding-bottom:0; padding-top:20px; }
h3.gallery_title span 				{ font-weight:normal; }
h4									{ font:18px arial; color:#4D6682; padding-bottom:23px; }
ul, ul li ul						{ padding-left:18px; padding-bottom:24px; }
a, a:link, a:active, a:visited 		{ text-decoration:underline; color:#4D6682; }
a:hover 							{ text-decoration:none; }
label								{ cursor:pointer; }
.image_border img 					{ border:3px solid #B7D3F0; }
.captcha							{ margin-bottom:5px; }
.req								{ color:#FF0000; }

/* Clear Fix */

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear_float { clear:both; }

/* -------------------------------- */

#page_container { position:relative; width:900px; padding:0 50px; margin:0 auto; background:url(../images/page_structure/body_background.gif) top center no-repeat; }

#header { position:relative; z-index:100; height:233px; }
#body { position:relative; z-index:10; background-color:#FFFFFF; padding:25px; }

#body.home { padding:0; }

.left_column { float:left; width:575px; }
.right_column { float:right; width:238px; }
.right_column .image_border { margin-bottom:25px; padding-top:23px; }

/* FOOTER */

#footer { padding-top:20px; height:190px; line-height:18px; color:#FFFFFF; background:url(../images/page_structure/footer_background.gif) top left repeat-x; font-size:11px; text-align:center; }
#footer a, #footer a:link, #footer a:active, #footer a:visited { color:#FFFFFF; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

#footer ul { list-style:none; list-style-type:none; padding:0; margin:0;  }
#footer ul li { display:inline; padding:0; margin:0; }
#footer ul li.divider { padding:0 4px; }

.website_developed { font-size:9px; }

/* HOME */

.blue_box { position:relative; float:left; width:250px; padding:25px; height:175px; background:url(../images/home/blue_box_bg.gif); }
.blue_box p { line-height:18px; }
.blue_box .read_more { position:absolute; bottom:25px; right:25px; }

/* OUR SERVICES */

h2 span { font:bold 14px arial; }

/* CONTACT US */

#map, #captcha { border:3px solid #B7D3F0; }
.google_map { margin-bottom:0!important; }
.side_shade_box { background:url(../images/page_structure/shade_background.gif) top left repeat-x; height:223px; padding:20px 15px 0 15px; }

.contact_form { width:400px;}

/* BUTTONS */

.submit { width:164px; height:38px; background:url(../images/buttons/submit.gif) top left no-repeat; border:0; cursor:pointer; }

/* PRODUCTS */

ul.picture_list { list-style:none; list-style-type:none; padding:0; margin:0; }
ul.picture_list li { float:left; padding:20px 20px 0px 20px;  }

ul.product_list { list-style:none; list-style-type:none; padding:0; margin:0; }
ul.product_list li { float:left; margin:-10px 0 20px 0; padding:20px 20px;  }

.product_img_box { width:206px; padding:0 17px; text-align:center; height:228px; background:url(../images/page_structure/product_img_holder.jpg) top left no-repeat; }

.product_img_box a, .product_img_box a:link, .product_img_box a:active, .product_img_box a:visited { text-decoration:none; }
.product_img_box a:hover { text-decoration:underline; }

.product_img_title { font-weight:bold; text-align:center; padding:7px 0 3px 0; }
.product_image { background:url(../images/page_structure/prod_img_shade.gif) bottom repeat-x; height:210px; width:auto; }
.product_image img { border:3px solid #B7D3F0;  }
.image_holder {  height:150px; }
.click_to_view { padding-top:10px; }

.sub_product_image { padding-top:45px; }

.image_border_title { padding:0 30px 3px 0; text-align:center; font-weight:bold; }

#products { position:absolute; top:212px; left:560px; z-index:150; }

/* RECENTLY COMPLETED PROJECTS */

.completed_box { color:#4D6682; padding:23px 25px 0px 25px; width:803px; height:153px; margin-bottom:20px; background:url(../images/recently_completed_projects/completed_box.jpg) top left no-repeat; }

.completed_text { float:left; width:255px; }

.completed_text h1 { font:bold 18px arial; padding-bottom:5px; margin-bottom:0; }
.completed_text h2 { font:bold 14px arial; padding-bottom:5px; }
.completed_text .date { font:bold 12px arial; margin-bottom:30px; }
.completed_text p { padding-bottom:0; margin-bottom:0; }

.completed_images { float:right; width:540px; }

.completed_images ul { float:right; list-style:none; list-style-type:none; padding:0; margin:0; }
.completed_images ul li { float:left; }
.completed_images ul li img { border:3px solid #B9D4F0; margin-left:30px; }

.click_on { margin-left:475px; padding-top:5px; }