/*-----------------------------------------------------------------------------

RCR Plumbing - Main Stylesheet
Ben @ Web Advanced
	
-----------------------------------------------------------------------------*/


/* GLOBAL ------------------------------------------------------------------ */

* { border:0; }
body { 
	margin: 0; padding: 0;
	background: url(../Images/images-bg.jpg) 0 0 repeat-x;
	font-family: Arial, Tahoma, Helvetica;
    font-size: 13px; }

a:link, a:visited { color: #f56b00; }
a:hover, a:active { color: #f56b00; }

.font10 { font-size:10px; }
.font12 { font-size:12px; }
.font14 { font-size:14px; }
.font16 { font-size:16px; }
.font18 { font-size:18px; }


/* MASTER PAGE ------------------------------------------------------------- */

#shadow-left { background: url(../Images/images-shadow-left-repeat.jpg) 0 0 repeat-y; }
#shadow-right { background: url(../Images/images-shadow-right-repeat.jpg) 0 0 repeat-y; }

#header { 
	background: url(../Images/images-headerbg.jpg) 0 0 no-repeat;
	font-size: 11px;
	text-align: right; }
#header ul { list-style:none; padding:5px 0 0 10px; margin:0; }
#header li { display: inline; padding-right: 16px; }
#header a:link, #header a:visited { color: #006caf; }
#header a:hover, #header a:active { color: #F68738; }

#navigation {}
#secondary-navigation {}

#content { background-color:#FFFFFF; width: 898px; }

#footer { text-align: center; }
#footer .footer-nav { font-size: 11px; color: #bdcbcf; padding-bottom: 8px; line-height: 16px; }
#footer .footer-nav a:link, #footer .footer-nav a:visited { color: #0176c1; }
#footer .footer-nav a:hover, #footer .footer-nav a:active { color: #F68738; }

#footer .contact { color: #e65e02; font-size: 11px; padding-bottom: 18px; }
#footer .contact strong { color: #0077c0; }
#footer .contact a:link, #footer .contact a:visited { text-decoration: none; }
#footer .contact a:hover, #footer .contact a:active { text-decoration: underline; }
#footer .copyright { padding-bottom: 12px; color: #a5c5d4; font-size: 11px; }


/* HOME PAGE --------------------------------------------------------------- */

.flash-content {
	padding: 100px 30px 10px 0;
	background: url(../Images/flash-bg.jpg) 0 0 no-repeat; 
	line-height: 17px;
	font-size: 12px;
	color: #003a5d; }
.flash-content img { padding-top: 8px; }

.spotlight-left {
	padding-top: 38px;
	background: url(../Images/spotlight-bg.jpg) left bottom no-repeat; }
.spotlight-left div { 
	padding: 10px 20px 10px 20px;
	color: #003e63; }
	
.spotlight-middle {
	padding-top: 38px;
	background: url(../Images/spotlight-bg.jpg) left bottom no-repeat; }
.spotlight-middle div { 
	padding: 10px 20px 10px 20px;
	color: #003e63; }
	
.spotlight-right {
	padding-top: 38px;
	background: url(../Images/spotlight-bg.jpg) left bottom no-repeat; }
.spotlight-right div { 
	padding: 10px 20px 10px 20px;
	color: #003e63; }
	
/* CONTENT PAGE --------------------------------------------------------------- */	

/* Banner */
#banner {
	padding-top: 24px;
	background: url(../Images/banner_bg.jpg) 0 0 no-repeat;
	width: 214px;
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 12px;
	color: #FFFFFF; }
#banner a:link, #banner a:visited { color: #FFFFFF; }	
#banner a:hover, #banner a:active { color: #F56B00; }	
	
#banner .banner1 {
	padding-top: 7px;
	height:58px;
	border-bottom: 1px dashed #67a0d1;
	border-top: 1px dashed #67a0d1; }
#banner .banner2 {
	padding-top: 7px;
	height:58px;
	border-bottom: 1px dashed #67a0d1; }
#banner .banner1 img, #banner .banner2 img {
	margin-right: 12px;
	border: 1px solid #ffffff; }
#banner .banner3 {
	padding-top: 4px;
	font-weight: bold; }
	
/* Content Columns */
.content_border { width: 1px; font-size:2px; background-color: #d1dbde; }

.content_left { width: 558px; vertical-align: top; color:#004773; }
.content_left_inner { padding-right: 30px; }

h1 { 
	margin-top:0px; padding-top: 0px;
	font-family: Tahoma, Arial, Sans-serif;
	font-size: 18px;
	font-weight:bold;
	color: #F56B00; }
h2 {
	font-family: Tahoma, Arial, Sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #F56B00; }
h3 {
	margin:0; padding-bottom: 6px; }

.content_right{ width: 267px; vertical-align:top; color:#004773; }
.content_right_inner { padding-left: 26px; }

/* Contact forms */
input, textarea { padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.labelColumn { width: 120px; vertical-align:top; }
.fieldColumn input { border: 1px solid #004773; width: 260px; }
.fieldColumn textarea { border: 1px solid #004773; width: 260px; height: 80px; }

#ctl00_Content_Contact1_btnSubmit, #ctl00_Content_Contact2_btnSubmit { 
	background-color: #004773; color: #ffffff; padding:2px 4px 2px 4px; }
#ctl00_Content_Contact1_btnSubmit:hover, #ctl00_Content_Contact2_btnSubmit:hover { 
	cursor: pointer; }