html {height:101%;}
.clear{clear:both;height:5px;}

body {
background:#ebebeb;
color:#666;
font-family:'Century Gothic', helvetica, Verdana, sans-serif;
font-size: 13px;
}

#preview {
width:640px;
margin:0 auto;
}

#header {
margin:50px auto 10px;
width:640px;
}
#header h1 a {
color:#000;
font-size:33px;
text-transform:uppercase;
}
#header h1 a span {
color:#c4c4c4;
}

#wrapper {
background:#fff;
margin:0 auto;
width:640px;
padding: 5px 5px 0;
}

.navigation {
background:#fff;
float:left;
padding:20px 0 0;
width:220px;
position:absoliute;
height:260px;
}
.navigation li {
border-bottom:1px solid #d9d9d9;
color:#666;
cursor:pointer;
display:block;
font-size:16px;
margin:0 0 8px;
padding:20px 0 20px 30px;
text-align:left;
text-transform:uppercase;
-moz-box-shadow:1px 5px 10px #d2d2d2;
-webkit-box-shadow:1px 5px 10px #d2d2d2;
box-shadow:1px 5px 10px #d2d2d2;

}
.navigation li:hover {
background:#f2f2f2;
color:#46c4f3;
}
.navigation li.active {
background:#666;
color:#fff;
}

.content {
display:inline;
float:left;
margin:0 auto;
padding:20px;
width:380px;
}
#content_2,
#content_3 { 
display:none;
float:left;
margin:0 auto;
padding:20px;
width:380px;
} 

h1#price {
margin:-20px 0 0 320px;
}

h2 {
color:#4f91b0;
font-size: 16px;
font-weight:400;
margin:0 0 5px;
}

p {
line-height:1.5;
margin:0 0 10px;
text-align:justify;
}

p#quote {
font-weight:700;
text-align:center;
}
/* Service  */
#list li {
list-style:circle;
margin:0 0 5px 15px;
}

/*  Forms  */
label {
display:block;
margin:0 0 5px 60px;
}

input {
background:#f2f2f2;
border-top:2px solid #ccc;
border-left:2px solid #ccc;
border-bottom:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
color:#666;
margin:0 0 5px 60px;
padding:7px 5px;
width:250px;
}
textarea {
background:#f2f2f2;
border-top:2px solid #ccc;
border-left:2px solid #ccc;
border-bottom:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
clear:both;
color:#666;
height:70px;
margin:0 0 5px 60px;
overflow:auto;
padding:5px;
width:250px;
}
input:hover, textarea:hover {
background:#fff;
}
input#btn {
background:#fff;
border:1px solid #ccc;
color:#666;
cursor:pointer;
display:block;
height:36px;
text-transform:uppercase;
width:150px;
margin:5px 0 0 120px;
-moz-box-shadow:1px 5px 10px #d2d2d2;
/*-moz-border-radius: 10px;
-webkit-border-radius: 10px;
*/
}
input#btn:hover {
background:#46c4f3;
color:#fff;
}

#footer {
background:url(../images/shadow.gif) no-repeat top center;
clear:both;
font-size:11px;
text-align:center;
margin:0 auto;
padding:15px 10px 0;
width:640px;
}

/* The Nivo Slider styles */

.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0;
	left:0;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}