.user-val { /*font-weight: bold;*/ }
.default-val { color: #888888; }

.side-tool select { width: 220px; margin-top: 4px; }

.side-tool select,
.side-tool input.labeled { float: left; display: block }

.side-tool .user-val,
.side-tool .default-val { background: url(gfx/textbox-220-bg.gif) no-repeat; width: 200px; padding: 0 10px 0 10px; height: 21px;
                          border: none; font-size: 15px; margin-top: 4px; }

.btn-callme { margin-top: 4px; display: block; }

.btn-chatnow { margin: 0 0 10px 0; display: block; }
/* side tool */

.side-tool { width: 250px; background: url(gfx/side-tool-bg.gif) repeat-y; margin-bottom: 10px; }

.side-tool .pad { padding: 4px 13px 0 13px; }

/* big box */

.big-box { width: 600px; }
.big-box .header { height: 29px; background: url(gfx/big-box-header.jpg) no-repeat; }

.big-box .header * { font-size: 15px; padding: 4px 0 0 13px; }

.big-box .pad { padding: 4px 0 0 13px; }

/* project thumbs */
ul.project-thumbs li { width: 196px; height: 173px; background: url(gfx/project-thumb-bg.png) no-repeat;
                       float: right; margin: 10px 0 0 0; }
ul.project-thumbs li img { width: 170px; height: 125px; padding: 15px 16px 0 0; }
ul.project-thumbs li h3 { display: block; font-weight: bold; font-size: 13px;  /*color: Black;*/ padding: 12px 15px 0 0; text-decoration: none; }


/* featured thumbs */
.featured { background:#feefc9; width:575px; padding:10px 10px 0 0; clear:both; color:#333; height:370px}
ul.featured-thumbs {width:375px; float:left; background:#feefc9}
ul.featured-thumbs li { width: 186px; height: 180px; background: url(gfx/featured-thumb-bg.jpg) no-repeat top center;
                       float: right;  position:relative }
ul.featured-thumbs li img { width: 160px; height: 126px; padding: 13px 13px 0 0; }
ul.featured-thumbs li h3 { display: block; font-weight: bold; padding: 10px 10px 0 0; text-decoration: none; }
ul.featured-thumbs li A.f-but {position:absolute;  color:#333; top:100px; right:-3px; background:url(gfx/featured-button-bg.png) no-repeat left center; width:57px; height:28px; padding: 1px 15px 0 0;font-size:16px; color:#FFF; font-weight:bold; text-decoration:none}

.featured-text {width:185px; font-size:14px; float:right;position:relative }
.featured-text H2 {FONT-SIZE:28px; font-weight:normal; padding:0; margin: 0 0 15px 0; color:#333}
.featured-text A {position:absolute;  color:#333; top:290px; right:-20px; background:url(gfx/featured-button-big.png) no-repeat left center; width:184px; height:43px; padding: 6px 15px 0 0;font-size:18px; color:#FFF; font-weight:normal; text-decoration:none}


/* overview */
.overview { margin-bottom: 18px; position: relative }
.overview p { line-height: 130%; }
.overview a {  }

/* project summary */
.project-summary { background: #ffffff url(gfx/summary-bg.jpg) no-repeat;
                   margin-bottom: 10px; padding: 0 0 0 0; width:602px; height: 227px; position: relative; right: -2px }

.project-summary .photo { position: absolute; left: 22px; top: 20px; }

.project-summary .pad { padding-top: 26px; padding-right: 13px; padding-left: 310px; }

.project-summary p { line-height: 130%; margin-top: 15px; margin-bottom: 25px; }

.project-tags { position: absolute; right: 13px; bottom: 20px; width:290px}
.project-tags a { font-size: 12px; padding-left:5px; margin-left:5px; border-left:1px solid; display:inline-block }

/*.project-tags { position: absolute; right: 13px; bottom: 30px; }
.project-tags a { font-size: 12px; display: block }*/
/* big tool */


/* project details */

.project-details h2,
.content-data h2,
.project-overview h2, .personal-details H2{
 line-height: 13px; height: 19px; margin: 10px 0 3px -27px; position: relative; right: -27px;
                       background: url(gfx/h2-bg-24.png) no-repeat top right !important;
                       font-size: 14px; padding-right: 28px; }
		       
.project-result .project-resultH2 { background: url(gfx/h2-bg-24.png) no-repeat top right !important;}	       
		       
.project-overview h2 {  margin-bottom: 0; margin-top: 20px }

.content-data h3 { padding: 6px 0 3px 13px; color: #004D91; }

.project-details p,
.content-data p { padding: 3px 0 3px 0; }

.content-faq h2 { margin-top: 30px }

/* project overview */

.project-overview table { width: 562px; }

.project-overview tr.alternate-true td,
.project-overview tr.alternate-true th
{
    /*background: #f6f6f6;*/
}
.project-overview th { text-align: right; white-space: nowrap; color: #444444; width: 108px; }

.project-overview th { padding-left: 13px; vertical-align: top; padding-top: 3px; padding-bottom: 3px; border-bottom: solid 1px #e5d8b3; }
.project-overview td { padding-right: 13px; border-bottom: solid 1px #e5d8b3;}

/*
.project-overview h2 { line-height: 25px; height: 25px; background: url(gfx/big-box-header.jpg) no-repeat;
                       padding-left: 13px; margin: 10px 0 3px 0; }*/

/* tabs */

ul.tabs { background: url(gfx/paper-bg.jpg) no-repeat 100% 33px; height: 51px; clear: both; margin-top: 12px }
ul.tabs li { float: right; width: 149px; height: 51px; background-repeat: no-repeat; background-position: 100% 3px; }
ul.tabs li.eq-1 { background-image: url(gfx/tab-1.png) }
ul.tabs li.eq-2 { background-image: url(gfx/tab-2.png) }
ul.tabs li.eq-3 { background-image: url(gfx/tab-3.png) }
ul.tabs li.eq-4 { background-image: url(gfx/tab-4.png); width: 147px }
ul.tabs li.eq-2, ul.tabs li.eq-3, ul.tabs li.eq-4 { margin-right: 2px }
ul.tabs li.ui-tabs-selected { background-repeat: no-repeat; background-position: top left; }
ul.tabs li.eq-1.ui-tabs-selected { background-image: url(gfx/tab-1-active.png) }
ul.tabs li.eq-2.ui-tabs-selected { background-image: url(gfx/tab-2-active.png) }
ul.tabs li.eq-3.ui-tabs-selected { background-image: url(gfx/tab-3-active.png) }
ul.tabs li.eq-4.ui-tabs-selected { background-image: url(gfx/tab-4-active.png) }
ul.tabs li.ui-tabs-selected a { text-decoration: none; color: #000; }
ul.tabs li a { line-height: 32px; font-weight: bold; font-size: 16px; color: #333333; text-decoration: none; display: block; text-align: center; }

.ui-tabs-panel { display: block; clear: both; background: url(gfx/paper-bg.jpg) repeat-y 100% -30px; padding: 0 19px 12px 19px; }
.ui-tabs-hide { display: none; }

/* projects banner */

.projects-banner { width: 650px; height: 203px; position: relative; background: url(gfx/overview-footer.gif) no-repeat bottom left; }

.projects-banner li { display: none; width: 650px; height: 203px; position: absolute; left: 0; top: 0; }
.projects-banner li.show-first { display: block; }

.projects-banner li img { position: absolute; left: 0; top: 0; }

.projects-banner li span { display: block; width: 640px; height: 25px; position: absolute; left: 0; top: 178px;
                           font-weight: bold; text-decoration: none; line-height: 25px; text-align: right; }

/* projects search results */

.results-found { background: #fff9d7 url(gfx/project-result-sep.png) no-repeat bottom left;
                 padding: 4px 16px 8px 20px; font-weight: bold }

.project-result { background: #fff9d7 url(gfx/project-result-sep.png) no-repeat bottom left;
                  height: 200px; position: relative }

.project-result h2 { background: url(gfx/arrow-bullet.png) no-repeat top right;
                     position: absolute; right: -7px; top: 10px; text-indent: 28px }
.project-result h2 a { font-size: 14px !important; color: #333333; text-decoration: none }
.parent-link-cont  h2{  right:10px}


.project-result .img { width: 180px; height: 141px; background: url(gfx/project-result-img-bg.png) no-repeat;
                       position: absolute; right: 10px; top: 40px }
.project-result .img img { position: absolute; right: 8px; top: 8px }

.project-result .summary { width: 238px; position: absolute; right: 200px; top: 40px; font-weight:normal}
.contact .project-result .summary { width: 238px; font-weight:normal; right:0; }


.project-result ul.data { position: absolute; left: 15px; top: 23px; width: 135px }
.project-result ul.data li { border-top: solid 1px #e5e0c1; height: 21px; line-height: 19px }
.project-result ul.data a,
.project-result ul.data .data-val { font-weight: bold; text-decoration: none; color: #004888 }
.project-result ul.data li.price .data-val { font-size: 18px }
.project-result ul.data li.price { height: 40px; line-height: 40px; font-weight: bold }

.project-result a.learn-more { display: block; width: 131px; height: 24px; background: #a7a53d url(gfx/project-result-learn-more-bg.png);
                              position: absolute; left: 15px; bottom: 20px;
                              font-size: 14px; color: #fff; line-height: 22px; text-indent: 11px; text-decoration: none }
                              
.project-result.review th { text-align: right; vertical-align: top }

/* sub projects */

ul.project-subprojects .heading { cursor: pointer; background: #fff9d7 url(gfx/project-result-sep.png) no-repeat top left;
                                  padding: 6px 10px 6px 10px; font-weight: bold; clear: both; overflow: hidden }
ul.project-subprojects .details { display: none; background: #fff9d7; padding: 4px 16px }

ul.project-subprojects .details th { text-align: right; vertical-align: top }

ul.project-subprojects .btn-open { display: block; background: #a7a53d url(gfx/sub-project-btn-open.png) no-repeat top left; 
                                   float: left; height: 16px; padding: 0 7px 0 24px; color: #fff ; width:72px; }
				   
				   
ul.project-subprojects .open .btn-open { background: #a7a53d url(gfx/sub-project-btn-close.png) no-repeat top left; }

ul.project-subprojects .spcol { float: right }
ul.project-subprojects .colheading { cursor: default }
ul.project-subprojects .colheading .spcol { text-decoration: underline }
ul.project-subprojects .spcol-1 { width: 80px }
ul.project-subprojects .spcol-2 { width: 75px }
ul.project-subprojects .spcol-3 { width: 215px }
ul.project-subprojects .spcol-4 { width: 60px; text-align:center }
.grey-code { color: gray; font-weight: normal; direction: ltr; text-align: left }
                        
/* quick search */

.quick-search { background: url(gfx/quick-search-bg-24.png) no-repeat top left; width: 290px; height: 40px;
                position: absolute; left: 33px; bottom: 0 }
.quick-search label { position: absolute; right: 19px; top: 9px; font-size: 17px; display: block !important }
.quick-search .textbox { background: transparent; border: none; width: 160px; position: absolute; right: 80px; top: 11px }
.quick-search .textbox.default-val { font-weight: bold; }
.quick-search .textbox.user-val { font-weight: normal; }
.quick-search .btn { position: absolute; left: 20px; top: 10px }

/*  logs  */

/*.log { border-top: solid 1px #dadada; border-left: solid 1px #dadada; background: url(gfx/log-bg.gif) no-repeat bottom right;
       padding: 20px 80px 20px 13px; margin-bottom: 20px; }*/

.log { padding: 20px 80px 20px 13px; margin-bottom: 20px; }
.log h2 { margin-bottom: 14px; }

.log p { margin-bottom: 14px; text-indent: 25px; line-height: 120%; }

/* contact form */

.contact-form td { vertical-align: top; padding: 0 20px 5px 0; }

/* shopping cart */

.shopping-cart { width: 100% }
.shopping-cart td { padding: 3px 8px 3px 8px; border-top: solid 3px #fff; background: #f8f8f8; }

/* personal details */
.contact1 {position:relative; width:900px; height:700px}
.contact {position:relative; width:900px; height:250px; background:url("gfx/paper-bg.jpg") repeat; margin-bottom:266px}
.personal-details1 {background:url("gfx/paper-bg.jpg") repeat right; width:590px; position:absolute}
.personal-details { width:590px; position:absolute}
.review H2 {background:none !important;margin-bottom:10px}
.personal-details .FRM_label {width:90px; padding-right:5px;}
.personal-details .FRM_content {width:195px}
.personal-details .FRM_big  {width:270px;padding-right:10px;}
.personal-details .FRM_big TEXTAREA {width:270px; height:55px; color:#777}
.personal-details H2{right:-8px !important; width:550px}
.personal-details .tbl1 {padding-top:0px;}


.personal-details td { padding: 0 0 6px 0 ;margin:0 ; height:20px; }
.personal-details .txtProjectRegWebSource {width:180px; height:50px}
/*.personal-details td .errors { position: relative; width: 200px; height: 20px; }
.personal-details td .error { position: absolute; left: 0; top: 0; }
*/
.personal-details INPUT {width:182px; padding:0; margin:0}

.personal-details OPTION {width:158px}
.personal-details .dateSelect SELECT{width:60px}
.personal-details .dateSelect OPTION {width:25px}

.personal-details SELECT {width:185px}
.summary .val {font-weight:bold; color:#004888}
.Stitle {display:block; height:32px; float:right}
.review1 {position:absolute; width:290px; height:250px; left:0; background:url("gfx/side-paper-bg.jpg") repeat-y scroll 0 0 transparent}
.review {position:absolute; width:290px; height:250px; left:0; }
.chkbx INPUT {width:30px;}
.projectDoneHtml {line-height:19px; font-size:14px; width:750px}
.projectDoneHtml SPAN {font-size:15px; font-weight:bold}
.projectDoneHtml SPAN STRONG {color:#004B8C;font-size:15px;}

/* billing details */

.billing-details td { padding: 0 0 6px 0; margin:0;  vertical-align:top }

.billing-details td .error {display:block; clear:both}
.billing-details td .lblCCError {direction:ltr; text-align:left}
.secureIMG {position:absolute; top:200px; right:10px; }
.secureCC { margin-top:5px;}
/* project pictures */

#project-pictures { margin: 0 0 0 0 }

.big-picture span { display: block; margin-top: 5px }
.big-picture { height: 430px; text-align: center }
.big-picture img { height: 400px }

ul.project-pictures-thumbs { clear: both; overflow: hidden;}
ul.project-pictures-thumbs img { display: block; border: solid 2px white }
ul.project-pictures-thumbs li { float: right; margin: 10px 11px 0 2px }
ul.project-pictures-thumbs a.presented img { border: solid 2px black }

/* cost calculator */

.cost-calc { width: 602px; height: 65px; background: url(gfx/cost-calc-bg.jpg) no-repeat; position: relative; right: -2px }
.cost-calc table {  }
.cost-calc label { font-weight: bold }
.cost-calc .res { float: right }
.cost-calc .cost { font-size: 25px; position: relative; top: 7px; width: 80px; display: block }
.cost-calc * { font-size: 12px }
.cost-calc td { padding-right: 15px; }

/* live chat */

#scr7lH img { width: auto; height: auto; }



/* side tool */

.icon-header { height: 60px; position: relative; background-position: top right; background-repeat: no-repeat; right: 20px }
.icon-areas { background-image: url(gfx/icon-areas.png) }
.icon-tags { background-image: url(gfx/icon-tags.png) }
.icon-partners { background-image: url(gfx/icon-partners.png) }
.icon-header .text { position: absolute; right: 69px; top: 12px; font-size: 14px; font-weight: normal }
.icon-header big { display: block; font-size: 28px; line-height: 28px; position: relative; top: -5px  }
.icon-news-form .text { right: 20px; top: 17px; color: #fff; right: 0 }

.side-paper { background: url(gfx/side-paper-bg.jpg) repeat-y; margin-bottom: 12px ; height:380px}
.side-paper-top { background: url(gfx/side-paper-top.png) no-repeat top right }
.side-paper-bottom { background: url(gfx/side-paper-bottom.png) no-repeat bottom right; padding: 18px 0 22px 0 }
.contact .side-paper-bottom { background: url(gfx/side-paper-bottom.png) no-repeat bottom right; padding: 18px 0 22px 0; height:210px; }

/* side browsers */
ul.side-browser { clear: both; overflow: hidden; width: 290px; position: relative; right: -8px; padding-top: 16px; padding-bottom: 10px }
ul.side-browser li { width: 135px; float: right; margin-left: 10px }
ul.side-browser li a { display: block; height: 21px; padding-right: 32px; background: url(gfx/arrow-bullet-24.png) no-repeat 100% 2px;
                       color: #333; font-size: 16px; text-decoration: none; white-space: nowrap }
                       
                       
/* news form */
.news-form { width: 290px; height: 172px; background: url(gfx/news-form-bg.png) no-repeat; position: relative; margin-bottom: 12px }
.news-form IMG.btn { position: absolute; right: 20px; bottom: 20px; cursor:pointer }
.news-form input.labeled { border: none; position: absolute; right: 24px; background: none; }
.news-form input.first-name { top: 64px; width: 240px }
.news-form input.email { top: 94px; width: 240px }


/* homepage top featured items */
.hp-items-container { width: 601px; height: 311px; background: url(gfx/hp-items-bg.jpg) no-repeat; position: relative }

ul.hp-items-index { position: absolute; top: 34px; right: 0 }
ul.hp-items-index a { display: block; width: 42px; height: 29px; text-indent: 100px; white-space: nowrap; overflow: hidden;
                      background-position: top right }
ul.hp-items-index a.item-1 { background-image: url(gfx/hp-item-num-1.png) }
ul.hp-items-index LI.active a.item-1{ background-image: url(gfx/hp-item-num-1-active.png) }
ul.hp-items-index a.item-2 { background-image: url(gfx/hp-item-num-2.png) }
ul.hp-items-index LI.active a.item-2 { background-image: url(gfx/hp-item-num-2-active.png) }
ul.hp-items-index a.item-3 { background-image: url(gfx/hp-item-num-3.png) }
ul.hp-items-index LI.active  a.item-3 { background-image: url(gfx/hp-item-num-3-active.png) }
ul.hp-items-index a.item-4 { background-image: url(gfx/hp-item-num-4.png) }
ul.hp-items-index LI.active a.item-4 { background-image: url(gfx/hp-item-num-4-active.png) }
ul.hp-items-index a.item-5 { background-image: url(gfx/hp-item-num-5.png) }
ul.hp-items-index LI.active a.item-5 { background-image: url(gfx/hp-item-num-5-active.png) }

.hp-items-container .paper-clip { width: 43px; height: 52px; position: absolute; right: 326px; top: -5px;
                                  background: url(gfx/hp-items-paper-clip-24.png) no-repeat }

.hp-items-mask { position: absolute; right: 46px; top: 16px; width: 544px; height: 273px; overflow: hidden }
ul.hp-items { position: absolute; right: 0; top: 0; }
ul.hp-items li { display: block; width: 544px; height: 273px; position: relative; margin-bottom: 60px }
ul.hp-items li.odd { margin-right: 250px }
ul.hp-items li, ul.hp-items li * { font-size: 13px !important }
ul.hp-items li h3 { color: #004b8c }
.item-type-1 .text { position: absolute; right: 10px; top: 15px; width: 170px }
.item-type-1 .text h3 { margin-bottom: 3px }
ul.hp-items .img { width: 345px; height: 248px; position: absolute; left: 12px; top: 12px; background: url(gfx/hp-item-type-1-img-bg.png) no-repeat }
ul.hp-items .img img { position: absolute; right: 8px; top: 8px }

/* projects index */

.projects-index-filters { width: 600px; height: 30px; background: url(gfx/projects-index-filters-bg.png); font-weight: bold; margin-top: 20px }
.projects-index-filters select { width: 180px; margin: 0 4px 0 12px }
.projects-index-filters .pad { padding: 6px 15px }

.sub-projects-index-filters { width: 562px; background: url(gfx/sub-projects-index-filters-bg.png); margin-top: 0 }

/* natalie addons */
.notincluded .alternate-true TD  {font-size:11px; border:0; height:40px; vertical-align:bottom }
.relatedSearches A{font-weight:bold; line-height:20px; display:block; width:500px}

#cse {margin-top:20px;}
.gsc-tabsArea,.gsc-search-box {display:none}
.gsc-results {width:100% !important}
.gsc-input INPUT {background-image:none; width:300px;}
.gs-title {text-decoration:none !important;}
.gs-title A {background:url("gfx/arrow-bullet.png") no-repeat scroll right top transparent; padding-right:27px; text-decoration:none !important; color:#333 !important; font-size:15px; font-weight:bold;}
 .gs-title B {text-decoration:none !important; color:#333 !important; }
.gs-webResult {height:90px ;background:url("gfx/project-result-sep.png") no-repeat scroll left bottom #FFF9D7; padding:10px; position:relative !important}
.gs-visibleUrl-long {display:block !important}
.gs-visibleUrl-short {display:none}
.gs-snippet {margin:5px 27px !important; width:390px; float:right}
.gs-webResult a.learn-more { display: block; width: 131px; height: 24px; background: #a7a53d url(gfx/project-result-learn-more-bg.png);
                              font-size: 14px; color: #fff; line-height: 22px; text-indent: 11px; text-decoration: none; position:absolute; top:50px; left:10px }
.gsc-result {margin:0 !important; }
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {color:#333 !important}