/*
	RWCC Custom CSS

   Generated by:
    * Michael Westafer - Roger West

  == STRUCTURE: ========================
   * Page width:            974 px
   * Number of columns:     24
   * Column width:          31 px
   * Margin width:          10 px
  ======================================

   RWCC Colors

   grey - color:#717171;
   orange - color:#e4701e;
   blue - color:#7798A3;

*/

body {background-image: url(src/bg-grey-orange.gif); background-position: center; font-family:tahoma, arial, san-serif;}

/* main ids - content areas */

#header { /* border-top:8px solid #5d5d5d;*/ margin-top:20px; padding-top:30px}


#logo { padding-top:10px;}

#content, #secondary-content {padding-top:50px; padding-bottom:50px; }


/*#content {background-image: url(src/bg-coffee.jpg); background-position: left bottom; background-repeat: no-repeat;}*/


#content ul, #secondary-text ul {margin-left:25px;}

#content li, #secondary-text li, #lightbox-image-details-caption li {
		background-image:url(src/bullet-grey.gif);
		background-position:0px 8px;
		background-repeat:no-repeat;
		list-style-position:outside;
		list-style-type:none;
		padding:3px 5px 3px 20px;

		}



#footer {color:#ffffff;  padding-top: 30px; padding-bottom: 30px; font-size:12px;}



	.footer-text {margin-left:48px;}

	.footer-text h2 a { visibility: visible; 	letter-spacing: normal; }


#footer li {
		background-image:url(src/bullet-arrow-white.gif);
		background-position:0px 8px;
		background-repeat:no-repeat;
		list-style-position:outside;
		list-style-type:none;
		padding:3px 5px 10px 15px;

		}


	#footer  a, #footer  a:link, #footer  a:visited {color:#FFFFFF;}

	#footer  a:hover {color:#717171;}

	#blog h1, #blog h2, #blog h3, #blog h4, #blog h5, #blog h6, #contact h1, #contact h2, #contact h3, #contact h4, #contact h5, #contact h6, #quote h5 {margin:0; padding:0 0 5px 0; font-size:20px; color:#ffffff; visibility: hidden;}



			#quote {}

				#quote a:hover {color:#dddddd;}


	.footer-background {background-image:url(src/bg-bottom-bar.png); padding:20px; font-size:11px; line-height:18px; font-size:11px; }
.footer-background p {font-size:11px;}
	.footer-background a {font-size:11px;}

	#footer .container  {margin-bottom:25px;}

	#footer-shadow {height:4px; width:100%; background-image: url(src/bg-footer-shadow.png); background-position: left top; background-repeat: repeat-x;}

.rsslink  {background-image: url(src/icon-rss.gif); background-position:left center; background-repeat: no-repeat;  padding:5px 0 5px 25px; line-height:20px;}

.rss {padding:1px 5px 5px 22px;}

#home-text { font-size:12px;}

	#home-text h1 {margin-bottom:10px; visibility: hidden;}

	#home-text p {line-height:24px;}


#stat-wrapper {background-image:url(src/bg-quote-middle.jpg); background-repeat: repeat-y; margin-left:25px; }

	#stat-top{ background-image:url(src/bg-quote-top.jpg); background-repeat: no-repeat; }

	#stat-bottom{background-image:url(src/bg-quote-bottom.jpg); height:17px; background-position: left bottom; background-repeat: no-repeat;}



		 #stat { width:55px; text-align:center; float:left; margin-top:15px; padding-left:15px;}

		 #stat h3 {visibility: hidden; font-size:28px; padding:0; margin:0;}

		#stat-text { border-left:1px solid #cccccc;  width:275px; float:left; margin-top:20px; margin-left:15px; padding-right:25px; padding-left:15px;}
		#stat-arrow {float:left; margin-top:20px; padding-top:5px;}
		 #stat-text h4 {visibility: hidden; font-size:18px; padding:0px; margin:0px;}


#right-col {margin-top: 48px;  z-index: 1;}

#right-col h2 { font-size:16px; line-height:normal; margin:0; padding:0; visibility: hidden; }

/* NAVIGATION */


.nav-v ul, .nav-v li {list-style: none; margin: 0px; padding: 0px; display: block;}

.nav-h ul, .nav-h li {display: inline; list-style-type: none; margin: 0px; padding: 0px;}




#mainnav {
		/*border-width: 1px;
		border-style: solid;
		border-color: #bfbfbf; */}

#mainnav li a {
		margin:0px;
		border-left-width: 1px;
		border-left-style: solid;
		border-left-color: #dddddd;
			display:block;
			float:left;
	}

	#mainnav li a.first {border-left-width: 0px;
		border-left-style: none;
		}



 #mainnav a {
			color:#717171;

			padding:12px 20px 12px 20px ;
			font-size:11px;
			text-decoration:none; text-transform:uppercase;
		}

#mainnav a:hover, #mainnav a:focus,  #mainnav a:active {
		color:#ffffff;
		background-color:#717171;

	}

.rmExpandRight {background-image:url(src/arrow-grey.png); background-repeat: no-repeat; background-position: right center;
}


 #mainnav .RadMenu .rmGroup .rmText {
margin:0 0 0 4px;
padding:0 0px 0 0px;}

 #subnav .RadPanelBar .rpRootGroup {
border-style:solid;
border-width:0px; }

 #subnav .RadPanelBar .rpOut {
border-bottom-style:solid;
border-bottom-width:0px; }

 #subnav .RadPanelBar .rpLevel2 .rpTemplate, #subnav .RadPanelBar .rpLevel2 .rpOut {
padding-left:0px; }

 #subnav .RadPanelBar .rpText {
padding:0; }

 #subnav li a {
	padding: 8px 15px 8px 10px;
	width:auto;
	margin:0;
	text-decoration:none;
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-left: 3px solid #00aa4e;*/
	border-bottom: 1px solid #dddddd;}

 #subnav a:hover {background-color:#f5f5f5; color:#e4701e; }

 #subnav .rpSelected {background-color:#f5f5f5; font-weight:bold; color:#717171; }

#mainnav  a.selected { background-color:#e4701e; color:#FFFFFF; font-weight:bold;	}


.RadMenu .rmSlide, .rmContextMenu { z-index: 900; }

 #mainnav .rmSlide li a {background-image:url(src/bg-white.png); text-transform:none; color:#717171; width:190px; border-bottom: 1px solid #dddddd;
}

 #mainnav .rmSlide li a:hover,  #mainnav .rmSlide li a.selected {background-image:none; background-color:#DDDDDD;}


#flash-sidebar{margin-top:85px;}
#flash-sidebar-home{margin-top:50px;}

/*general classes  */

.wrapper {width:100%; background-color:#ffffff;}

.left {float:left; padding: 0 10px 0px 0;}

.right {float:right;}

.grey {color:#717171;}
.orange {color:#e4701e;}

.rightfloat {float:right;}
.leftfloat {float:left; behavior: url("/iepngfix.htc"); }




.sep {padding: 0 12px 0 10px;}

.btn {background-image: url(src/button-right.gif); background-repeat: no-repeat; height:33px; background-position: right top; float:right;  }

	 .btn a{  width:165px; background-image: url(src/button-left.gif); background-repeat: no-repeat; background-position: left top; height: 33px;  display:block; padding-right: 40px; padding-left:25px; line-height:24px; text-transform: uppercase; font-weight: bold; font-size: 11px; text-decoration: none; color: #ffffff; padding-top:2px;}




.btn-dark {background-image: url(src/button-right-dark.gif); background-repeat: no-repeat; height:33px; background-position: right top; float:right; margin-top: 10px; margin-bottom:10px;  }

	 .btn-dark a{  width:125px; background-image: url(src/button-left-dark.gif); background-repeat: no-repeat; background-position: left top; height: 33px;  display:block; padding-right: 40px; padding-left:25px; line-height:24px; text-transform: uppercase; font-weight: bold; font-size: 11px; text-decoration: none; color: #ffffff; padding-top:2px;}

.btn a:hover, .btn-dark a:hover {color: #dddddd;}

/*over rides  */








/*side menu overides  */

a.rpExpandable, h3.menutitle  { background-color:#656565; color:#FFFFFF;}

 h3.menutitle {width:230px; font-weight:normal; font-size:100%; padding:10px;}

.rpSlide .rpLevel2 a.rpExpandable, .rpLevel1 a.rpExpandable, .rpLevel3 a.rpExpandable  {background-image: url(src/icon-close.gif); background-repeat: no-repeat; background-position: 10px center; background-color:#efefef; color:#656565;}

.rpSlide  .rpLevel2 a.rpExpanded, .rpLevel1 a.rpExpanded, .rpLevel3 a.rpExpanded { background-color:#dfdfdf; background-image: url(src/icon-open.gif); background-repeat: no-repeat; background-position: 10px center; }

#subnav  .rpSlide li a.rpExpandable {padding-left:30px;}

 #subnav .rpSlide .rpLevel2 li a  {padding-left:30px;}

#subnav .rpSlide .rpLevel2 li a.rpExpandable {padding-left:50px;  background-position: 30px center;}

#subnav .rpSlide .rpLevel3 li a.rpExpandable, #subnav .rpLevel3 li a {padding-left:50px;}

#subnav .rpSlide .rpLevel2 li a:hover, #subnav .rpLevel2 li a.rpSelected{}


	#landing-form label { font-weight:normal; }
	#landing-form input.title { width: 280px; padding:5px; font-size:12px; color:#717171;   }
	#landing-form input.title { border:3px solid #dddddd; }
	#landing-form select { border:3px solid #dddddd; font-family:tahoma, arial, san-serif; font-size:12px; color:#717171; width: 280px; }
	#landing-form textarea { border:3px solid #dddddd; width: 280px; padding:5px; font-family:tahoma, arial, san-serif; font-size:12px; color:#717171; }

	#landing-form input.title:focus,
	#landing-form textarea:focus, #landing-form select:focus {border:3px solid #e4701e;}
	#landing-form .label { background-color: #EFEFEF; border: 3px solid #DDDDDD; color:#717171; display: inline-block; font-size:12px; padding:3px; width:150px; }
	#landing-form .wa-label { color:#717171; display: inline-block; font-size:12px; padding:3px; width:100px; }
	#landing-form  input.text, input.title, textarea, select { margin: 0 0 0.5em 0 !important; }

	.sendbutton input {background-color:#e4701e; display:block;  margin-left:95px; text-decoration:none; width:90px; text-align:center; color:#FFFFFF; font-weight:bold; padding:5px; margin-top:25px;}


	.resetbutton input {background-color:#717171;}
	.resetbutton input {display:block; padding:10px 0 0 0; text-decoration:none; width:96px; text-align:center;}
	.resetbutton a:hover {background-position:0 -30px;}
	.resetbutton strong {color:#FFFFFF;}

	img, .rmExpandRight, #footer-shadow, .footer-background, #stat-text, #quote img {behavior: url("/iepngfix.htc");}


/* land page css */

#landing-form-MA input.title {
border:1px solid #BBBBBB;
margin:0 0 0.5em 0; }


	#left-col {margin-top:80px;}
	#left-col #landing-form input.title {width: 240px;}
	#left-col #landing-form textarea { border:3px solid #dddddd; width: 240px; padding:5px; font-family:tahoma, arial, san-serif; font-size:12px; color:#717171; }
	#left-col .sendbutton input {margin-left:190px;}

	#leftwrapper {background-image: url(src/bg-shadow.jpg); background-repeat: no-repeat; background-position: right 30px; }



	#lp-logo { padding-bottom:30px;}
	#lp-header { /*  border-top:8px solid #5d5d5d;*/ margin-top:20px; }
	#lp-right-col { margin-top:10px;}
	#lp-right-col #landing-form input.title {width: 240px;}
	#lp-right-col #landing-form textarea { border:3px solid #dddddd; width: 240px; height:100px; padding:5px; font-family:tahoma, arial, san-serif; font-size:12px; color:#717171; }
	#lp-right-col .sendbutton input {margin-left:190px;}
	#lp-right-col h3 { font-size:16px; font-weight:strong; }

	#rightwrapper {background-image:url(src/bg-shadow.jpg); background-repeat:no-repeat; background-position: left 0px; }
	#lp-footer { background-color:#ffffff; background-image:transparent; }
	.banner { margin-top:10px; margin-bottom:20px;}
	#lp-secondary-content {padding-top:35px; padding-bottom:50px; }

 #secondary-text .portfolio li { padding:0; margin:0; float:left;  background:none;}
  #secondary-text .portfolio a {display:block; width:195px; height:165px; margin: 0 16px 16px 0; border: 4px solid #dddddd; }
    #secondary-text .portfolio a:hover { border: 4px solid #E4701E; }

 #secondary-text .portfolio li.last a {margin: 0 0px 16px 0;}
#secondary-text ul.portfolio {margin:0; padding:0;}

a.btn-request span { visibility:hidden; display:none; }
a.btn-request { display:block; background-image:url(src/btn-request-quote-sprite.gif); background-repeat:no-repeat; background-position:top center; width:195px; height:67px; margin-bottom:20px; outline:none; }
a:hover.btn-request {  background-position: left -100px; }
a:active.btn-request {  background-position: left -200px;  }






th, td { padding:0px 0px 0px 0px; }
#ctl00_ctl00_MainContent_page_content_ctl00_Form_ServiceInterest tr { width:180px; float:left; padding:4px 0;  }
#specify { padding-left:0px !important; }

#specify input.title { /*width:121px !important;*/ }

/*#wibiyaToolbar_tbl { background-color:#000000 !important; } */

.social {margin-top:10px;}

.social a {
float:left;
width:52px;
height:64px;
text-decoration:none;
/*border:thin #00FF00 solid;*/
margin-right:10px;
margin-top:10px;
}

.social a span {display:none; visibility:hidden;}

a.twitter {
	background-image: url(/Libraries/social_icons/twitter52px.sflb.ashx);
	background-repeat: no-repeat;
	background-position: right top;
}
a.facebook {
	background-image: url(/Libraries/social_icons/facebook-52px.sflb.ashx);
	background-repeat: no-repeat;
	background-position: right top;
}
a.linkedin {
	background-image: url(/Libraries/social_icons/linkedin52px.sflb.ashx);
	background-repeat: no-repeat;
	background-position: right top;
}
a.rss {
	background-image: url(/Libraries/social_icons/rss-52px.sflb.ashx);
	background-repeat: no-repeat;
	background-position: right top;
	padding:0;
}
a.flickr {
	background-image: url(/Libraries/social_icons/flickr52px.sflb.ashx);
	background-repeat: no-repeat;
	background-position: right top;
}
a.skype {
	background-image: url(/Libraries/social_icons/skype-52px.sflb.ashx);
	background-repeat: no-repeat;
	background-position: right top;
}

.social a:hover {background-position: left top;}

p.sf_newsDate  {
margin:0 0 .5em;}

#secondary-text .sf_pager li {background-image:none;

padding:3px 5px 3px 5px;}

#upcomingevent {margin-top:18px;}

	@-webkit-keyframes pulse {
		from {
			-webkit-transform: scale(1.0);
			opacity: 1.0;
		}
		50% {
			-webkit-transform: scale(1.1);
			opacity: 0.75;
		}
		to { 
			-webkit-transform: scale(1.0);
			opacity: 1.0;
		}
	}

	#upcomingevent img { opacity: 1.0 }
	#upcomingevent img:hover { 
		-webkit-animation-name: pulse; 
		-webkit-animation-duration: 0.3s; 
		-webkit-animation-iteration-count: 5; 
	}