/*ERIC MEYER CSS RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
ul, li {margin: 0;padding:0;}		a img {border:0;}		.hidden {display:none;}

.clear {clear:both;}

a:hover {text-decoration:underline;}

img, div, a, input { behavior: url(iepngfix.htc)}

p {line-height:1.3em;} 
 
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	background: #606670 url(images/bg.gif) repeat-x;
	color:#fff;
}

.wrapper {
	width:927px;
	margin:0 auto;
	padding-top:20px;
}

.header {
	width:947px;
	position:relative;
}

.header h1 a {
	display:block;
	width:227px;
	height:80px;
	background:url(images/logo.gif) no-repeat 7px 0px;
	text-indent:-9999px;
}

.headerPhone {position:absolute;left:250px; top:21px; color:#E0E0E0;font-family:Arial, Helvetica, sans-serif; font-size:20px;font-style: italic;}
/* top nav */
.nav {
	background:url(images/nav.gif) no-repeat;
	width:479px;
	height:16px;
	display:inline;
	right:0;
	top:64px;
	position:absolute;
	padding:0;
}

.nav li {
	display:inline;
	position:absolute;
	text-indent:-9999px;
	font-size:9px;
	padding:0;
	top:0px;
}

.nav li a {	display:block;padding:0; height:16px;
}

.nav #topNav1 {	left:0px; width: 37px;}
.nav #topNav2 {	left:65px; width: 59px;}
.nav #topNav3 {	left:150px; width: 59px;}
.nav #topNav4 {	left:237px; width: 63px;}
.nav #topNav5 {	left:328px; width: 53px;}
.nav #topNav6 {	left:408px; width: 70px;}

/* home */
.homeSlider {
	clear:both;
	width:947px;
	margin-top:20px;
	height:436px;
	position:relative;
}

.freeEstimate a {
	display:block;
	width:190px; height:190px;
	position: absolute;
	bottom:-30px; right:-30px;
	background:url(images/freeEstimate_on.png) no-repeat;
	text-indent:-9999px;
}
* html .freeEstimate a {	background:url(images/freeEstimate_on.gif) no-repeat;
}
.panel {text-indent:-9999px;}
.panel a {display:block; height:20px; width:192px; position:absolute; top:30px; text-indent:-9999px;}

a#clickmore1 {display:block; height:200px; width:802px; position:absolute; top:90px; text-indent:-9999px;}
a#clickmore2 {display:block; height:230px; width:802px; position:absolute; top:90px; text-indent:-9999px;}
a#clickmore3 {display:block; height:350px; width:502px; position:absolute; top:30px; text-indent:-9999px;}
a#clickmore4 {display:block; height:200px; width:802px; position:absolute; top:100px; text-indent:-9999px;}
a#clickmore5 {display:block; height:200px; width:802px; position:absolute; top:100px; text-indent:-9999px;}

.homeBottom {
	width:798px;
	margin:0 auto;
	margin-top:40px;
	clear:both;
}

#slogan {
	background:url(images/slogan.gif) no-repeat;
	display:block;
	text-indent:-9999px;
	height:49px;
}

.homeBottomText {
	display:block;
	margin:0 auto;
	width:720px;
	line-height:1.4em;
	text-align:center;
	font-size:12px;
	margin-top:20px;
	color:#fff;
}

.footer {
	clear:both;
	position:relative;
	text-align:center;
	margin-top:40px;
	margin-bottom:20px;
	font-size:12px;
}

.footer ul { 
	margin:0;padding:0;
	margin-bottom:6px;	

}
.footer li {
	text-transform:uppercase;
	display:inline;
}

.footer a, .footer {color:#C1C1C1; text-decoration:none;}

.footer a:hover {text-decoration:underline;}
.about {
	clear:both;
	width:947px;
	margin-top:60px;
	background:url(images/about.jpg) top center no-repeat;
	height:410px;
	position:relative;
	text-indent:-9999px;
	margin-bottom:80px;
}

.products {
	clear:both;
	width:947px;
	margin-top:20px;
	background:url(images/products.gif) top center no-repeat;
	position:relative;
	padding-top:390px;
	
}

#productInfo {
	width:800px;
	margin:0 auto;
	font-size:20px;
	text-align:center;
	color:#fff;
	line-height:1.2em;
}

#productInfo p {
		padding:5px 0;
}

.servicesText {padding-top:30px; margin-top:20px;}

.servicesText p, .servicesText li {margin-bottom:1em; list-style:inside;}

.servicesText li {text-indent:1em;}
.servicesText h3 {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:20px; margin-bottom:0.4em; color:#C0C0C0;}

.gallery {
	height:440px;
	margin: 0 auto;
	margin-top:40px;
}

div.navigation{width:300px;float: left;}

div.content{display:block;}


/* SLIDER STYLES */
p#cross-links { text-align: center }
		
p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }

noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px; }

a:focus { outline:none }

.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 0px 0 20px 0;
	position: relative;
	width: 100%;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px; background: #fff; overflow: scroll; display:none;}
.csw .loading {margin: 200px 0 300px 0; text-align: center; display:none;}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	/*border: 5px solid #000;*/ /* this is the border. should have the same value for the links */
	margin:-10px auto 0 auto;
	width: 947px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 460px;
	clear: both;
	padding:0;
	padding-top:12px;
	
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 947px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 40px;
	width:867px;
	padding-top:40px;
	height:400px;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: 0;
	margin-left:-4px;
	padding:0;
	display:block;
	position:absolute;
	z-index:11;
}

.stripNav ul { /* The auto-generated set of links */
	list-style: none;		
	width:966px; margin:0; padding:0;
}

.stripNav ul li {
	float: left;
	width:239px;
	
	/* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNav li.tab1  {display:none;  }
.stripNav li.tab2  { background: url(images/sliderNavBg1.jpg)  }
.stripNav li.tab3  { background: url(images/sliderNavBg2and3.gif) repeat-x;  }
.stripNav li.tab4  { background: url(images/sliderNavBg2and3.gif) repeat-x;  }
.stripNav li.tab5  { background: url(images/sliderNavBg4.gif) top right;}


.stripNav a { /* The nav links */
	text-decoration: none;
	display: block;
	padding: 0 15px;
	height:40px;
	text-indent:-9999px;
	margin:10px 10px 2px 10px;
}

		
.stripNav li.tab2 a { background: url(images/sliderNavBg.gif) 0px -10px;  }
.stripNav li.tab3 a { background:  url(images/sliderNavBg.gif) -180px -10px;  }
.stripNav li.tab4 a { background:  url(images/sliderNavBg.gif) -420px -10px;  }
.stripNav li.tab5 a { background:  url(images/sliderNavBg.gif) -630px -10px;  }

.stripNav li.tab2 a:hover { background: url(images/sliderNavBg.gif) 0px -58px;  }
.stripNav li.tab3 a:hover { background:  url(images/sliderNavBg.gif) -180px -58px;  }
.stripNav li.tab4 a:hover { background:  url(images/sliderNavBg.gif) -420px -58px;  }
.stripNav li.tab5 a:hover { background:  url(images/sliderNavBg.gif) -630px -58px;  }

.stripNav li.tab2 a.current { background: url(images/sliderNavBg.gif) 0px -58px;  }
.stripNav li.tab3 a.current { background:  url(images/sliderNavBg.gif) -180px -58px;  }
.stripNav li.tab4 a.current { background:  url(images/sliderNavBg.gif) -420px -58px;  }
.stripNav li.tab5 a.current { background:  url(images/sliderNavBg.gif) -630px -58px;  }

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 230px;
	text-indent: -9000em;
	display:none;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
}

.stripNavL {
	left: 0;
}

.stripNavR {
	right: 0;
}

.stripNavL {
	background: url("images/arrow-left.gif") no-repeat center;
}

.stripNavR {
	background: url("images/arrow-right.gif") no-repeat center;
}

#slide2 p {
	font-size:14px;
	color:#fff;
	margin:10px 0 10px 230px;
}
#slide3 p, #slide3 li {
	font-size:14px;
	color:#fff;
	margin:10px 0 10px 470px;}
#slide4 p {
	font-size:14px;
	color:#fff;
	margin:10px 470px 10px 20px;}


#galleryList a {
	color:#fff;
	font-size:22px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#galleryList li {
	list-style:outside;	
	margin:20px;
	color:#fff;
	font-style:italic;
}

#estarLogo {position:absolute; top:-8px;right:0;}

.text {padding:20px; width:700px; margin:0 auto;  margin-top:30px;}
#estar {height:570px;}
#estar h2 {font-size:28px;}
#estar img { margin-right:20px;}
.text p { margin:3px 0 10px 0;}

/* FORM STYLES */

/* Form */
form {
	width: 400px;
	padding: 10px;
	margin: 0px 0;
	float:left;
	background:#fff;
	border:3px solid #C1C1C1;
	margin-bottom:40px;
	margin-right:40px;
}

label {
	display: block;
	margin-top : 8px;
	width: 100%;
	background-repeat: no-repeat;
}

.blue {
	color: #0099CC;
	font-weight: bold;
}

/* footer */
.dwnld {
	Display: block;
	padding: 10px;
	text-align: center;
	width: 400px;
	margin: 0 auto;
	border: 1px solid #EEE;
	background-color: white;
	color: #999;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 50px;
	background: url(images/download.gif) no-repeat 40px 10px;
}

/* Congratulation message */
.MsgSent {
	width: 400px;
	padding: 10px;
	margin: 0px 0;
	float:left;
	margin-bottom:40px;
	margin-right:40px;
	height:300px;
	color:#fff;
	text-align:right;
}

.MsgSent h1 {
	background: url(images/MsgSent.gif) no-repeat 0 0;
	padding-left: 20px;
	height: 85px;
	line-height: 85px;
}

/* Error message */
.MsgError {
	width: 400px;
	padding: 10px;
	margin: 0px 0;
	float:left;
	margin-bottom:40px;
	margin-right:40px;
	padding:60px inherit;
	height:300px;
	color:#fff;
}

.MsgError h1 {
	background: url(images/MsgError.gif) no-repeat 0 0;
	padding-left: 20px;
	height: 85px;
	line-height: 85px;
	color: #CC0000;
}

.MsgSent p, .MsgError p {
	font-size: 1em;
	color:#fff;
	padding-top:50px;
}

/***** FormCheck *****/
.tipsbox .tipsbox_top_left{
	background : url('images/top_left.png') no-repeat;
	_background : url('images/top_left.gif') no-repeat;
	_background-position : 9px 8px;
}

.tipsbox .tipsbox_top{
	background : url('images/top.png') repeat-x;
	height : 17px;
	_background : url('images/top.gif') repeat-x;
	_background-position : 0px 8px;
}

.tipsbox .tipsbox_top_right{
	background : url('images/top_right.png') no-repeat;
	_background : url('images/top_right.gif') no-repeat;
	_background-position : 0px 8px;
}

.tipsbox .tipsbox_left{
	background : url('images/left.png') repeat-y;
	width : 17px;
	_background : url('images/side.gif') repeat-y;
	_background-position : 9px 8px;
}

.tipsbox .tipsbox_right{
	background : url('images/right.png') repeat-y;
	width : 22px;
	_background : url('images/side.gif') repeat-y;
	_width : 9px;
}

.tipsbox .tipsbox_bottom_left{
	background : url('images/bottom_left.png');
	_background : url('images/bottom_left.gif') no-repeat;
	_background-position : 9px 0px;
}

.tipsbox .tipsbox_mark{
	background : url('images/mark.png') no-repeat;
	height : 36px;
	_background : url('images/mark.gif') no-repeat;
}

.tipsbox .tipsbox_bottom_right{
	background : url('images/bottom_right.png');
	_background : url('images/bottom_right.gif') no-repeat;
}

.tipsbox .tipsbox_inner, .tipsbox .tipsbox_inner_ie6{
	background : url('images/inner.png');
}

.tipsbox .tipsbox_inner_ie6 {
	padding : 4px;
}

.tipsbox .tipsbox_error {
	background : url('images/error.png') no-repeat;
	_background : url('images/error.gif') no-repeat;
	width: 40px;
	height: 40px;
	margin-top: 5px;
	float: left;
	clear: left;
}

.tipsbox p, .tipsbox {
	font-size: 1em;
	font-family: tahoma, verdana, "sans-serif";
	margin : 0;
	padding : 0;
	border : 0;
	color : #FFF;
}

.tipsbox p {
	padding-left: 55px;
	line-height: 15px;
}

.tipsbox p span {
	font-size: 1em;
	font-weight: bold;
	color: red;
	line-height: 35px;
}


.error_f {
	border : 1px dotted #666;
	margin-top : 5px;
	background-color : #EAEAEA;
}

.error_f p {
	margin : 5px;
	color : #A00;
}

.error_f p span {
	font-size : 1.1em;
	color : #000;
	margin : 5px 0px 0px 0px;
}

/***** Niceforms *****/
/*##########################################
Name: Default styling for Niceforms v.1.0
Author: Lucian Slatineanu
URL: http://www.badboy.ro/
##########################################*/

/*General styles - NOT really related to the forms*/

#container {padding:20px;}

/*Forms defaults - change as needed*/
input, textarea {
	font-size:12px;
	color:#404040;

}
label {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:16px;
}
label.chosen {color:#333;}

/*Transparent items*/
.outtaHere {
	position:absolute;
	left:-3000px;
}

/*Radio buttons*/
.radioArea, .radioAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:15px;
	height:14px;
	font-size:0;
	cursor:pointer;
}
.radioArea {background:url(images/radio.gif) no-repeat left top;}
.radioAreaChecked {background:url(images/radio.gif) no-repeat left bottom;}

/*Checkboxes*/
.checkboxArea, .checkboxAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:13px;
	height:13px;
	font-size:0;
	padding:0;
	margin:0;
	cursor:pointer;
}
.checkboxArea {background:url(images/checkbox.gif) no-repeat left top;}
.checkboxAreaChecked {background:url(images/checkbox.gif) no-repeat left bottom;}
.focused {border:1px dotted #ddd;}

/*Text inputs*/
.textinput, .textinputHovered {
	height:15px;
	background:url(images/input_bg.gif) repeat-x left top;
	border:none;
	padding:4px 0;
	vertical-align:middle;
}
.textinputHovered {background-position:left bottom;}
.inputCorner {
	padding-bottom:0;
	vertical-align:middle;
}

/*Text areas*/
.txtarea .tr, .txtarea .tr_xon {background:url(images/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon {background:url(images/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea img.txt_corner {
	width:5px;
	height:5px;
	display:block;
}
.txtarea .br, .txtarea .br_xon {background:url(images/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon {background:url(images/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background:url(images/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(images/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
	width:5px;
	background:url(images/txtarea_l.gif) repeat-y left top;
	float:left;
}
.txtarea .cntr_l_xon {background:url(images/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea {
	border:0;
	background:none;
	padding:0;
	margin:5px;
}

/*Selects*/
.selectArea {
	width:200px;
	height:21px;
	background:url(images/select_bg.gif) repeat-x left top;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(images/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(images/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:200px;
	height:21px;
	margin-left:-179px;
	position:absolute;
}
.selectArea .right i {display:none;}
.selectArea .center {
	width:160px;
	color:#FFF;
	padding-top:3px;
	overflow:hidden;
	white-space:nowrap;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#6f7074;
	padding:2px;
	font-size:11px;
	z-index:20;
}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:auto;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px;
	background:url(images/button_bg.gif) repeat-x left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {background-position:left bottom;}
.buttonImg {vertical-align:bottom;}

input, textarea, select { background:#fff;}

a {color:#F2F2F2;}

#estar.text ul {margin:0 auto; width:550px;}
#estar.text li {list-style:outside; margin:10px 0; line-height:1.6em;}

#galleryList2 li {list-style:outside;}
#galleryList2 li a {font-size:16px;}

a {color:#5dccef;}

#footer-contactus {position:absolute; right:170px; top:-33px;}

body.nofootercontact #footer-contactus {display:none;}

#thumbs-adv .pagination {margin-bottom:42px;}
.recommendations { text-indent:-9999px; background:url(images/recommendations.gif) no-repeat 0 -2px; position:absolute;top:-5px;left:790px;}
.recommendations a {display:block;width:77px; height:38px;}
a.recs {border:none; background:none; color:white;}
li.selected .recs {color:white;border:none;background:none;}
li.selected {background:none;}

a#homeslide0 {display:block; width:750px; height:250px; text-indent:-9999px;}

a.recs {border:none;}

#homeSlides ul {position:absolute;top:-5px;left:0;}
#homeSlides li { display:inline; float:left;}
#homeSlides li a {width:150px;margin-right:90px;display:block; text-indent:-9999px; height:30px; cursor: pointer;}
li#lastSlideNav a {margin-right:0;}
*:focus {
	outline: 0;
}


	 
		#newslidenav {width:897px; background: #c6cad5; position: absolute; top:0; z-index: 1000;padding:10px 20px 10px 30px;}
		#newslidenav li {display: inline; float:left;}
		#newslidenav a {color:#555; font-family:sans-serif; text-decoration: none; text-transform: uppercase; display: block;margin-right: 52px; padding:5px 28px;}
		#newslidenav a:hover {color:black;}

		

		*html #newslidenav {width:947px;}
		
		*html body {margin:0 auto; width:1000px;}