/*   
Theme Name: Loebrich Contracting Version 1.0
Theme URI: http://www.LoebrichContracting.com/
Description: For LoebrichContracting.com/ only not for others"
Author: Sites4Contractors.com (Anupam Sahoo)
Author URI: http://www.Sites4Contractors.com/

*/


body{margin:0px 0px 0px 0px; background:#DDDDBD url(images/bodytile.png) repeat-x; font:normal 12px Arial, Helvetica, sans-serif;}
a {color:#051632; text-decoration:underline;}
a:hover {color:#051632; text-decoration:none;}
/*TOP*/
#TopContainer {width:999px; margin:0 auto; position:relative;}
.Top {width:999px; overflow:hidden; padding:11px 0px;}
.TopLeft {width:282px; height:16px; float:left; font:bold 12px Verdana, Geneva, sans-serif; color:#b47157;  background-image:url(images/top-menu.png); background-position:0px 0px; padding:10px; text-align:center;}

/*Header*/
.HeaderArea{width:999px; height:185px; background:url(images/header-back.png) no-repeat; margin:0px 0px 13px 0px;}
.Logo {width:370px; height:164px;  margin:5px 0px 0px 5px; float:left; }
.Logo a {display:block; width:370px; height:164px;}
.HeaderRight{float:right; margin:20px 40px 0px 0px; width:530px; height:145px; background:url(images/header-text.png) no-repeat;}
.HeaderRight a{ display:block; margin:20px 0 0 50px; width:400px; height:65px; float:left}
/*Menu*/
.MenuArea{width:989px; height:38px; background-image:url(images/top-menu.png); background-position:0px -36px; margin:0px 0px 16px 0px; padding:1px 5px 0px 5px;}
/*************************
    NAVIGATION
*************************/ 
#nav, #nav ul { padding: 0px; margin: 0; list-style: none; line-height: 0;  z-index:+100;}
#nav li a {display: block; padding-left:14px;  padding-right:14px;  color:#000000;	text-decoration:none;}
#nav li a:hover {display: block; padding-left:14px;  padding-right:14px; color: #FFF;	text-decoration:none;}
#nav li {font: bold 12px/40px Verdana, Geneva, sans-serif; float: left; min-width: 10px;  color:#FFFFFF; line-height:38px;}
#nav li:hover, #nav li.hover { position: static;} 
#nav li:hover{ background: #000066;}
#nav ul li a {font: normal 12px/24px Verdana, Geneva, sans-serif; text-transform:none; float: left; width: 250px; line-height:30px; color:#FFFFFF;}
#nav ul li a:hover { background: #6a8ab9; color:#FFF; width: 220px;}
#nav li ul { position: absolute; background: #000066; width: 250px; left: -999em; color:#FFF;}
#nav li ul ul { margin: -30px 0px 0px 250px;}
#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;} 

/*ContentAREA*/
#ContentContainer{margin:0 auto; width:1002px; overflow:hidden;}
.ContentTop{width:1002px; height:9px; background:url(images/body-comnent-top.png) no-repeat;  float:left;}
.ContentMid{width:984px; background:url(images/body-comnent-tile.png) repeat-y; padding:0px 9px 0px 9px; float:left;}
.ContentBot{width:1002px; height:9px; background:url(images/body-comnent-bottom.png) no-repeat;  float:left;}

.ContentLeft{width:230px; float:left; background:#f6f6e7; border:1px solid #d1d1cf; padding:5px;}
.ContentLeft h1{padding:8px; background:#000066; margin:0px; text-align:center; font:bold 18px Arial, Helvetica, sans-serif; color:#FFF;  -moz-border-radius: 8px; -webkit-border-radius: 5px;}
.ContentLeft h2{padding:8px; margin:0px; text-align:center; font:bold 30px Arial, Helvetica, sans-serif; color:#000000;}
.ContentLeft p {margin:0px 0px 5px 0px;}
.ContentLeft img {}

.ContentLeftMid{width:490px; float:left; padding:5px;}
.SlideArea{float:left; width:490px; height:325px; background:#000;}
.MainContentArea{width:490px; float:left; margin:10px 0px 0px 0px;}
.MainContentArea h1 {font:bold 13px Georgia, "Times New Roman", Times, serif; margin:0px; color:#FFF; text-transform:uppercase; background:#000066; padding:5px;}
.MainContentArea h1 a {font:bold 13px Georgia, "Times New Roman", Times, serif; color:#FFF; text-transform:uppercase; text-decoration:none;}
.MainContentArea h1 a:hover {font:bold 13px Georgia, "Times New Roman", Times, serif; color:#FFF; text-transform:uppercase; text-decoration:underline;}
.MainContentArea p {line-height:18px;}
.TagArea{padding:5px; width:auto; background:#666; float:left; color:#FFFFFF; text-align:left; margin:0px 0px 0px 0px;}
.TagArea a{font-weight:bold; text-decoration:none; color:#FFFFFF;}
.TagArea a:hover{font-weight:bold; text-decoration:underline; color:#FFFFFF;}
.MainContentAreaFrom{width:490px; float:left;}
.MainContentAreaFL{width:230px; float:left; margin:0px;}
.MainContentAreaFR{width:230px; float:right; margin:8px 0px 14px 0px;}
.MainContentArea input {width:200px; padding:3px;  border:#000066 1px solid; font-size:12px; color:#1f1f1f; margin:5px;}
.MainContentArea textarea {width:450px; height:130px; padding:3px;  border:#000066 1px solid; font-size:12px; color:#1f1f1f; margin:5px;}
.Button {padding:5px; background:#051632; border:#FFF 1px solid; font-size:12px; color:#FFF; margin:5px; float:left; text-transform:uppercase; cursor:pointer;}

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


.ContentRight{width:230px; float:right; background:#f6f6e7; border:1px solid #d1d1cf; padding:5px;}
.ContentRight h1{padding:8px; background:#000066; margin:0px; font:bold 16px Arial, Helvetica, sans-serif; color:#FFF;  -moz-border-radius: 8px; -webkit-border-radius: 5px;}
.ContentRight p {margin:0px 0px 5px 0px;}
.RightFormArea{width:216px; float:left; border:2px solid #d0d0d0; padding:5px 5px 0px 5px;}
.RightFormArea h2 {font:bold 16px Arial, Helvetica, sans-serif; font-style:italic; color:#000; text-align:center;  margin:0px 0px 5px 0px; }
.RightFormArea h3 {font:bold 14px Arial, Helvetica, sans-serif; color:#000; text-align:center; margin:0px 0px 5px 0px; }
.RightFormArea p {color:#000; text-align:center; }
.But {background:#000066; border:0px; font:bold 10px; color:#FFFFFF; width:206px; text-align:center; padding:5px;   -moz-border-radius: 8px; -webkit-border-radius: 5px;}

.SideBarArea{width:230px; float:left; padding:5px 0px 0px 0px;}
.SideBarArea ul {margin:0px; padding:0px 0px 0px 0px;}
.SideBarArea li {margin:10px 10px 5px 10px;;  list-style:none; font-size:12px; padding:0px 0px 0px 0px; }
.SideBarArea li a {display: block; color: #010000; text-decoration: none; text-align: left; padding:0px 0px 0px 20px; background-image:url(images/icon.gif); background-repeat:no-repeat;}
.SideBarArea li a:hover{ color: #010000; text-decoration:underline;}

.textwidget {padding:10px;}

.BoxArea{width:1002px; margin:10px auto; overflow:hidden;}
.Box {width:242px; overflow:hidden; margin:0px 11px 0px 0px; float:left;}
.Box2 {width:242px; overflow:hidden; margin:0px 0px 0px 0px; float:left;}
.BoxTop{width:242px; background:url(images/bottom-box-top.png) no-repeat; height:42px;}
.BoxMid{width:232px; background:url(images/bottom-box-tile.png) repeat-y; overflow:hidden; padding:5px;}
.BoxBottom{width:242px; background:url(images/bottom-box-bot.png) no-repeat; height:8px;}
.BoxMid img {width:232px; margin:0px 0px 5px 0px; border:0px;}
.BoxMid p {margin:0px 0px 0px 0px;}
.BoxTop h1 {padding:10px 0px 6px 0px; margin:0px 0px 0px 5px; font:bold 20px Arial, Helvetica, sans-serif; color:#FFF; text-align:center;}
.sub{width:720px;}
#Footer {width:100%; padding:10px 0px 10px 0px; text-align:center; font:normal 12px Arial, Helvetica, sans-serif; color:#FFF; background:#000066;}

.Social {float:right; position:fixed; background:url(images/slide-back.png) no-repeat; width:60px; height:356px; 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;}

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

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