/*** GENERAL & FORMATTING TAGS ***/

BODY {
	margin :0;
	padding:0;
	width:100%;
	height:100%;
	overflow:visible;
	background:url(images/wave_bg.jpg) repeat-y top right;
	background-color: #FFFFFF;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
a:link {
	color: #ff3300;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #ff3300;
}
a:hover {
	text-decoration: none;
	color: #3366ff;
}
a:active {
	text-decoration: underline;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Arial Black, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}
h1 {
	font-size: 18px;
	color: #0099ff;
	background-image:url(images/splat.gif);
	background-repeat:no-repeat;
	height:32px;
	padding:35px 0 0 20px;
}
h2 {
	padding-top: 10px;
	font-size: 14px;
	color: #0033cc;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#ff3300;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
}
h4 {
	font-size: 14px;
	line-height:14px;
	color: #0033cc;
}
h5 {
	font-size: 12px;
	color: #0099ff;
}
h6 {
	font-size: 14px;
	color: #0033cc;
	}
.centerPosition {
	width:803px;
	margin:auto;
	text-align:left;
}
.imageBorder {
	border:1px solid #2086ed;
}
.mainContainter {
	padding:5px 20px 20px 20px;
}
.moreLink {
	text-align:right; 
	font-weight:bold; 
	text-transform:uppercase; 
	color:#ff3300; 
	margin:5px 17px 0 17px;
}
.moreLink a {
	color:#ff3300;
	text-decoration:none;
}
.moreLink a:visited {
	color:#ff3300;
	text-decoration:none;
}
.moreLink a:hover {
	color:#ff9933;
	text-decoration:underline;
}
.bulletDrop {
	line-height:18px; 
	list-style-image:url(images/bullet_drop.gif);
}
.backToTop {
	padding-bottom: 15px;
	}



/*** MENU & NAVIGATION ***/

#utilityLinks {
	float:right;
	margin-bottom:27px;
}
#utilityLinks img {
	margin:2px 3px 0 3px;
}
.menuContainer  {
	float:left;
	width:795px;
}
	#buttons {
		clear:both;
		margin:0;
		padding:0;
		text-align:center;
	}
		#buttons LI {
			list-style:none;
			display:block;
			float: left;
			position:relative;
			left:0;
			height:37px;
			border:1px solid #090fd0;
			background:url(images/button_bg.gif) no-repeat top left;
		}
			#buttons DIV {
				padding: 10px 0;
				background:url(images/button_bg.gif) no-repeat top right;
			}
      	#buttons SPAN {
					font:normal 13px Arial, Helvetica, sans-serif;
					/* line-height: 2.6em; */
					color:#FFFFFF;
					text-align:center;
				}
					#buttons A {
	  				color:#FFFFFF;
						text-decoration:none;
					}
					#buttons A:visited {
	  				color:#FFFFFF;
						text-decoration:none;
					}
					#buttons A:hover {
	  				color:#ffcc66;
						text-decoration:underline;
					}

.shadowNavTop {
	background-repeat:no-repeat;
	width:803px;
	height:4px;
	font-size: 1px;
}
/* IE ignores styles with [attributes], so it will skip the following. */
.shadowNavTop[class] {
	background-image:url(images/shadow_navtop.png);
}
.shadowNavLeft {
	float:left;
	background-repeat:no-repeat;
	width:4px;
	height:39px;
}
/* IE ignores styles with [attributes], so it will skip the following. */
.shadowNavLeft[class] {
	background-image:url(images/shadow_navleft.png);
}
.shadowNavRight {
	float:left;
	background-repeat:no-repeat;
	width:4px;
	height:39px;
}
/* IE ignores styles with [attributes], so it will skip the following. */
.shadowNavRight[class] {
	background-image:url(images/shadow_navright.png);
}
.shadowNavBottom {
	clear:both;
	background-repeat:no-repeat;
	width:803px;
	height:3px;
	font-size: 1px;
}
/* IE ignores styles with [attributes], so it will skip the following. */
.shadowNavBottom[class] {
	background-image:url(images/shadow_navbottom.png);
}


/*** HEADER TAGS ***/

#info {
      float:right;
	  clear:right;
      margin:0 0 5px 0;
      width:40%;
      text-align:center;
	  }
    #hours {
      font-family: Arial Black, Helvetica, sans-serif;
	  font-size:18px;
      color:#FF3300;
      text-align:center }
 #phoneNumber {
      font-family: Arial Black, Helvetica, sans-serif;
	  font-size:24px;
	  line-height:24px;
      color:#0033CC;
      text-align:center; }


/*** MAIN CONTAINER - INTERIOR ***/

.mainBG {
	background-color:#FFFFFF;
	border:1px solid #0000cc;
}
.shadowTL {
	width:4px;
	height:3px;
}
/* IE ignores styles with [attributes], so it will skip the following. */
.shadowTL[class] {
	background-image:url(images/shadow_maintl.png);
}
.shadowTop {
	width:795px;
	height:3px;
}
/* IE ignores styles with [attributes], so it will skip the following. */
.shadowTop[class] {
	background-image:url(images/shadow_maintop.png);
}
.shadowTR {
	width:4px;
	height:3px;
}
/* IE ignores styles with [attributes], so it will skip the following. */
.shadowTR[class] {
	background-image:url(images/shadow_maintl.png);
}
.shadowLeft {
	background-repeat:repeat-y;
	width:4px;
}
/* IE ignores styles with [attributes], so it will skip the following. */
.shadowLeft[class] {
	background-image:url(images/shadow_left.png);
}
.shadowRight {
	background-repeat:repeat-y;
	width:4px;
}
/* IE ignores styles with [attributes], so it will skip the following. */
.shadowRight[class] {
	background-image:url(images/shadow_right.png);
}
.shadowBL {
	width:4px;
	height:3px;
}
/* IE ignores styles with [attributes], so it will skip the following. */
.shadowBL[class] {
	background-image:url(images/shadow_mainbl.png);
}
.shadowBottom {
	width:795px;
	height:3px;
}
/* IE ignores styles with [attributes], so it will skip the following. */
.shadowBottom[class] {
	background-image:url(images/shadow_mainbot.png);
}
.shadowBR {
	width:4px;
	height:3px;
}
/* IE ignores styles with [attributes], so it will skip the following. */
.shadowBR[class] {
	background-image:url(images/shadow_mainbr.png);
}
.boldRed {
	color: #ff3300;
	font-weight: bold;
	}	
.services ul {
	padding: 0;
	margin: 0;
	border: none;
	}	
.services li {
	color: #0099ff;
	font-weight: bold;
	font-size: 14px;
	}
/*** PHOTO FRAMES ***/
.frameContainer {
	 float: left; 
	 padding-right: 10px;
	 }

.frameTop {
	 background-image: url(images/frameTop.jpg); 
	 background-repeat: repeat-x; 
	 background-position: bottom left;
	 }
.frameLeft {
	 background-image: url(images/frameLeft.jpg); 
	 background-repeat: repeat-y; 
	 background-position: top right;
	 }	 
.frameRight {
	 background-image: url(images/frameRight.jpg); 
	 background-repeat: repeat-y; 
	 background-position: top left;
	 }	 
.frameBottom {
 	 background-image: url(images/frameBottom.jpg); 
	 background-repeat: repeat-x; 
	 background-position: top left;
	 }	
.frameTopLeft {
	background-image: url(images/frameTopLeft.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	}	
.frameTopRight {
	background-image: url(images/frameTopRight.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	}		  
/*** SERVICES PHOTO FRAMES ***/
.frameContainerLeft {
	 float: left; 
	 padding-top: 10px;
	 }
.frameContainerCenter {
	 float: left; 
	 padding: 10px 38px 0px 38px;
	 }
.frameContainerRight {
	 float: right; 
	 padding-top: 10px;
	 }
/***PROJECT PORTFOLIO FRAMES***/
.PortfolioFrameContainer {
	 float: left; 
	 padding: 0 10px 10px 0;
	 }
.projectCopy {
	 padding-left: 160px;
	 }	
.largeProjectImageContainer {
	float:left;
	padding:0 10px 10px 0;
	width: 350px;
	}	
.thumbnailLeft {
	float: left;
	padding: 10px 0 0 0;
	}	
.thumbnailRight {
	float: right;
	padding: 10px 0 0 0;
	}		
/**SHOWROOM**/
.logoContainer {
	 float:left; width: 200px;
	 }
.description {
	 float: left; 
	 width: 350px; 
	 padding: 0 10px 0 10px;
	 }	 
.thumbnailContainer {
	 float: right; width: 170px;
	 }	 
.enlarge {
	 padding-bottom: 5px; 
	 font-weight: bold;
	 }	 
.dividingLine {
	 border-top: 1px solid #0099ff; 
	 height: 15px;
	 }	 
/***FAQ PAGE***/
.question {
	font-weight: bold;
	color: #0099ff;
	font-size: 14px;
	}	
.answer {
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}
/*** HOME PAGE TAGS ***/
.shadowFT { 
	width:579px; 
	height:3px;
}
/* IE ignores styles with [attributes], so it will skip the following. */
.shadowFT[class] {
	background-image:url(images/shadow_hfeature-top.png);
}
.shadowFR { 
	width:4px; 
	height:225px;
}
/* IE ignores styles with [attributes], so it will skip the following. */
.shadowFR[class] {
	background-image:url(images/shadow_hfeature-right.png);
}
.shadowFB { 
	width:579px; 
	height:3px;
	font-size:1px;
}
/* IE ignores styles with [attributes], so it will skip the following. */
.shadowFB[class] {
	background-image: url(images/shadow_hfeature-bottom.png);
}

.shadowHT { 
	width:579px; 
	height:4px;
}
/* IE ignores styles with [attributes], so it will skip the following. */
.shadowHT[class] {
	background-image:url(images/shadow_hmaintop.png);
}
.shadowHR { 
	width:4px; 
	background-repeat:repeat-y;
}
/* IE ignores styles with [attributes], so it will skip the following. */
.shadowHR[class] {
	background-image: url(images/shadow_hmainright.png);
}
.shadowHST { 
	width:224px; 
	height:4px;
}
/* IE ignores styles with [attributes], so it will skip the following. */
.shadowHST[class] {
	background-image:url(images/shadow_hsidetop.png);
}
.shadowHL { 
	background-repeat:repeat-y; 
	width:4px;
}
/* IE ignores styles with [attributes], so it will skip the following. */
.shadowHL[class] {
	background-image:url(images/shadow_hsideleft.png);
}
.homeSidebarBG {
	background-image:url(images/hside_bg.jpg); 
	background-repeat:repeat-y; 
	background-position: bottom; 
	border:1px solid #0000cc;
}
.shadowBH { 
	width:579px; 
	height:3px;
}
/* IE ignores styles with [attributes], so it will skip the following. */
.shadowHB[class] {
	background-image:url(images/shadow_hmainbot.png);
}
.shadowHSB { 
	width:224px; 
	height:3px;
}
/* IE ignores styles with [attributes], so it will skip the following. */
.shadowHSB[class] {
	background-image:url(images/shadow_hsidebot.png);
}
/** SERVICE AREAS CONTAINER **/
.serviceText {
	padding: 0 5px 10px 5px;
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	}
.serviceTextRed {
	color: #ff3300;
	font-weight: bold;
	line-height: 14px;
	}	
.serviceTextBlue {
	font-weight: bold;
	padding: 0 5px 15px 5px;
	color: #0066ff;
	font-size: 14px;
	line-height: 14px;
	}	



/*** HOME PAGE SPECIALS CONTAINER ***/

.specialsHeadline {
	font-family:Arial Black, Helvetica, sans-serif; 
	font-size:18px; 
	color:#0745d3; 
	text-align:center;
	margin:10px 0 8px 0;
	line-height:18px;
}
.specialsTitle {
	font-weight:bold;
	color:#3366ff;
	text-transform:uppercase;
	margin:10px 17px 2px 17px;
}
.specialsDesc {
	padding:0 17px;
	line-height:13px;
}
.shadowST { 
	width:224px; 
	height:3px;
}
/* IE ignores styles with [attributes], so it will skip the following. */
.shadowST[class] {
	background-image:url(images/shadow_special-top.png);
}
.shadowSL { 
	width:4px; 
	height:225px;
}
/* IE ignores styles with [attributes], so it will skip the following. */
.shadowSL[class] {
	background-image: url(images/shadow_special-left.png);
}
.specialsBG {
	width:216px; 
	height:225px; 
	background-image:url(images/specials_bg.jpg);
}
.shadowSB { 
	width:224px; 
	height:3px;
}
/* IE ignores styles with [attributes], so it will skip the following. */
.shadowSB[class] {
	background-image:url(images/shadow_special-bottom.png);
}
/* CONTACT FORM */

.contactInfo {
}
.contactContainerLeft {
	float: left;
	margin-left: 10px;
	margin-right: 20px;
	top: 0px;
}
.contactContainerRight {
	float: right;
	width: 350px;
}
.contactContainerColor {
	background-color: #eefcff;
}
.contactCopy {
	}
.copyAreaCode {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.copyPadding {
	padding-left: 15px;
}
.copyHighlight {
	color: #CC0000;
}
.contactStatement {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0000cc;
	padding-bottom: 5px;
}
.fields {
	border:1px solid #cccccc;
}
.requiredFields {
	background-color: #FFFFCC;
}
.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #8f2021;
	color : #ffffff;
	font-weight: bold;
} 
input.required, textarea.required {
	border: 1px solid #CC0000;
}

.formErrorMsg {
	margin-top: 20px;
	padding:10px;
	background-color: #8F2021;
	color: #ffffff;
	border: 1px solid #000000;
}


/*** FOOTER TAGS ***/

.footerBG {
	clear:both;
	background-repeat:no-repeat;
	width:803px;
	height:83px;
	font-weight:bold;
	color:#0033cc;
}
/* IE ignores styles with [attributes], so it will skip the following. */
.footerBG[class] {
	background-image:url(images/bg_footer.png);
}
.sloganLeft {
	float:left;
	padding:12px 0 20px 24px;
}
.sloganRight {
	float:right;
	padding:12px 23px 20px 0px;
}
.sloganRightFacebook {
	float:right;
	padding:6px 6px 0px 0px;
}
.copyrightText {
	clear:both;
	font-size:11px;
	color:#84bae3;
	padding:0 0 5px 4px;
	line-height:18px;
	float:left;
}
.copyrightText a:link, .copyrightText a:visited  {
	color:#84bae3;
	text-decoration: none;	
	}
.copyrightText a:hover {
	color:#84bae3;
	text-decoration: underline;	
	}