/* - - - - - - - - 		DEFAULTS AND CLASSES	- - - - - - - - */

body {
	background:#6994BF;
	color:#191818;
	font:12px Arial, Helvetica, sans-serif;
}
a {
	color:#141646;
}
.left {
	float:left
}
.right {
	float:right
}
.clear {
	clear:both;
	display:block;
	height:0em;
}
.roundBlock{
	display:block;
	margin-left:10px;
	
}


.png {
	display:block;	
}



#lbCaption .bigText, #imageDetails .bigText{
	font-size:15px;
}
img, a, div, li { behavior:url(iepngfix.htc); }

/* - - - - - - - - 		CONTAINER & HEADER	- - - - - - - - */

#container {
		background:url(../img/bg-gradient-blue.jpg) top center repeat-y;
}
	#containerInner{
		background:url(../img/bg.jpg) repeat-y top center;
		width:966px;
		margin:0 auto;
}

#header {
	background:url(../img/bg-header.jpg) no-repeat;
	width:966px;
	height:193px;
	margin: 0 auto;
	text-align:left;
}
	#header h1,
	#header h2 {
		font-size:0em;
		line-height:0em;
		text-indent:-10000000px;
	}
	#header h1 {
		padding-top:7px;
		padding-left:21px;
		padding-bottom:12px;
	}
		#header h1 img,
		#header h2 img {
			display:block;
		}
		#header h2 img {
			margin:0 auto;
		}

/* - - - - - - - - 		NAVIGATION	- - - - - - - - */

#nav {
	background:url(../img/nav.gif) repeat-x;
	width:966px;
	margin:0 auto;
	text-align:left;
}
	#nav ul {
		height:48px;
		font-size:16px;
		font-weight:bold;
	}
		#nav ul li {
			display:block;
			float:left;
			background:url(../img/nav.gif) repeat-x top;
			height:48px;
			line-height:48px;
		}
			#nav ul li a {
				display:block;
				_display:inline;
				color:#fff;
				text-decoration:none;
				padding:0 21px;
				text-transform:uppercase;
			}
			#nav ul li a:hover{
				background:url(../img/nav-o.gif) repeat-x top;
				text-decoration:underline;
				_padding:21px 21px 31px 21px;
			}
			#nav ul li a.active{
				background:url(../img/nav-o.gif) repeat-x top;
				text-decoration:underline;
				_padding:21px 21px 31px 21px;
			}
			
/* - - - - - - - - 		MAIN CONTENT - SIDEBAR 		- - - - - - - - */			

#content {
	background:url(../img/bg-content.jpg) no-repeat top center;
	width:966px;
}

#sidebar {
	float:left;
	width:237px;
}
	#sidebar .button {
		display:block;
		font-size:0em;
		line-height:0em;
		text-indent:-1000000px;
		padding-bottom:10px;
	}
		#sidebar .button img {
			display:block;
		}
	#sidebar ul {
		padding-left:15px;
		padding-top:12px;
		padding-bottom:20px;
	}
		#sidebar ul li {
			background:url(../img/menu-s.gif) no-repeat bottom left;
			font-size:14px;
			font-weight:bold;
			color:#fff;
			font-size:12px;
			padding-bottom:3px;
		}
			#sidebar ul li a {
				display:block;
				_height: 1%;
				text-decoration:none;
				color:#fff;
				padding-bottom:5px;
				padding-top:12px;
				padding-left:20px;
			}
			#sidebar ul li a:hover,
			#sidebar ul li a.active {
				color:#a0a8bf;
			}

/* - - - - - - - - 		MAIN CONTENT - RIGHT SIDE 		- - - - - - - - */			

#page {
	width:700px;
	float:right;
	padding-right:14px;
	padding-top:28px;
	padding-bottom:18px;
}
	#page #slider {
		width:700px;
		background-color:transparent;
		margin-bottom:-35px;
	}
		#page #slider .pics{
			width:679px;
			height:248px;
			background:transparent;
			position:relative;
			z-index:1;
			margin:0 auto;
			overflow:hidden;
			}
		#page #slider #prev {
			float:none;
			position:relative;
			top:-155px;
			left:-65px;
			z-index:2;
		}
		#page #slider #next {
			float:none;
			position:relative;
			top:-155px;
			right:0;
			left:645px;
			z-index:2;
		}
		
	#page .box {
		background:url(../img/box.png) no-repeat top right;
		width:222px;
		height:155px;
		position:relative;
		float:left;
		margin-left:10px;
		overflow:hidden;
		z-index:2;
	}
	#page .box.first {
		margin-left:0;
		position:relative;
		z-index:2;
	}
		#page .box img {
			display:block;
			padding-left:14px;
			_padding:0;
			_margin-left:14px;
		}
		#page .box h3 {
			color:#141213;
			font-size:12px;
			font-weight:bold;
			text-transform:uppercase;
			padding-left:14px;
			text-align:center;
			padding-top:10px;
		}
			#page .box h3 a {
				text-decoration:underline;
				color:#141213;
			}
			#page .box h3 a:hover {
				text-decoration:underline;
			}	
			
/* - - - - - - - - 		HOME CONTENT MINI-BLURB 		- - - - - - - - */	

div.roundedSmall{
	background:url(../img/rounded-bg.jpg) repeat-y;
	padding:5px 20px;
	width:640px;
	margin:0 0 0 10px;
}
	div.roundedSmall h3{
		font-size:22px;
		text-transform:uppercase;
		margin:0 0 10px;
	}
	div.roundedSmall p{
		margin-bottom:10px;
	}	


/* - - - - - - - - 		MAIN CONTENT - Sub-Page 		- - - - - - - - */	

div.rounded{
	background:url(../img/rounded-bg.jpg) repeat-y;
	padding:5px 20px;
	width:640px;
	min-height:570px;						/* IE6 MIN-HEIGHT TRICK */ 	
	height:auto !important;					/* IE6 MIN-HEIGHT TRICK */ 	
	height:570px; 							/* IE6 MIN-HEIGHT TRICK */ 
	margin:0 0 0 10px;
}
	div.rounded h3{
		font-size:22px;
		text-transform:uppercase;
		margin:0 0 10px;
	}
	div.rounded p{
		margin-bottom:10px;
	}	

			
/* - - - - - - - - 		FOOTER 		- - - - - - - - */						

#footer {
	margin:0 auto;
	text-align:center;
	width:729px;
	padding-left:237px;
}
	#footer p {
		text-align:center;
		font-size:12px;
		padding-bottom:7px;
	}
		#footer p a {
			color:#191818;
			text-decoration:none;
		}
		#footer p a:hover {
			text-decoration:underline;
		}
	#footer ul {
		color:#141646;
		font-size:12px;
		padding-bottom:7px;
		text-align:center;
	}
		#footer ul li {
			display:inline;
			letter-spacing:0.3em;
		}
			#footer ul li a {
				text-decoration:underline;
				color:#141646;
				letter-spacing:normal;
			}
			#footer ul li a:hover,
			#footer ul li a.active {
				text-decoration:none;
				color:#000;
			}
			
/* - - - - - - - - 		FORM STYLE 		- - - - - - - - */	

fieldset {
	border:1px dashed #121B38;
	padding:10px;
	width:507px;
	margin:10px 0 0 50px;
}

legend {
	font-family:"Trebuchet MS";
	font-size:17px;
	line-height:18px;
	border: 1px solid #EC4032;
	padding: 2px 6px 5px 6px;
	*padding-right:10px;
	font-weight:bold;
	font-size:16px;
	color:#fff;
	background:#EC4032;
	*margin:0 0px 7px -7px;
}
label {
	width:142px;
	height:32px;
	margin-top:3px;
	margin-right:2px;
	padding-top:11px;
	padding-left:6px;
	color:#fff;
	background:#121B38;
	float:left;
	display: block;
	font-size:16px;
	font-weight: bold;
	line-height: 1.1;
}
.form {
	margin:0;
	padding:0;
}

.clear {
	clear:both;
}
.holder {
	background-color:#fff;
}
.div_textbox {
	width:347px;
	float:right;
	background-color:#6894C0;
	height:35px;
	margin-top:3px;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;
	display:block;
}

.textbox {
    	background-image: url(../img/16t.png);
    	background-repeat: no-repeat;
    	background-position:left;
		width:285px;
    	font:normal 18px Arial;
    	color: #444444;
    	padding:3px 5px 3px 26px;
}
.textbox:focus, .textbox:hover {
	background-color:#EBEBFE;
}

h4{
	width:507px;
	min-height:32px;
	margin-top:3px;
	margin-right:0px;
	margin-bottom:2px;
	text-align:center;
	background-color:#121B38;
	padding-top:10px;
	float:left;
	display: block;
	font-size: 14px;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

.div_checkbox {
	width:502px;
	height:45px;
	background-color:#6894C0;
	margin-top:3px;
	padding-top:15px;
	padding-bottom:3px;
	padding-left:5px;
	display:block;
	color:#fff;
	font-size:14px;
}
.checkbox{
	width: 15px;
	height: 15px;
}

.checkRight {
	float:left;
	width:125px;
	text-align:left;
	display:inline;
}

.checkRightRoof {
	float:left;
	width:150px;
	text-align:left;
	display:inline;
}

.div_checkboxRoofing {
	width:502px;
	height:45px;
	background-color:#6894C0;
	margin-top:3px;
	padding-top:15px;
	padding-bottom:3px;
	padding-left:5px;
	display:block;
	color:#fff;
	font-size:14px;
}

.div_textarea {
	width:347px;
	float:right;
	background-color:#6894C0;
	height:115px;
	margin-top:3px;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;
}

.textarea {
	background-image: url(../img/16t.png);
	background-repeat: no-repeat;
	background-position:left;
	width:285px;
	height:100px;
	font:normal 18px Arial;
	color: #444444;
	padding:3px 5px 3px 24px;
}
.textarea:focus, .textarea:hover {
	background-color:#EBEBFE;
}

.username {
    	background-image: url(../img/16m.png);
    	background-repeat: no-repeat;
    	background-position:left;
		width:285px;
    	font:normal 18px Arial;
    	color: #444444;
    	padding:3px 5px 3px 19px;
}
.username:focus, .username:hover {
	background-color:#EBEBFE;
}
   
.password {
    	background-image: url(../img/16s.png);
    	background-repeat: no-repeat;
   	background-position:left;
	width:285px;
    	font:normal 18px Arial;
    	color: #444444;
    	padding:3px 5px 3px 19px;
}
.password:focus, .password:hover {
	background-color:#EBEBFE;
}

.email {
    background-image: url(../img/email.gif);
    background-repeat: no-repeat;
   	background-position:left;
	width:285px;
    font:normal 18px Arial;
    color: #444444;
    padding:3px 5px 3px 24px;
}
.email:focus, .email:hover {
	background-color:#EBEBFE;
}

.button_div {
	width:287px;
	float:right;
	background-color:;
	border:1px solid #6894C0;
	text-align:right;
	height:35px;
	margin-top:8px;
	padding:5px 32px 3px;
}
.buttons {
	background: #5C4E3B;
	font-size:12px; 
	color: #fff; 
	padding: 6px 14px;
	border-width: 2px;
	border-style: solid;
	border-color: #AF9778 #1F180F #1F180F #AF9778;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
	cursor:pointer;
}
.stretch {
	height:30px;
	padding-top:15px;
	background-color:#6894C0;
	font-size:14px;
	color:#FFF
	}

/* - - - - - - - - 		HOMEPAGE POP-UPS 		- - - - - - - - */	
#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#121B38;
	padding:5px;
	display:none;
	color:#fff;
}