/* --------------------------------------------------------- */
/* --------------------- MAIN styles --------------------- */
/* --------------------------------------------------------- */


body { background: #0a0a0a url(../images/dark/backgroundTile.png) repeat 50% 0; }
.wrapper{ width: 900px; padding: 0 50px; margin:0 auto; }
.clear{ clear:both;height:0;font-size:0;margin:0;padding:0;visibility:hidden; }
.alignleft{ float:left; }
.alignright{ float:right; }
.aligncenter{ display:block;margin:0 auto; }
#main img.alignleft { margin: 0 20px 20px 0; }
#main img.alignright { margin: 0 0 20px 20px; }




/* --------------------------------------------------------- */
/* ----------------------- HEADER ----------------------- */
/* --------------------------------------------------------- */


#header { width: 100%; }
#header_logo{width: 890px; height: 100px}
#logo { float: right; display: block;  overflow: hidden; width: 254px; height: 100px; }
 #headerInner{height: 180px; width: 890px; margin-top: 20px}
 ul#nav { float: left; margin: 20px 0 0; position: relative; width: 890px }
 ul#nav li { float: left; margin: 0 10px 0 0;  font-size: 1.0em}
 ul#nav li ul { position: absolute; display: none; left: 0; top: -28px; width: 550px; padding: 0 0 10px; }
 ul#nav li ul li { display: block; float: left; margin: 0 25px 0 0; }
 ul#nav li:hover ul { display: block; }
 ul#nav { font-weight: bold; text-transform:capitalize; letter-spacing:0.03em; }
 ul#nav li ul { text-transform: none; }
 ul#nav li a { color: #d6d6d6; text-decoration: none; }
 ul#nav li.current a { color: #a1d54e; text-decoration: none; }
 ul#nav li a:hover { color: #a1d54e; }
 ul#nav li ul li a { color: #d6d6d6; font-size: 0.83em; }
 ul#nav li.current ul li a { color: #d6d6d6; font-size: 0.83em; }
 ul#nav li.current ul li.current a { color: #a1d54e; font-size: 0.83em; }
 ul#nav li ul li a:hover { color: #a1d54e; }
 ul#nav li:hover a { color: #a1d54e; }
 ul#nav li:hover ul li a { color: #d6d6d6; }
 ul#nav li:hover ul li a:hover { color: #a1d54e; }





/* --------------------------------------------------------- */
/* ----------- FEATURED and PAGE HEADER ----------- */
/* --------------------------------------------------------- */


#featuredTop { width: 100%; height: 10px; margin: -10px 0 0; background: transparent url(../images/dark/featuredBgTopTile.png) repeat-x; position: relative; }
#featuredBottom { width: 100%; height: 10px; margin: 0 0 -10px; background: transparent url(../images/dark/featuredBgBottomTile.png) repeat-x; position: relative; z-index: 2; }
#featured { width: 100%; background: #030303; border-top: 1px solid #171717; border-bottom: 1px solid #171717; }
#featured #featuredInner { padding: 37px 50px; background: transparent url(../images/dark/featuredBgShine.png) no-repeat left center; margin: -1px auto; }
#featured #featuredInner #featuredText { width: 420px; float: left; margin-top: 28px; }
#featured #featuredInner #pageHeaderText { width: 100%; margin: 14px 0; }
#featured #featuredInner #featuredImage { width: 420px; height: 220px; float: right; overflow: hidden; position: relative; }
#featured #featuredInner #featuredImage #imageFrame { width: 420px; height: 220px; position: absolute; top: 0; left: 0; background: transparent url(../images/dark/featuredImgFrame.png) no-repeat top left; z-index: 99; }
#featured #featuredInner #featuredImage #imageFrame #prevButton { display: block; width: 29px; height: 38px; position: absolute; left: 0; top: 92px; background: transparent url(../images/dark/featuredPrevBtn.png) no-repeat; cursor: pointer; z-index: 100; }
#featured #featuredInner #featuredImage #imageFrame #nextButton { display: block; width: 29px; height: 38px; position: absolute; right: 0; top: 92px; background: transparent url(../images/dark/featuredNextBtn.png) no-repeat; cursor: pointer; z-index: 100; }
#featured #featuredInner #featuredImage #slides { width: 398px; height: 198px; margin: 11px; }





/* --------------------------------------------------------- */
/* ----------------------- CONTENT ---------------------- */
/* --------------------------------------------------------- */



#content { padding: 46px 50px 6px 50px; background: transparent url(../images/dark/contentBg.png) no-repeat left top; position: relative; z-index: 1; }
#content #main { width: 580px; float: left; margin: 0 60px 0 0; padding: 0 0 15px; }
#content #main .blogPost { border-bottom: 1px solid #171717; padding-bottom: 24px; margin-bottom: 25px; }
#content #main .blogPost .postTitle { margin: -6px 0 5px 0; }
#content #main .blogPost .metaData { margin: 0 0 18px 0; display: inline-block; }
#content #main .postHead { padding-left: 175px; position: relative; min-height: 140px; }
* html #content #main .postHead { height: 140px; } /* IE6 hack */
#content #main .postHead .postImage { position: absolute; left: 0; }
#content #main .singlePostHead { padding-left: 220px; position: relative; min-height: 195px; }
* #content #main .singlePostHead { height: 195px; } /* IE6 hack */
#content #main .singlePostHead .postImage { position: absolute; left: 0; }
#content #main .singlePost { border-bottom: 1px solid #171717; }
#content #main #pagination { margin: -5px 0 12px; }
#content #main #pagination a { display: block; float: left; margin: 0 12px 0 0; width: 23px; height: 26px; line-height: 26px; text-align: center;  }
#content #main #pagination a.current { background: transparent url(../images/dark/paginationLinkBackground.png) no-repeat; }
#content #main #pagination a.paginationLastLink { margin: 0; width: auto; }

#content.fullWidth #main { float: none; width: 100%; }
.main_page{}
.sub_page{}
.cv_table{width: 580px; position: relative; }
.cv_left{float: left; width: 280px; position: relative;margin-bottom: 20px}
.cv_right{float: right; width: 280px; display: inline;margin-bottom: 20px}
.CMS{font-size: 1.33em;}
.recently_completed_projects{margin-bottom: 10px}
.clear_both{clear: both}
.my_image{float:left;padding-right: 20px; padding-bottom: 10px}
.questimator{width: 580px; background-color: blue; height:800px}
.questimator_box{width: 560px; position: relative;background-color: gray}
.question_box_left{width: 280px; float: left;display: inline; }
.question_box_right{width: 280px; float: right; display: inline;}
.form_box{ position: relative;width:580px; height: 40px ;margin-bottom: 10px;}
form_box_text_area{width:580px; height: 250px ;margin-bottom: 10px;margin-top: 10px}
.form_box_left{float: left; width: 280px; margin-top: 5px}
.form_box_right{float:right;display: inline;width: 261px;margin-top: 3px}
.price_table{border-color: #6b6b6b; border-style: solid; border-width: 1px; color: #fffcdc; background-color: #1c1c1c; height:auto; width: 100%;margin-top: 20px; padding: 10px}
legend{ text-align: center; widows: 500px}
#cantact-info{width: 560px; height: auto;border-color: #6b6b6b; border-style: solid; border-width: 1px; color: #fffcdc; background-color: #1c1c1c;margin-top: 20px; padding: 10px; font-size: 18px ; line-height: 30px}
.cantact-info{width: 160px; height: auto;border-color: #6b6b6b; border-style: solid; border-width: 1px; color: #fffcdc; background-color: #1c1c1c;margin-top: 20px; padding: 10px; font-size: 18px ; line-height: 30px}