/* --- SITE styles --- */

body 		    { padding: 0; margin: 0; background-color: #ffffff; width: 100%; height: 100%;
 				  font: 12px Helvetica, Arial, sans-serif; text-align: center; line-height: 1.5em; }
p 				{ padding: 10px 5px; margin: 0; color: #777777; }
a			 	{ padding: 0; margin: 0; text-decoration: none; color: #2f2f2f; }
h1, h2, h3, h4, h5, h6 	{ padding: 5px; line-height: 1em; }
ul, li			{ padding: 0; margin: 0; border: 0; list-style-type: none; color: #777777;}
img				{ border: 0; }

.clear 			{ clear: both; background: none; }
.pagesep		{ clear: both; padding-top: 20px; margin: 0 15px 0 10px; border-bottom: 1px solid #777777; }


.black 			{ background: #000000 url(/images/background_blackfade_1440x1084.png) no-repeat fixed left top; }
.white 			{ background: #ffffff /* url(/images/background_blackfade_1440x1084.png) no-repeat fixed left top; */; }

.left 			{ float: left; }
.right 			{ float: right; }

.pageheading	{ text-align: left; letter-spacing: .05em; font-style: italic; }
.pageintro		{ text-align: left; letter-spacing: .05em; font-style: italic; }
.opacityhundo	{ width: 100%; height: 100%; }


.linkcaption 	{ padding-left: 10px; margin-top: -7px; font-style: italic;}

.imginsetleft 	{ float: left; padding: 0; margin: 5px 15px 25px 8px; border: 0; }
.imginsetright 	{ float: right; padding: 0; margin: 5px 8px 5px 15px; border: 0; }
.textinsetleft 	{ width: 400px; margin: 5px 15px 25px 8px; border: 0; }


.featuredtitle 	{ width: 350px; text-align: left; margin-top: 70px; border: 0; display: block; }
.featuredcontent{ width: 600px; text-align: left; margin: 0; border: 0; display: block; }

.RichardsonPlumbing		{ color: #0a30b7; text-align: left; font-style: italic; font-size: 4em; font-family: 'Bookman Old Style', Serif; font-weight: 100; margin: 10px;}
.serving		{ color: #0a30b7; text-align: left; font-style: italic; font-size: 1.5em; font-family: 'Bookman Old Style', Serif; font-weight: 100; 
				  padding: 3px; margin: 10px;  }
.headcontact	{ color: #9e0704; text-align: left; font-style: italic; size: 1.5em; font-family: 'Bookman Old Style', Serif; padding: 0; margin: 0; padding: 3px;}
.headdetail		{ font-style: italic; size: 1.5em; font-family: 'Bookman Old Style', Serif; padding: 0; margin: 0;}
.brands	img		{ max-width: 100px; }



/* ---  COLOUR styles ---   */

.blue			{ color: #0a30b7; }
.red			{ color: #9e0704; }
.grey			{ color: #777777; }
.white			{ color: #ffffff; }


.red			{ color: #ffffff; background-color: red; padding: 5px 10px; }




/* ---  PAGE styles ---  */

div#wrapper 	{ position: relative; margin: 0 auto; width: 922px; height: auto;  }
div#content 	{ margin-bottom: 5px; overflow: auto; width: 100%; }
div#fullcontent { padding: 10px; border: 0px solid #444444; margin-bottom: 5px; overflow: auto; width: 887px; min-height: 400px;  
				   background-color: #ffffff; color: #0a30b7; text-align: left; }

div#header, 
div#footer 		{ width: 920px; padding: 0; text-align: left; clear: both; }
div#header 		{ padding: 0; margin: 40px 0; border-bottom: 0px solid #777777;}

div#headleft	{ float: left; width: 260px; min-height: 380px; margin-right: 20px;}
div#headright	{ float: left; width: 640px; min-height: 380px; }

div#header .headimage	{ float: left; padding: 0 0 20px 30px; }

div#footer 		{ clear: both; margin: 0px 0px 10px 0px;  border-top: 1px solid #777777; color: #444444; }
div#footer p, div#footer a, div#footer a:link, div#footer li, 
div#header p, div#header a, div#header a:link, div#header li, 
div#footer a:hover, div#header a:hover	{ padding: 0; }
div#header img		{ background-color: #ffffff; }
div#footer ul, div#header ul	{ color: #0a30b7; display: inline; list-style-type: none; margin: 0; padding: 3px; text-align: left; }
div#footer li, div#header li	{ display: inline; list-style-type: none; margin: 0; padding-right: 10px; font-size: .8em;}


.boxfirst, .boxmid, .boxlast	{ width: 85%; min-height: 30px; padding: 5px; border: 0px solid #777777; display: box;  background-color: #fff;}
.boxfirst		{ margin: 5px; }
.boxmid			{ margin: 5px; }
.boxlast		{ margin: 5px; }				

.half 			{ padding: 0; border: 2px solid #444444; margin: 10px; overflow: hidden; width: 433px; min-height: 480px; float: left; 
				   background-color: #ffffff; color: #0a30b7; text-align: left; -webkit-border-radius: 8px; -moz-border-radius: 8px; 
				   box-shadow: 5px 5px 5px #000; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000;}
.halfcontent 	{ padding: 10px; float: left; }
.quartercontent { padding: 0; margin: 7px; float: left; display: block; width: 200px; }

.half a:link, .half a:visited, .half a
				{ display: block; color: #fff; background-color: #000; font-size: 1em; line-height: 1.5em; padding: 3px; border: 1px solid #444; width: 350px}
.quartercontent a:link, .quartercontent a:visited, .quartercontent a
				{ display: block; color: #fff; background-color: #000; font-size: 1em; line-height: 1.5em; padding: 3px; border: 1px solid #444; width: 200px}
.half a:hover, .quartercontent a:hover	{ display: block; color: #ffffff; background-color: #2e2f2e; }
.blockhead 		{ background-color: #3d4745; display: block; padding: 5px; border: 0; margin: 5px; 
				  color: #fff; font-size: .9em; text-align: left; text-transform: uppercase; }
.blockimage 	{ background-color: #000; display: block; padding: 0; border: 0; margin: 6px; text-align: left; }



.contentbox				{ width: 203px; display: block; float: left; position: relative; padding: 2px; text-align: left; 
				  		  color: #fff; box-shadow: 5px 5px 5px #000; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; } 
.contentbox 			{ margin: 10px; min-height: 400px; border: 1px solid #444444; background-color: #070707; }
.contentbox img			{ padding: 5px 5px 0 5px; width: 193px; }   /* ----- Image Width needs to be 192px ----- */
.contentbox a:link		{ display: block; color: #fff; background-color: #000; font-size: 1em; line-height: 1.5em; }
.contentbox a:visited 	{ display: block; color: #fff; background-color: #000; }
.contentbox a:hover		{ display: block; color: #fff; background-color: #2f2f2f; }



div#featuredimage 	{ min-width: 500px; float: right; clear: both; text-align: left; padding: 5px; margin: 0; border: 0; display: block; }
div#featuredright 	{ background-color: yellow; min-width: 510px; float: right; clear: both; text-align: left; padding: 0; margin: 0; border: 0; 
					  display: block; overflow: hidden; }
.featuredhalf 		{ width: 350px; text-align: left; padding: 3px; margin: 0; border: 0; display: block; }
.featuredquarter 	{ text-align: left; padding: 3px; margin: 0; border: 0; display: block; }




/* ---  BYLINE styles ---  */



.clearbyline 	{ height: 30px; clear: both; }

div#byline		{ height: 30px;  border: 0; margin: 0;  font-size: 10px; position: relative; left: 0; bottom: 0; width: 100%; overflow: hidden;
				  background: #000; filter: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; }
div#byline a 	{ text-decoration: none; color: #ccc;}
#designby 		{ float: left; height: 23px; padding-left: 35px; margin-top: 7px; font-size: .8em;}

div#byline_navigation				{ float: right; vertical-align: center; }
div#byline_navigation li			{ float: left; padding-left: 18px; }
div#byline_navigation li a			{ text-transform: uppercase; }
div#byline_navigation li a:hover	{ color: #d46235; }




/* ---  FORM styles ---  */



div#form 		{ color: #818285; text-align: left; font-size: .8em;
				  padding:  0; margin: 5px; border:0; overflow: hidden; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
fieldset 		{ border: 0; padding: 0;}
legend 			{ padding: 0 5px 0 5px; margin: 0; border: 0; background-color: #000; text-align: left; text-decoration: none; }
.results 		{ color: #d2b260; background-color: #2e2f2e; line-height: 1em; text-transform: uppercase; font-style: italic; text-align: left;
				  padding: 10px; margin: 10px; border: 2px solid #444444; vertical-align: top; -webkit-border-radius: 8px; -moz-border-radius: 8px; width: 350px; }
.resultsfront 	{ width: 155px; color: #d2b260; background-color: #2e2f2e; line-height: 1em; text-transform: uppercase; font-style: italic; text-align: left;
				  padding: 10px; margin: 10px; border: 2px solid #444444; vertical-align: top; -webkit-border-radius: 8px; -moz-border-radius: 8px; }

div#form textarea	{ background-color: #fff; }



/* ---  jquery BUTTON styles ---  */



.button, .button:visited {
	background: #000 url(/images/grad-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	margin: 10px 10px;
	min-width: 100px;
	text-align: center;
	
}

	.button:hover { background-color: #111; color: #fff; }
	.button:active { top: 2px; }
	.small.button, .small.button:visited { font-size: 11px; padding: ; }
	.button, .button:visited, .medium.button, .medium.button:visited 
	   { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.button, .large.button:visited { font-size: 14px; padding: 8px 14px 9px; }
	
	.green.button, .green.button:visited { background-color: #6f8839; }
	.green.button:hover { background-color: #749a02; }
	.blue.button, .blue.button:visited { background-color: #0a30b7; }
	.blue.button:hover { background-color: #9e0704; }
	.red.button, .red.button:visited { background-color: #e33100; }
	.red.button:hover { background-color: #872300; }
	.magenta.button, .magenta.button:visited { background-color: #a9014b; }
	.magenta.button:hover { background-color: #630030; }
	.orange.button, .orange.awesome:visited { background-color: #ff5c00; }
	.orange.button:hover { background-color: #d45500; }
	.yellow.button, .yellow.awesome:visited { background-color: #ffb515; }
	.yellow.button:hover { background-color: #fc9200; }

	
	
	
	
/* ---  TABLE styles --- */

table { border: 0; }
th, td { width: 122px; padding: 2px 5px; border: 0; text-align: center; font-style: italic; color: #fff;}
th a, td a, th a:link,  td a:link, th a:visited, td a:visited	{ color: #cccccc; }
caption { font-weight: bold; line-height: 1.5em; letter-spacing: .05em; text-decoration: none; text-align: left; padding: 0 0 10px; }