/*// Global Styles //*/
* {margin: 0; padding: 0;}
form {margin: 0; padding: 0;}
html, body { margin: 0px; padding: 0px; text-align: left; }
body {font-family:  myriad pro, Helvetica, sans-serif; font-size: 13px; background: url(images/body-bg.gif) repeat-x top #e6f0d5;}
.clear{	clear: both;}
p, h1, h2, h3, h4, h5 {color: #303030; float:left; line-height: 1.5em;}
img{float:left; border:none}
a {	text-decoration: none;}
.spacer40 {	height:40px;	width:600px;}
.spacer20 {	height:20px;	width:600px;}


/*// Global Styles //*/

#sitewrapper {
	width: 860px;
	margin: 0 auto;

}

#footer {
	margin:0px;
	height: 42px;
	width:100%;
	background: url(images/footer-bg.gif) repeat-x top;
	float:left;
}

.footerlink {
	width: 300px;
    position: absolute;
    left: 50%;
    margin-left: -150px;
    padding: 8px;
    color: #888;
	}
	
.footerlink:hover  {color: #252;}

/*navigation styles*/

.navcontainer img { float:left; margin:0; padding:0;} 
.navcontainer{	display:inline; margin:0 0 0 7px;  float:left; width: 860px; background: url(images/navigation/nav-bg.gif) repeat-x; height:33px;} 
/*navigation styles*/

/*repeating styles*/
#topbar {	float:left;	width:859px; height:336px;	background: url(images/topbar-bg.gif) no-repeat top; margin:0 0 0 0; display:inline;	}
#container {	float:left;	width:860px;padding:0;	margin-top:34px;display:inline;}
div.lower {float:left; margin:0px; width:200px;  padding-top:10px;}
div.lower p {margin: 2px 0 0 10px; color:black;}

div.subcontainer{	 float:left; margin:0; width:601px; background: url(images/container-bg.gif) repeat-y top;display:inline; height:540px;}
.subshadowleft{float:left;background: url(images/container-shadow-left.gif) no-repeat top; width: 7px; height:327px;display:inline;}
.subshadowright{float:left;background: url(images/container-shadow-right.gif) no-repeat top; width: 7px; height:327px; margin:0;display:inline;}

div.subcontainer img {margin:0 0 0 10px;}

#rightcontainer {float:right; width: 220px;  background: url(images/rightcontainer-bg.gif) repeat-y top; display:inline; height:540px;}
.leftshadow {	height:490px;	width: 7px;	float:right;	background: url(images/leftshadow.gif) top no-repeat; display:inline; }
.rightshadow {	height:490px;	width: 7px;	float:right;background: url(images/rightshadow.gif) top no-repeat;display:inline;}

#loweradvert {width:580px; float:left; background: url(images/orange-dash.gif) top repeat-x;  margin:0 0 0 10px; display:inline; padding-top: 10px;}
.lowercontent {float:left; width:180px; padding:5px ;background:url(images/divider-vertical.gif) repeat-y right;margin:5px 0 0 0;display:inline;}
.lowercontentlast{float:left; width:180px; padding:5px ;margin:5px 0 0 0;}
.lowercontentlast img{display: block !important;}
.lowercontent p span { color:#000;}
.graytext {color:#636363;}

.highlightbox {float:left;	width:100%;  background-color: #f1f1f1; margin:5px 0 20px -10px; padding:0 0 5px 10px;border:#c7c7c7 1px solid;}
.highlightbox1 {float:left;  background-color: #e6f0d5; margin:6px 5px 6px 7px; padding:5px;border:#c7c7c7 1px solid;}

div.gallery{width:570px;  margin: 20px 10px 10px 10px; float: left; }
div.subcontainer img.gallerythumb {border: 1px solid #9ac936; padding:3px; margin: 18px 6px 7px 6px; background-color: #e6f0d5;}

div.highlightbox1 img {margin:2px 3px 2px 2px; float:left;}

img#dimensions {margin: 0 0 0 13px;}
img#cat{float:right; margin:1px 1px 1px 2px;}


div.welcome {float:left; width:240px; margin: 0 0 0 3px;}
div.welcome p {padding:2px;width:220px ; margin-left:3px;} 

.lowermenu {width:230px; height:150px; border:1px solid #dedede; background-color:#ebfafe; float:left;}

div.thumbs {float:left;  margin: 0 0 0 22px;}
div.thumbs img {margin: 10px;}

#details {float:left; width: 92%;margin:5px auto; padding:4px; display:inline; }
#details img{margin:5px;}

/*repeating styles*/


/*typography styles*/
h1.mainhead {		width:403px;	 height:77px; background: url(images/heading/main-logo.gif) top no-repeat; float:left;  text-indent: -5000em; margin: 160px 0 0 0;}
h1.mainwelcome {width:308px;	 height:47px; background: url(images/heading/welcome-text.gif) top no-repeat; text-indent: -5000em; float:left; margin:0;margin: 10px 0 10px 10px;}
h1.title {width:182px;	 height:19px; background: url(images/heading/title.gif) top no-repeat; text-indent: -5000em; float:left; margin:0 0 5px 0;}
h1.contact {width:120px;	 height:27px; background: url(images/heading/h1-contact.gif) top no-repeat; float:left;  text-indent: -5000em; margin:0;}
h1.gallerybanner {float:left;	background: url(images/heading/gallerybanner.gif) top no-repeat;	width:601px;	height:42px;	text-indent: -5000em;}
h2.subnavtitle {width:220px;	 height:40px; background: url(images/heading/sub-nav-bg.gif) top no-repeat; text-indent: -5000em; float:left; margin: 0 0 0 0;}
h2.features  {width:220px;	 height:40px; background: url(images/heading/features-bg.gif) top no-repeat; text-indent: -5000em; float:left; margin: 10px 0 0 0;}
h2.phone {width:347px;	 height:48px; background: url(images/heading/phone.gif) top no-repeat; text-indent: -5000em; float:right; margin: 0; display:inline;}
h1.phonelower {width:126px;	 height:26px; background: url(images/heading/h1-phone.gif) top no-repeat; text-indent: -5000em; float:left; margin: 5px 0 5px 0; display:inline;}
h1#about{color:#809400; font-size: 18px;}
h1#offer{color:#dda201; font-size: 18px;}
h3 {margin-left:2px;}


.subtext  {	float:left;	padding:10px;	width:180px;	line-height: 1.1em;	color:#3a3a3a;	font-size: 1.0em;	border: 1px solid #cbcbc9;}
.subtext span {	margin: 4px 0 4px 0;	color: #2a2a2a;}
.subtext ul{	list-style-type: none;	list-style-position: inside;}

ul#subnav {	list-style-type: none;	list-style-position: inside;	margin: 8px 10px 0 15px;}
ul#subnav li  {	font-family: myriad pro, Helvetica, sans-serif;	line-height: 1.2em;	font-size: 13px;background: url(images/arrow.gif) no-repeat left;	padding:0 0 2px 20px;}
ul#subnav li a:link{
	color:#3a3a3a;
}
ul#subnav li a:visited {
	color:#3a3a3a;
}
ul#subnav li:hover {
	color:#f06c00;
	background: url(images/arrow-hover.gif) no-repeat left;
	padding:0 0 2px 20px;
}
ul.list2 {
	list-style-type: none;
	list-style-position: inside;
	margin: 0 0 0 15px;
}
ul.list2 li{
	font-family: myriad pro, Helvetica, sans-serif;
	line-height: 1.4em;
	font-size: 13px;
	background: url(images/small-tri.gif) no-repeat left;
	padding:0 0 3px 15px;
}
ul.list3 {
	border: Silver 1px solid;
	list-style-type: none;
	list-style-position: inside;
	list-style-image: none;
	margin: 10px 3px 3px 20px;
}
ul.list3 li{
	font-family: myriad pro, Helvetica, sans-serif;
	line-height: 1.4em;
	font-size: 1.0em;
	padding:0 0 3px 15px;
}
/* pop up styles */
#popups {
	width: 400px;
	height:400px;
	margin: 0 auto;
	padding: 5px 20px 20px 20px;
	background: url(images/body-bg.gif) repeat-x top;
    background-size: contain;
}
h1.need {
	 float:left; margin:40px 0 0 0px; 	
	 font-family: Myriad Pro;
	line-height: 1.6em;
	color:#313131;
	font-size: 1.3em;
}

ul#list1 {
	list-style-image: url(images/popups/list1star.gif);
	list-style-position: inside;
	margin: 8px;
}
ul#list1 {
	font-family: Myriad Pro;
	line-height: 1.6em;
	color:#2d2d2d;
	font-size: 1.1em;
}

/* pop up styles */
/*contact form styles*/
/*contactform styles*/
.contactbanner {
	float:left;
	background: url(images/heading/contactbanner.gif) top no-repeat;
	width:601px;
	height:42px;
	text-indent: -5000em;
}
.information {
	float:left;
	width: 180px;
	margin:20px 0 0 20px;
	padding-left:10px;
}

div#contactFormArea {
	float:right;
	margin:10px 20px 20px 21px;
	padding:10px 10px 10px 20px;
	background:url(images/divider-vertical.gif) repeat-y left;
	width:300px;
    height: 330px;
}
.submit {
	float:right;
	margin-top: 20px;
}
div.textfieldcontainer{width:300px; float: right; height:24px; margin: 5px 0 5px 0;}
div.textboxcontainer{width:300px; float: right; height:150px;margin: 5px 0 5px 0;}
label {
	float:left;
	height: 24px;
	padding-top: 5px;
	color: #646464;
	
}
.text {
	width:230px;
	height:22px;
	background-color:#f1f1f1;
	border:1px solid;
	border-color:#646464;
	padding-left:5px;
	padding-top:3px;
	color:#8e7d6a;
	font-size:13px;
	float: right;
		
	}
	
.textbox {
	width:230px;
	height:150px;
	background-color:#f1f1f1;
	border:1px solid;
	border-color:#646464;
	padding-left:5px;
	padding-top:3px;
	color:#8e7d6a;
	font-size:13px;
	float: right;
	font-family:Arial, Helvetica, sans-serif;
	}	

input.text:focus	{
	background: #fff;
	border: 1px solid #322014;
}

textarea.posText:focus	{
	background: #fff;
	border: 1px solid #322014;
}

fieldset {
	border:none;
	}
	
#emailSuccess {
padding-bottom:14px;
}

#loadBar {
padding-bottom:14px;
}

input.invalid {
	background-color: #ff9;
}
label.invalid {
	color: #f00;
	font-weight: bold;
}
/*contact form styles*/