/* BROWSER RESET CSS */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }
/* END RESET CSS */

/* INPUT PLACEHOLDER CSS */
input, textarea { color: #000; }
.placeholder { color: #aaa; }
/* END PH CSS */

/* ================================================================================================= */
/* START DROP DOWN MENU=============================================================================== */
/* ================================================================================================= */
#nav {
	position: absolute;
	top: -67px; /*-67 183px */
	list-style: none;
	font-weight: bold;
	font-family: tahoma;
	font-size: 16px;
	margin-bottom: 10px;
	margin-top: 69px;
	float: left;
	width: 100%;
	z-index: 5;
}
#nav li {
	float: left;
	margin-right: 35px;
	position: relative;
}
#nav a {
	display: block;
	padding: 5px 10px;
	color: #fff;
	background: transparent;
	text-decoration: none;
}
#nav a:hover{
	text-decoration: underline;
	color: #fff;
	background: #444;
	border-left: 1px #63778A solid;
	border-top: 1px #63778A solid;
	border-right: 1px #63778A solid;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	padding-left: 9px;
	padding-top: 4px;
	padding-right: 9px;
}
	#nav ul {
		background: #444;
		background: rgba(255,255,255,0);
		margin: 0;
		padding: 0;
		font-size: 14px;
		font-family: arial;
		list-style: none;
		position: absolute;
		left:-9999px;
		}
	#nav ul li {
		padding-top: 3px;
		float: none;
		background: #444;
		width: 170px;
		margin-right: 0;
	}		
	#nav ul a {
		white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	}
	#nav li:hover ul { 
		left: 0; 
		border-left: 1px #63778A solid;
		border-bottom: 1px #63778A solid;
		border-right: 1px #63778A solid;
		-moz-border-radius-topright: 4px;
		-moz-border-radius-bottomleft: 4px;
		-moz-border-radius-bottomright: 4px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
	}
	#nav li:hover a {
		background: #444;
		border-left: 1px #63778A solid;
		border-top: 1px #63778A solid;
		border-right: 1px #63778A solid;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 4px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		padding-left: 9px;
		padding-top: 4px;
		padding-right: 9px;
	}
	#nav li:hover ul a {
		text-decoration: none;
		border: none;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	#nav li:hover ul li a:hover {
		background: #FCF4B1;
		color: #000;
		border: none;
		text-decoration: underline;
	}
/* ================================================================================================= */
/* END DROP DOWN MENU=============================================================================== */
/* ================================================================================================= */


/* NEVO SLIDER STYLES ---------------------------------------------------------------*/

/*
 * jQuery Nivo Slider v3.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* SKIN THEME */
.theme-light.slider-wrapper {
    background: #F4F8FB;
    padding: 10px;
}
.theme-light .nivoSlider {
	position:relative;
	background:#fff url(../images/loading.gif) no-repeat 50% 50%;
    margin-bottom:10px;
    overflow: visible;
}
.theme-light .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-light .nivoSlider a {
	border:0;
	display:block;
}

.theme-light .nivo-controlNav {
	text-align: left;
	padding: 0;
	position: relative;
	z-index: 10;
}
.theme-light .nivo-controlNav a {
	display:inline-block;
	width:10px;
	height:10px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
.theme-light .nivo-controlNav a.active {
	background-position:0 100%;
}

.theme-light .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background: url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	top: auto;
	bottom: -36px;
	z-index: 11;
}
.theme-light .nivo-directionNav a:hover {
    background-color: #eee;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.theme-light a.nivo-nextNav {
	background-position:160% 50%;
	right:0px;
}
.theme-light a.nivo-prevNav {
    background-position:-60% 50%;
    left: auto;
	right: 35px;
}

.theme-light .nivo-caption {
    font-family: caviardreams, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 35px;
}
.theme-light .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-light .nivo-caption a:hover {
    color:#fff;
}

.theme-light .nivo-controlNav.nivo-thumbs-enabled {
	width: 80%;
}
.theme-light .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-light .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}



/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	/* opacity: 0.8; */
	overflow: hidden;
	display: none;
	/* -moz-opacity: 0.8; */
	/* filter:alpha(opacity=8); */
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	opacity: 0.6;
	
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}


.slider-wrapper { 
	position:absolute;
	z-index:1; 
	/* height:213px; */
	width:945px; 
	top:0; 
	left:0; 
	background:#F4F8FB; 
	/* border:solid 1px #ccc; */
}
/* END NIVO SLIDER STYLES ---------------------------------------------------------------*/


/* GLOBAL STYLES */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	background: url(../img/21.jpg) #000 repeat;
}

.divider {
    height: 20px;
    width: 922px;
    border-bottom: 1px #ccc dotted;
}

figure { float:left;margin:0;padding:0; } /*Used on services pages*/

a {
	color:#09C;
	text-decoration:none;
}
a:hover {
	color: #900;
	text-decoration:underline;	
}
.rim { padding:2px;border: 1px #ccc solid;	}

.red { color: #BF1E2D; }

.float-right {
	float:right;
	margin:0 0 15px 15px;
}
.float-left {
	float:left;
	margin:0 15px 15px 0;	
}
.border-blk {
	border: 1px #000 solid;	
}
.center {
	width:100%;
	text-align:center;
	margin:20px 0 20px 0;
}
.comments { display:none; } /* CLASS FOR SPAMTRAP TEXTAREA TO NOT DISPLAY */

			/*Styles for quote and contact forms */
			label {
				font-size: 20px;
			}
			input {
				display: block;
				margin-bottom: 15px;
				font-size: 20px;
				padding: 6px;
			}
			input[type=submit] {
				width: 200px;
				height: 50px;
				border-radius: 10px;
				background: #ccc;
			}
			textarea {
				display: block;
				font-size: 20px;
				padding: 6px;
				margin-bottom: 20px;
				width: 92%}


#wrapper {
	width: 965px;
	margin: 0 auto;
	background: #FCF;
	margin-top: 20px;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}

/* END GLOBAL STYLES */


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* GLOBAL HEADER STYLES */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

	#header {
		position: relative;
		width: 965px;
		height: 125px;
		background: url(../img/sand-bg.jpg) top center;
		border-top-left-radius:8px;
		border-top-right-radius:8px;
	}
		
		#logo {
			position: absolute;
			left: 15px; top: 10px;
			width: 228px; height: 80px;
		}		
		
		#header #phone {
			position:absolute;
			left:720px; top:20px;
			font-size: 14px;
			color:#000;	
		}
		
		#header #text1 {
			position:absolute;
			left:250px; top:45px;
			font-family:caviardreams;
			font-size: 22px;
			color:#999;
			
		}
		#header #text2 {
			position:absolute;
			left:20px; top:120px;
			font-family:arial;
			font-size: 14px;
			color:#999;
			
		}
		
	
	#nav-bar {
		position: relative;
		width: 965px;
		height: 33px;
		background: #222;
		border: 1px #fff solid;
		border-left:none;border-right:none;
	}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* END GLOBAL HEADER STYLES */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

.sideArea {float:right;margin-right:55px;}
.sideArea ul.sideList { list-style: circle !important; }
.sideArea ul.sideList li { margin:0 !important;padding:0 !important;}
.sideArea ul.sideList li a { font:arial;font-size:13px;color:#BF1E2D; }

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* GLOBAL MIDDLE BODY STYLES */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

	#middle {
		width: 930px;
		position: relative;
		background: #FFF; /* #F4F8FB */
		padding: 15px; padding-left:20px;
	}
		#middle h1 {
			font-family: caviardreams, "Trebuchet MS";
			color: #2A7F99;
			font-size: 24px;
			margin-bottom: 20px;
			letter-spacing:-1px;
			font-weight:bold;
		}
		#middle h2 {
			font-family: caviardreams, arial !important; 
			color:#999;
			margin-bottom: 18px;
			font-size: 18px;
			font-style:italic;
			letter-spacing:-1px;
		}
		#middle h3 {
			color:#09C;
			font-size: 19px;
			margin-bottom: 11px;	
		}
		#middle p {
			font-size: 15px;
			line-height: 25px;
			margin-bottom:18px;
			font-family: arial;
			color:#666;
		}
		#middle ul { list-style:disc; }
		#middle ul li {
			color:#666;
			font-size: 15px;
			line-height: 25px;
			margin-bottom:11px;
		}
	


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* END GLOBAL MIDDLE BODY STYLES */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */			
	
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* GLOBAL FOOTER STYLES */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
	
	#footer {
		width: 965px;
		height: 60px;
		background: #fff;
		position:relative;
		z-index:1;
		color: #666;
		font-family:arial;
		font-size:13px;
	}
		
	


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* END GLOBAL FOOTER STYLES */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */






/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* PAGE SPECIFIC STYLES */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
h4.projectsHeader {
				margin:0;padding:0;
				margin-bottom:5px;
				font-family: ptsans, "Trebuchet MS";
				color:#BF1E2D;
				font-size:16px;
				font-weight:bold;
			}
			.projectBox {
				float:left;
				width:224px;
				margin-right:10px;
			}
			.projectBox img {
				padding:2px;
				border: 1px #ccc solid;	
			}
			.projectBox p {
				color:#666;
				line-height:20px !important;
				font-size: 14px !important;
			}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* END PAGE SPECIFIC STYLES */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */