@import url("actions.css");
@import url("slimbox.css");

body,html,p,h1,h2,h3,h4,ul,li{padding:0px;margin:0px;}


a{text-decoration:underline; color:#32302e; outline: none;}
a:hover{text-decoration:none; color:#9e6b56;}
a img { border: 0; }

.required{color:#FF0000;}
.bold{font-weight:bold;}

body { font-family: "Trebuchet MS", Arial, Helvetica, SansSerif; color:#e3ddd6; font-size:14px; line-height:normal; background:#4b341e;}
h1{font-size:18px;font-weight:normal; text-indent:-5000px; }
h2{font-size:16px;font-weight:normal; text-indent:-5000px;}
h3{font-size:14px;font-weight:normal;}
h4{font-size:12px;font-weight:normal;}

#wrapper{width:1162px; margin:0px auto; background:url(../Images/bg-wrapper.jpg) no-repeat top; /*height:1110px;*/}
#wrap{ width:958px; margin:0px auto; background:#755332; /*height:1110px;*/ padding:0px; }

/*banner start*/
#banner-area{height:368px; background:#51301a url(../Images/bg-banner.jpg) no-repeat bottom;  padding-top:15px;}
#banner{ width:654px; height:368px; float:right; padding-right:21px; }
#logo{width:280px; height:155px;}
#logo img{ border:none;}


#hp-body{ margin:0px 21px 0px 37px; padding-bottom:20px;}

/*left panel start*/
#left-panel{ width:246px; height:530px; background:#52311a url(../Images/left-bot.gif) no-repeat bottom; float:left; margin:0px; padding:0px;}
#lft-holder { margin-left:0px; border:solid 0px #fff;}
#lft-holder h2{ background:url(../Images/our-service.gif) no-repeat 25px 0; margin-top:17px; height:25px;}
#lft-holder ul{ margin:25px 0 0 30px;}
#lft-holder ul li{ list-style:none; background:url(../Images/left-bullet.gif) no-repeat 0 6px; color:#d5ac91; padding-left:18px; line-height:20px;}

#anniversery{ width:140px; width:139px; position:relative; left:142px; top:29px; }

/*body-text start*/
#home-body{ background:url(../Images/banner-bot.gif) no-repeat top left; width:595px; float:left; padding-left:50px;}
.welcome, .concrete, .other, .garage, .decorative, .commercial, .contactus, .why, .care, .gallery{background-repeat: no-repeat; background-position: left top; margin-top:28px; height:34px; padding-bottom:6px; border-bottom: dotted 1px #fecc46;}
.welcome{background-image:url(../Images/welcome.gif);}
.concrete{background-image:url(../Images/hd-concrete.gif);}
.other{background-image:url(../Images/hd-other.gif);}
.garage{background-image:url(../Images/hd-garagefloor.gif);}
.decorative{background-image:url(../Images/hd-decorative.gif);}
.commercial{background-image:url(../Images/hd-commercial.gif);}
.contactus{background-image:url(../Images/hd-contact.gif);}
.why{background-image:url(../Images/hd-why.gif);}
.care{background-image:url(../Images/hd-caring.gif);}
.gallery{background-image:url(../Images/hd-gallery.gif);}

#home-body p{ margin:20px 0 0px 0; text-align:justify;}
.body-text{ margin:25px 0 0 0px;}
.body-text li{ list-style:none; background:url(../Images/bullet2.gif) no-repeat 0 6px; padding-left:18px; line-height:20px;}
.body-text li a{color:#d5ac91; text-decoration:none;}
.body-text li a:hover{color:#351d0c;}
#home-body h3{ font-weight:bold; color:#c28752; padding-bottom:10px;}

.mail{ margin:0 0 10px 30px !important; }
/*Inner bottom Tag line*/

.bottom-tagline{font-weight:normal; color:#fecc46; text-indent:0px; font-size:18px; text-align:center !important;}


/*Image scroller start*/
#image-scroller{ width:100%; height:125px; background:#845e39; float:left; margin:20px 0 0 0; border-top:solid 1px #060503; border-bottom:solid 1px #060503;}

#image-scroller-in{ width:100%; height:125px; background:#845e39; float:left; margin:20px 0 0 0; border:solid 1px #060503;}


/*footer start*/
#footer{height:127px; width:100%; background:#1e130b url(../Images/bg-footer.gif) repeat-x top left  ; color:#735745; float:left; margin-top:10px;}
#footer p{ margin-top:20px; line-height:160%; text-align:center;}

#footer a{color:#735745; text-decoration:none;}
#footer a:hover{color:#d4ae95; }

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
html .clearfix {height: 1%;}
/* End hide from IE-mac */




/* The toolbar for the content box */

ul#toolbar 
{
	display:none;
	height: 52px;
	width: 682px;
	text-align: center;
	list-style: none;
	margin: 0 auto 0 auto;
	clear: both;
	position: relative;
	margin-bottom: -1px;
	}
	
#toolbar li {
	position: absolute;
	text-indent: -9999px;
	top: 0;
	}
	
#toolbar li a {
	height: 52px;
	display: block;
	}
	
#toolbar li.active {
	/*border-bottom: 1px solid #f2f2f2;*/
	background-position: bottom;
	height: 52px;
	z-index: 10;
	}

#toolbar li.inactive {
	background-position: top;
	border-bottom: 1px solid #ccc;
	}
	
#toolbar li:hover {
	background-position: bottom;
	}
		
#toolbar li#new-tab {
	left: 0;
	width: 94px;
	background-image: url(../css/img/toolbar_tab-new.png);
	}
	
#toolbar li#sites-tab {
	left: 93px;
	width: 93px;
	background-image: url(../css/img/toolbar_tab-sites.png);
	}

#toolbar li#files-tab {
	left: 185px;
	width: 96px;
	background-image: url(../css/img/toolbar_tab-files.png);
	}

#toolbar li#editor-tab {
	left: 280px;
	width: 97px;
	background-image: url(../css/img/toolbar_tab-editor.png);
	}

#toolbar li#preview-tab {
	left: 376px;
	width: 114px;
	background-image: url(../css/img/toolbar_tab-preview.png);
	}

#toolbar li#css-tab {
	left: 489px;
	width: 95px;
	background-image: url(../css/img/toolbar_tab-css.png);
	}

#toolbar li#more-tab {
	left: 583px;
	width: 100px;
	background-image: url(../css/img/toolbar_tab-more.png);
	}


/* The slide-y content box thingy */
#frame, #frame div.button, #scroller, .section {  }

#frame {overflow: hidden; margin: 0 auto; width: 920px; position: relative; margin-top:12px;}
	
#frame div.button {position: absolute; top: 40%;}
	
div.button#left { left: 0; }
div.button#right { right: 0; }

#scroller {width: 850px; margin: 0 auto; height:100px; overflow: hidden;}
#content { width: 7000px;}
#content ul{ padding:0px; margin:0px 0 0 10px;}
#content li{ padding:0px; margin:0px; list-style:none; float:left; margin-right:10px;}
.section {	width: 850px;	margin: 0px;	float: left;}	
.section h2, .section h3 {color: #072453;font-weight: normal;font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;font-size: 19px;line-height: 24px;margin-bottom: 5px;}
.section h3 {color: #000;}	
.section p, .section li {margin: 0 0 20px 0;font-size: 14px;line-height: 22px;}
.section li strong {font-size: 19px;font-weight: normal;}
.section a{ width:147px; height:104px; background:url(../Images/bg-scrollimage.gif) no-repeat left top; display:block; float:left; margin-right: 25px;}
.section  img{float: left; margin-bottom: 0px; border:solid 1px #b19478; }
.section a.last{ margin-right:0px;}
#new-pane p, #new-pane li {	}
ul#new_features {list-style: none; margin: 10px 0;}	
li.new_feature {display: block; list-style: none; padding-left: 40px; background-position: top left; background-repeat: no-repeat; min-height: 32px;}	
li.new_feature#new-svn { background-image: url(../css/img/new-subversion_icon.png); }
li.new_feature#new-find { background-image: url(../css/img/new-find_icon.png); margin-left: 1px; padding-left: 39px;}
li.new_feature#new-books { background-image: url(../css/img/new-web_books.png); margin-left: 2px; padding-left: 38px; }
li.new_feature#new-clips { background-image: url(../css/img/new-clips.png); margin-left: 2px; padding-left: 38px; }
li.new_feature#new-more { background-image: url(../css/img/new-more_sticker.png); margin-left: -1px; padding-left: 41px;}

li.new_feature#new-plug_ins { background-image: url(../css/img/new-plug_ins.png); }
li.new_feature#new-open_quickly { background-image: url(../css/img/new-open_quickly.png); margin-left: 3px; padding-left: 36px; }
li.new_feature#new-spelling { background-image: url(../css/img/new-spelling.png); margin-left: 3px; padding-left: 37px; padding-top: 3px;}

#sites-paper {	}
#sites-publish {float: right;margin-top: 20px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;	outline: cyan;}
#files-browser {float: right;margin: 0 0 -30px 20px;}	
#files-svn_icon {margin-bottom: 0px;}
ul#editor-features {list-style: none;display: block;}	
ul#editor-features li {list-style: none;display: block;}
li#editor-collab {padding-left: 48px;background: url(../css/img/editor-collab.png) top left no-repeat;}	
li#editor-clips {padding-left: 48px;background: url(../css/img/editor-clips.gif) top left no-repeat;}
#editor-clips_hud {float: right;margin-right: 0;margin-left: 10px;}	
li#editor-token {padding-left: 48px;background: url(../css/img/editor-token.png) top left no-repeat;}
.token {white-space: nowrap;}
.token img {float: none;display: inline;margin: 0 0 -2px 0;	line-height: 14px;}

#preview-dom { }	
#css-gui_txt {margin-bottom: 50px;}	
#css-icons {float: right;margin-right: 0;margin-left: 10px;margin-bottom: 0;}	
#more-terminal_icon {margin-bottom: 10px;}	
#more-books_icon {float: right;	margin-left: 0px;}

.image-display{ margin:15px 0 0 0;}
.image-display h3{font-weight:bold; background:url(../Images/bg-h3.gif) repeat-x 0 6px; padding-top:10px !important;}
.image-display h3 span{ background:#fecc46; padding:3px 5px; color:#392516; margin:10px 0 0 10px;}
.image-disp{margin:10px 0 0 0px; padding:0;}
.image-disp li{float:left;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0 0px 0 8px;padding-bottom:8px;}
.image-disp li a{/*background:transparent url(../Images/bg-scrollimage.gif) no-repeat scroll left top;*/display:block;float:left;}
.image-disp li a img{border:solid 1px #b19478; padding:0px; margin:0px;}
.image-disp li a:hover img{ border:solid 1px #fff;}