/*   
Theme Name: Sites4Contractors.com Version 1.0
Theme URI: http://www.sites4contractors.com/beta/
Description: For Sites4Contractors.com only not for others"
Author: 101WebSiteDesign Inc. (Anupam Sahoo)
Author URI: http://www.101websitedesign.com/

*/

body {margin:30px; background-color:#fef7e7; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px;}
a {color:#C60; text-decoration:underline;}
a:hover {color:#C60; text-decoration:none;}
/* HEADERPART */
.HeaderContainer{width:952px; margin:0 auto; position:relative; overflow:hidden; padding:0px 0px 0px 0px;}
.TopBar{width:952px; margin:0px 0px 0px 0px; background:url(images/top2.png) no-repeat; height:45px; overflow:hidden; text-transform:uppercase;}
.TopLeft{float:left; width:400px; margin:10px; height:20px; padding-top:6px; font-weight:bold; font-family:Verdana, Geneva, sans-serif;}
.TopRight{float:right; margin:0px;}
#flickrBtn, #twitterBtn, #facebookBtn, #rssBtn {  float: right;  margin-left: 5px;  cursor: pointer;  display: block;   width:26px;   height:26px;   background-position: 0% 0%;  background-repeat: no-repeat;}
#flickrBtn{ background-image: url('images/flickr.png');}
#twitterBtn{ background-image: url('images/twitter.png');}
#facebookBtn{background-image: url('images/facebook.png');}
#rssBtn{background-image: url('images/rss.png');}
.displayNone { display: none; }
.textTooltipCenterTop { clear: none;}
.textTooltipLeftTop { clear: none;}
.textTooltipRightTop { clear: none;}
#textPreview{position:absolute; border-color: #aaa; border-width: 0px; border-style: solid;  padding:0px; display:block; color:#000; z-index:1000;  visibility: hidden; overflow: hidden; background-color: #ffa;}
#textPreviewDesc{  padding:4px 8px 4px 8px;  font:10px Verdana;  line-height: 140%;  border: 1px solid #888;}

/*HEADERLOGO+BANNER*/
.Banner{width:952px; height:227px; background:url(images/head-back.png) no-repeat; margin:0px;}
.Logo{width:397px; height:185px; float:left; background:url(images/logo.png) no-repeat; margin-top:20px;}
.Logo a {display:block; width:397px; height:185px;}

/*Menu*/
.MenuA{width:952px; margin:0 auto; position:relative; padding:0px 0px 0px 0px; z-index: 600;}
.Menu{width:942px; height:42px; background:url(images/menu-tile.png); margin:0px; padding:0px 5px 0px 5px; position:relative; z-index: 600;}
.MenuLeft{width:auto; float:left; margin:5px 0px 0px 0px;}

/*************************
    NAVIGATION
*************************/  

#navigationContainer 
{   
    height:30px;
    position:relative;
    z-index: 600;
    margin-left: 40px;
    margin-right: 40px; 
    padding-left: 0px;
    padding-right: 0px; 
    margin-top: 0px;     
}

#nav, #nav ul 
{ 
    padding: 0px;
    margin: 0;
    list-style: none;
    line-height: 1;
}

#nav a.dirV 
{
    background-image: url('../images/navigation/down.gif');
    background-position: 100% 50%;
    background-repeat: no-repeat;
}

#nav a.dirH 
{
    background-image: url('../images/navigation/right.gif');
    background-position: 100% 50%;
    background-repeat: no-repeat;
} 

#nav a 
{
    display: block;
    padding-left:14px;
    padding-right:14px;
    color: #522634;
	text-decoration:none;
}


#nav li 
{ 
    font: bold 12px/32px Arial, Helvetica, sans-serif;    
    float: left;
    min-width: 10px; 
    color:white; line-height:26px;
}

#nav li:hover, 
#nav li.hover 
{  
    position: static;
} 

#nav li:hover
{ 
    background: #ffb81f;
}

#nav ul li 
{ 
    font: normal 11px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform:none;
    float: left;
    width: 180px; 
}

#nav ul li:hover 
{ 
    background: #bd6e21;
}

#nav li ul 
{ 
    position: absolute;
    background: #ffb81f;
    width: 180px;
    left: -999em; 
}

#nav li ul ul 
{ 
    margin: -24px 0px 0px 180px;
}

#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul 
{
    left: -999em;
}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul 
{ 
    left: auto;
} 

/* NAVIGATION ADDS */

.MenuRight{width:auto; float:right; margin:0px; text-align:right;}
.HeaderSearch{width:200px; padding:3px; border:#f9bb58 1px solid; font-size:12px; color:#1f1f1f; margin:5px 0px 0px 0px;}
.searchButton{
	width:16px;
	height:16px;
	float:right;
	position:absolute;
	background:url(images/search.png) no-repeat;
	border:0;
	display:block;
	cursor:pointer;
	left: 948px;
	top: 10px;
}

/*BOdyStart*/
.BodyMainArea{width:952px; margin:0 auto; position:relative; overflow:hidden; padding:0px 0px 0px 0px; background:url(images/body-tile.png) repeat-y;}
.BodyContainer{width:943px; margin:10px 5px 0px 5px; padding:0px; overflow:hidden; float:left;}
.BodyLeftMain{width:617px; overflow:hidden; margin:0px; float:left; padding:0px;}
.BodyLeft{width:605px; overflow:hidden; margin:0px 0px 5px 0px;; float:left; background:#FFF; border:#dedddb solid 1px; padding:5px;}
.BodyLeftTag{width:593px; padding:5px; border:1px dotted #ef963c; margin:0px 0px 5px 0px;overflow:hidden;}
.BodyLeftTagLeft{width:auto; margin:0px; padding:0px; float:left;}
.BodyLeftTagRight{width:auto; margin:0px; padding:0px; float:right;}
.BodyLeftTagLeft img {float:left; border:0px; margin:0px 5px 5px 0px;}
.BodyLeftTagRight img {float:left; border:0px; margin:0px 5px 5px 0px;}
.BodyLeftComment{width:593px; padding:5px; border:1px dotted #ef963c; background-color:#fdeac0; margin:0px 0px 5px 0px;overflow:hidden;}
.BodyLeftComment img {width:52px; height:52px; border:0px; float:left; text-align:right;}

.SlideArea{ width:605px; height:250px; float:left;}
.SlideArea img {width:605px; height:250px; border:0; margin:0px;}

.BodyLeftMain h1 { background:#f5c45d; margin:0px 0px 5px 0px; padding:5px; width:595px; text-transform:uppercase; font-size:16px; font-weight:bold;}
.BodyLeftMain h1 a { text-transform:uppercase; font-size:16px; font-weight:bold; text-decoration:none; color:#333;}
.BodyLeftMain h1 a:hover { text-transform:uppercase; font-size:16px; font-weight:bold; text-decoration:underline;}
.BodyLeftMain p {padding:0px; text-align:left; font-size:12px;}
.BodyLeftMain p a {color:#ef963c; text-decoration:underline;}
.BodyLeftMain p a:hover {color:#ef963c; text-decoration:none;}
.BodyLeftMain img {border:0px; margin:0px 5px 5px 0px;}
.BodyLeftMainFL{width:316px; float:left; margin:0px;}
.BodyLeftMainFR{width:285px; float:right; margin:7px 0px 13px 0px;}
.BodyLeftMain input {width:300px; padding:3px;  border:#f9bb58 1px solid; font-size:12px; color:#1f1f1f; margin:5px;}
.BodyLeftMain textarea {width:500px; height:130px; padding:3px;  border:#f9bb58 1px solid; font-size:12px; color:#1f1f1f; margin:5px;}
.Button {padding:5px; background:#f6c55d; border:#f9bb58 1px solid; font-size:12px; color:#1f1f1f; margin:5px; float:left; text-transform:uppercase; cursor:pointer;}

.BodyLeftComment ol {margin:0px; padding:0px;}
.BodyLeftComment li {width:583px; padding:5px; border:1px dotted #ef963c; background-color:#fdeac0; margin:0px 0px 5px 0px;overflow:hidden;}


.BodyRightMain{width:323px; overflow:hidden; margin:0px; float:right; padding:0px;}
.RightTopMenu{width:323px; margin:0px; overflow:hidden; float:left; padding:0px;}
.RightTopMenu ul {margin:0px; padding:0px;}
.RightTopMenu li {margin:0px 0px 2px 0px;; padding:0px; width:323px; height:37px; list-style:none;  background:url(images/left-menu-back.png) no-repeat; text-transform:uppercase; font-size:16px; font-weight:bold;}
.RightTopMenu li a {display: block; color: #000; text-decoration: none; text-align: left; padding:8px 0px 0px 10px; width:313px; height:29px;}
.RightTopMenu li a:hover{ color: #FFF; text-decoration:none;}

.RightMainArea{width:311px; margin:0px; overflow:hidden; float:left; background:#FFF; border:#dedddb solid 1px; padding:5px;}
.RightMainArea h1 {background:#f5c45d; margin:0px 0px 5px 0px; padding:5px; width:301px; text-transform:uppercase; font-size:12px; font-weight:bold;}
.RightMainArea ul {margin:0px; padding:0px 0px 0px 0px;}
.RightMainArea li {margin:0px 0px 5px 0px;;  list-style:none; font-size:12px; }
.RightMainArea li a {display: block; color: #8e4700; text-decoration: none; text-align: left; padding:0px 0px 0px 20px; background-image:url(images/icon.gif); background-repeat:no-repeat;}
.RightMainArea li a:hover{ color: #ef963c; text-decoration:underline;}

.RightMainArea{width:311px; margin:0px 0px 5px 0px; overflow:hidden; float:left; background:#FFF; border:#dedddb solid 1px; padding:5px;}
.RightMainArea img {width:299px; height:100px; margin:0px 0px 5px 0px; border:#8e4700 solid 1px; padding:5px;}
.RightMainArea p {text-align:center; margin:5px; }
.FooterMain{width:952px; margin:0 auto; position:relative; overflow:hidden; padding:0px 0px 15px 0px;}
.Footer {width:952px; margin:0px; background:url(images/bottom.png) repeat-X; height:42px; padding:0px; overflow:hidden; }
.FooterLeft{width:auto; float:left; margin:5px;}
.FooterRight{width:auto; float:right; margin:12px 10px 0px 0px;}

.Social {float:right; position:fixed; background:url(images/slide-back.png) no-repeat; width:60px; height:236px; right:0px; top:30%; padding:5px 0px 0px 4px;}
.Twitter a { background:url(images/social.png) no-repeat; width:55px; height:55px; display:block;}
.Twitter a:hover { background:url(images/social.png) no-repeat; width:55px; height:55px; display:block; margin-left:3px;}

.Facebook a { background-image:url(images/social.png); background-position:0px -60px; width:55px; height:52px; margin:5px 0px 0px 0px; display:block;}
.Facebook a:hover {background-image:url(images/social.png); background-position:0px -60px; width:55px; height:52px; margin:5px 0px 0px 3px; display:block;}

.YouTube a { background-image:url(images/social.png); background-position:0px -116px;  width:55px; height:52px; margin:5px 0px 0px 0px; display:block;}
.YouTube a:hover {background-image:url(images/social.png); background-position:0px -116px;  width:55px; height:52px; margin:5px 0px 0px 3px; display:block;}

.Lin a { background-image:url(images/social.png); background-position:0px -175px;  width:55px; height:52px; margin:5px 0px 0px 0px; display:block;}
.Lin a:hover {background-image:url(images/social.png); background-position:0px -175px;  width:55px; height:52px; margin:5px 0px 0px 3px; display:block;}