/*global*/
html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form{
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
html,body {
	height: 100%;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #383838;
	background: #b4b4b4;
}

/*text*/
p {line-height: 1.2em;}

h1 {font-family: georgia;font-size: 42px;font-weight: normal;letter-spacing: 1.5px; color: #475737;}

h2 {font-family: georgia;font-size: 24px;font-weight: normal;letter-spacing: 1px; color: #475737;}

li {line-height: 1.2em;}

.center {text-align: center;}

.bold {font-weight: bold;}

a {color: #475737;text-decoration: underline;}

a:visited {color: #475737;}

a:hover {color: #b3c0a7;text-decoration: none;}

a:active {color: #b3c0a7;}

p {line-height: 1.4em;}

hr {margin: 30px 80px 0 0; border: 0px; height: 1px; background: url(images/hr.gif) no-repeat; width: 619px;}

/*box classes*/
.clearer {
	clear: both;
	height: 0px;
	overflow: hidden;
}

.textcenter { text-align: center; }

.fleft {float: left;}

.fright {float: right; margin-right: 40px; text-align: left;}

.cr { clear: right; margin: 5px; }

.cl { clear: left; margin: 10px 40px 0 0; }

/*boxes*/
#outer {
	width: 900px;
	margin: 0 auto;
}

/* Form Styling */
#form_div {
	padding-left: 15px;
	margin: 40px 0 0 0;
}

.input {
	width: 175px;
	height: 15px;
	font-size:12px;
    border: 1px solid #cccccc;
    background: url(images/formgradient.jpg) repeat-x #ffffff;
	margin-bottom: 10px;
	padding: 5px;
	}
.input:hover {
    border: 1px solid #aaaaaa;
}
.textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 0px; line-height: 14px; margin: 0px;
	width: 350px;
	height: 150px;
	line-height: 11px;
	font-size:12px;
    border: 1px solid #cccccc;
    background: url(images/formgradient.jpg) repeat-x #ffffff;
	margin-bottom: 10px;
	padding: 5px;
}
.textarea:hover {
    border: 1px solid #aaaaaa;
}

/* START */

#containerHome {
width: 760px;
background: url(images/slice.gif) repeat-y;
position: relative;
height: 1000px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 0 -120px;
}

#header {
padding: 40px 120px 40px 40px;
clear: both;
}

#logo {
float: left;
}

#nav {
float: right;
}

#nav * li {
list-style: none;
display: inline;
float: left;
font-size: 14px;
font-weight: bold;
background: #383838;
padding: 5px 10px;
margin: 0 0 0 10px;
}

#nav * li:hover {
background: #475737;
}

#nav * a {
color: #ffffff;
text-decoration: none;
}

#nav * .current {
background: #475737;
}

#headerTelWeb {
position: absolute;
top: 5px;
right: 120px;
text-align: right;
font-size: 10px;
}

#headerContent {
padding: 40px;
margin: 120px 0 0 0;
}

#headerContent h1 {
background: #b3c0a7;
width: 631px;
height: 50px;
padding: 5px 40px;
position: absolute;
top: 172px;
left: 0;
}

#headerContent p {
font-size: 14px;
letter-spacing: 0.03em;
padding-right: 80px;
}

#content {
padding: 40px;
margin: 120px 0 0 0;
}

#content h1 {
background: #b3c0a7;
width: 631px;
height: 50px;
padding: 5px 40px;
position: absolute;
top: 172px;
left: 0;
}

#content p {
margin-top: 10px;
font-size: 12px;
padding-right: 80px;
}

#bookmark {
float: right;
margin: 10px 70px 0 0;
font-size: 10px;
}

#headerContentCorner {
background: url(images/headercontentcorner.gif) no-repeat;
width: 47px;
height: 80px;
position: absolute;
top: 172px;
left: 711px;
}

#headerContentStretch {
background: url(images/stretch.png) repeat-x;
height: 59px;
width: 230px;
position: absolute;
top: 192px;
left: 758px;
}

#serviceBoxes {
padding: 10px 40px;
}

#services {
margin: 10px 0 0 0;
}

#services img {
margin: 5px;
padding: 3px;
border: 1px solid #cccccc;
background: #eeeeee;
}

#services img:hover {
background: #d1d1d1;
}

#serviceBoxes p {
padding: 10px 80px 0 0;
}

#homeContentLeft {
padding: 40px 0 40px 40px;
width: 300px;
float: left;
}

#homeContentRight {
padding: 40px;
width: 300px;
float: left;
}

.push {
height: 120px;
clear: both;
}

#footer {
height: 160px;
float: left;
background: url(images/slice.gif) repeat-y;
width: 758px;
padding: 40px;
margin: -120px 0 0 0;
position: relative;
font-size: 11px;
}

#footer hr {
height: 18px; 
background: #b3c0a7;
width: 711px;
margin: 0 0 20px -40px;
}

#footerCorner {
background: url(images/footercorner.gif) no-repeat;
width: 47px;
height: 34px;
position: absolute;
top: 40px;
left: 711px;
}

#footerStretch {
background: url(images/stretch.png) repeat-x;
height: 17px;
width: 230px;
position: absolute;
top: 56px;
left: 758px;
}

#footerLeft {
float: left;
width: 300px;
}

#footerRight {
float: right;
width: 300px;
text-align: right;
margin-right: 120px;
}

#footerNav {
text-align: center;
margin: 10px 120px 0 0;
}

#footerNav li {
margin-right: 10px;
list-style: none;
line-height: 1.5em;
}

.panel {
position: relative;
}

.panel p {
background: #000000;
padding: 15px 20px;
color: #ececec;
position: absolute;
bottom: 0px;
left: 0;
z-index: 20;
width: 620px;
filter:alpha(opacity=75);
-moz-opacity:0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
}

#miniGallery img {
margin: 2px;
padding: 3px;
border: 1px solid #cccccc;
background: #eeeeee;
}

#miniGallery img:hover {
background: #d1d1d1;
}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 620px; /*Width of Carousel Viewer itself*/
height: 465px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 620px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.contactlink {
text-decoration: none;
}

.contactlink:hover {
text-decoration: underline;
}

#areas {
display: none;
}