/*   
Theme Name: Proplumb
Theme URI: Proplumb
Description: Proplumb
Author: Eleven Media
Author URI: http://www.elevenmeida.com.au
Version: 2010

*/
/* main */
* {margin:0px; padding:0px;}
img {  border:0px;}
body {margin:0px; padding:0px; background:url(images/bg.jpg) top center no-repeat #f6f6f6;  font-size:12px; font-family:Arial, Helvetica, sans-serif; }


#wrap {width:960px; margin-left:auto; margin-right:auto; }
#header {width:100%; background: url(images/header.jpg) no-repeat top right; height:152px; }
#logo { display:inline; float:left; width:258px;}

#sidebar {width:231px; float:left; display:inline; margin-left:7px;    }
#content-col {width:722px; float:right; display:inline; background: url(images/content-bg.jpg) repeat-y; margin-top:-2px; }
#content-top {width:722px; float:right; display:inline; background: url(images/content-top.jpg) no-repeat; }
#content-foot {width:722px; float:right; display:inline; background: url(images/content-foot.jpg) no-repeat; height:53px;} 

#page-banner { width:694px; float:right; display:inline; margin-right:16px; height:257px; overflow:hidden;}
#page-banner img { padding-top:4px;}
#page-banner p { margin:0px; padding:0px;}
#page-copy {width:635px; float:right; display:inline; margin-right:20px; margin-top:30px; padding-right:20px; margin-bottom:20px;}

#banner-wrap { height:274px; background:url(images/home-banner-bg.jpg) no-repeat top; width:960px; margin-top:-3px;}
#home-banner { width:919px; margin-left:25px; padding-top:3px; }


#promo-wrap {margin-left:20px; width:940px;}
.home-promo { background:#FFF; width:299px; display:inline; float:left; margin-right:14px;  }
.p-top { margin-top:3px; margin-left:3px;}
.p-copy { margin-left:15px; margin-right:15px;}

.read-more { height:76px;}
.btn-services { height:54px;}
.col-1 {width:250px; float:left; }
.col-2 {width:300px; float:right; margin-right:45px; }
.box {width:570px; float:left; background-color:#e9f3f5; border:1px solid #cde6f0; padding:20px; text-align:center; margin-top:10px;}
.btn { margin-left:15px;}
/* main nav styles */
  #nav-wrap { width:650px; float:right; height:35px; margin-top:117px; margin-right:20px; }
  #nav-wrap ul {margin:0px; padding:0px; list-style:none; display:inline; text-align:right; }
  ul#navul {	display: inline;	list-style: none; margin:0px; padding:0px; }
  ul#navul li {float: left;  font-size: 12px; margin:0px; padding:0px; font-weight:normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
  ul#navul li a {  color:#FFF; text-decoration:none; line-height:35px; padding-top:8px; padding-bottom:7px; padding-left:20px; padding-right:22px; height:35px; background: url(images/nav-bg.jpg) no-repeat right top; }
  ul#navul li a:hover { color: #FFF; line-height:35px; padding-top:8px; padding-bottom:7px; height:35px; overflow:hidden; text-decoration:none;  background: url(images/nav-bg.jpg) no-repeat right bottom; }

/* sidebar styles */
	#sidewrap {  margin:0px; padding:0px; width:231px;  display:inline;  }
	#side-header { background:url(images/sub-header.jpg) no-repeat; height:65px;  width:231px; }
	#side-foot { background: url(images/sub-footer.jpg) no-repeat; height:36px; clear:both;}
	#sidewrap ul { margin:0px; padding:0px; text-align:left; color:#000; display:block; list-style:none;  }
	ul#sideul 	{ margin:0px; padding:0px;  }
	ul#sideul li  { float: left;  margin:0px; padding:0px; color:#5d5c5c;  list-style:none;  display:block;  width:231px; margin-bottom:0px; line-height:36px;   }
	ul#sideul li a { color:#FFF; text-decoration:none; display:block; font-weight:normal; background: url(images/li-bg.jpg) no-repeat top;  padding-left:45px; font-size:12px; }
	ul#sideul li a:hover { color:#FFF; padding-left:45px; background: url(images/li-bg.jpg) no-repeat bottom;  }
/* font Styles */ 
	h1 { font-size:24px; color:#384ca0; line-height:24px; padding:0px; margin-top:10px; font-weight:normal;  margin-bottom:10px; border-bottom: 1px solid #f1f1f1;}
	h2 { font-size:24px; color:#384ca0; line-height:35px; padding:0px; font-weight:normal; margin:0px;   font-weight:normal;  }
	h3 { font-size:18px; color:#384ca0; line-height:21px; margin-bottom:2px; margin-top:10px;  font-weight:normal; }
	h4 { font-size:14px; color:#111; line-height:10px; margin-top:10px; font-weight:normal; margin-left:9px;}
	h5 { font-size:12px; color:#111; line-height:23px; margin-top:10px;}
	p  { font-size:12px; color:#3c4143; line-height:20px; margin:0px; padding:0px; padding-top:5px; padding-bottom:10px; }
	li { font-size:12px; color:#3c4143; margin-left:15px; padding-bottom:10px;}
	ul { padding:0px; padding-left:30px; margin-left:5px; margin-top:0px; margin-bottom:10px; padding-top:10px; }
	ol {padding:0px; margin:0px; padding-left:5px; margin-left:5px; }

/* link styles */	
	a:link 		{color:#384ca0;	text-decoration: none;}
	a:visited 	{color:#384ca0; text-decoration: none;}
	a:hover 	{color:#384ca0; text-decoration: underline;}
	a:active 	{color:#384ca0; text-decoration: underline;}
	a:focus 	{outline-style: none;}  

/* clears   */
	.clear 				{clear:both; height:0px; width:100%; }
	.clear05			{clear:both; height:05px; }
	.clear10			{clear:both; height:10px; }
	.clear20			{clear:both; height:20px; }
	
/* footer */
	#footer {font-size:12px; color:#FFF; width:960px; margin-left:auto; margin-right:auto; clear:both;}
	#footer p {font-size:12px; float:right; color:#959595; margin-top:0px; margin-right:20px;}
	#footer a:link {color:#555555;	text-decoration: none;}
	#footer a:visited {	color:#555555; text-decoration: none;}
	#footer a:hover {	color:#555555; text-decoration: underline;}
	
	
/* table styles */
	.table { }
	.table td {}
	.table p { padding-bottom:10px; padding-right:10px;}
	
/* content styles */
	.image-left-box 	{display:inline; float:left; border: 1px solid #dfdfdf; padding:2px; margin: 10px 20px 20px 0px; }
	.image-right-box	{display:inline; float:right; border: 1px solid #dfdfdf; padding:2px; margin-left:15px; margin-top: 20px; margin-right:10px;margin-bottom:10px;  }
	.logo	{display:inline; float:right; border: 1px solid #dfdfdf; padding:2px; margin-left:15px; margin-top: 5px; margin-right:10px;margin-bottom:10px;  }
	.image-left 		{display:inline; float:left; padding:2px; margin: 5px 10px 10px 0px; }
	.image-right		{display:inline; float:right; padding:2px; margin: 5px 0px 10px 10px;}
	.map 				{border: 1px solid #dfdfdf; padding:2px; width:300px; margin-top:10px;}
	.image-product		{display:inline; float:right; border: 1px solid #dfdfdf; padding:2px; margin-left:15px; margin-top: 35px; margin-right:10px; width:180px; height:120px;  }
	.line 				{border-top: 1px solid #cccccc; margin-top:25px; margin-bottom:20px; clear:both;}
/* end of CSS file */