@charset "UTF-8";
/* CSS Document */

@import url(reset.css);
@import url(slider.css);

body {
	background-image:url(images/bg.jpg);
	background-repeat:repeat;
	font-family:"Century Gothic", Verdana, Geneva, sans-serif;
}

#wrap {
	background-image:url(images/wrap-bg.png);
	background-repeat:repeat-y;
	width:950px; /* 994 */
	margin:auto;
	position:relative;
	padding:0 22px 0 22px;
}

h1 {
	font-size:1.6em;
	color:#ffffff;
	text-transform:uppercase;
}

#top-design {
	width:475px;
	height:200px;
	background-image:url(images/top-swirl.png);
	background-repeat:no-repeat;
	position:absolute;
	left:-65px;
	z-index:1000;
}

#header {
	padding:10px 0 0 62px;
	height:55px; /* 65 */
}

#logo {
	float:left;
	z-index:2000;
	position:relative;
}

/* BEGIN NAVIGATION CSS */

#nav {
	float:right;
	position:relative;
	padding:18px 0 0 0;
	z-index:4000;
}

#nav li {
	float:left;
	list-style-type:none;
	padding:0 15px 0 0;
}

#nav li a {
	display:block;
	color:transparent;
	padding:2px 0;
}

#nav-what {
	background-image:url(images/navigation.png);
	background-position:0 0;
	background-repeat:no-repeat;
	width:80px; /* 140 */
	text-indent:-9999px;
}

#nav-what:hover {
	background-image:url(images/navigation-over.png);
	background-position:-2px -2px;
	background-repeat:no-repeat;
	width:80px; /* 140 */
}

#nav-how {
	background-image:url(images/navigation.png);
	background-position:-100px 0;
	background-repeat:no-repeat;
	width:175px; /* 175 */
	text-indent:-9999px;
}

#nav-how:hover {
	background-image:url(images/navigation-over.png);
	background-position:-102px -2px;
	background-repeat:no-repeat;
	width:175px; /* 175 */
}

#nav-started {
	background-image:url(images/navigation.png);
	background-position:-295px 0;
	background-repeat:no-repeat;
	width:145px; /* 145 */
	text-indent:-9999px;
}

#nav-started:hover {
	background-image:url(images/navigation-over.png);
	background-position:-297px -2px;
	background-repeat:no-repeat;
	width:145px; /* 145 */
}

#nav-services {
	background-image:url(images/navigation.png);
	background-position:-460px 0;
	background-repeat:no-repeat;
	width:80px; /* 80 */
	text-indent:-9999px;
}

#nav-services:hover {
	background-image:url(images/navigation-over.png);
	background-position:-462px -2px;
	background-repeat:no-repeat;
	width:80px; /* 80 */
}

#jsddm {margin: 0;padding: 0; z-index:8000; position:relative;}
#jsddm li ul {margin: 0 0 0 0;padding:25px 0 5px 15px;	position: absolute;	visibility: hidden; background-image:url(images/white-80.png); background-repeat:repeat;}
#jsddm li ul li {float: none;display: block;font-size: 1.4em; line-height:1.8em; text-transform:uppercase;}
#jsddm li ul li a {color:#D73930; font-weight:normal; text-decoration:none;}
#jsddm li ul li a:hover {color:#000000;}

/* END NAVIGATION CSS */

#main-pic {
	background-repeat:no-repeat;
	clear:both;
	height:100px; /* 700 */
	position:relative;
	padding:600px 0 0 0;
	z-index:0;
}

#testimony {
	background-image:url(images/white-70.png);
	background-repeat:repeat;
	height:80px; /* 100 */
	font-size:1.2em;
	line-height:1.6em;
	padding:20px 60px 0 60px;
	z-index:1000;
	margin-top:-100px;
	position:relative;
}

#testimonials {
	height:18px;
	padding:20px 0 20px 0;
	position:relative;
}

#testimonials img {
	margin:13px 0 0 293px;
}

#red-arrow {
	background-image:url(images/red-arrow.png);
	background-repeat:no-repeat;
	width:66px;
	height:14px;
	margin:-27px auto 0 auto;
	z-index:1000;
	position:relative;	
}

#content {
	padding:20px 0 0 30px;
}

#gradient {
	background-image:url(images/red-gradient.png);
	background-repeat:repeat-x;
	min-height:209px; /* 249 */
	padding:20px;
	width:535px; /* 575 */
	font-size:1.2em;
	line-height:2em;
	float:left;
	margin:-20px 0 0 0;
	background-color:#EDA6A2;
}

#gradient a {
	color:#c3342c;
	text-decoration:none;
}

#gradient a:hover {
	color:#ffffff;
}

.button {
	background-image:url(images/button.png);
	background-repeat:no-repeat;
	width:302px;
	height:54px;
	float:right;
	margin:10px 20px 0 0;
	text-align:center;
	line-height:45px;
}

.button-small {
	background-image:url(images/button-small.png);
	background-repeat:no-repeat;
	width:156px;
	height:54px;
	float:right;
	margin:10px 20px 0 0;
	text-align:center;
	line-height:45px;
}

.button a, .button-small a {
	color:#ffffff;
	font-size:1.7em;
	font-weight:bold;
	text-decoration:none;
	display:block;
}

.button a:hover, .button-small a:hover {
	color:#D73930;
}

#footer {
	background-color:#ffffff;
	padding:10px 30px 10px 30px;
	color:#aaaaaa;
}

#footer a {
	color:#de6d81;
	text-decoration:none;
}

#foot-nav {
	float:right;
	margin:-60px 0 0 0;
	font-size:1.2em;
	color:#888888;
}

#foot-nav a {
	padding:0 20px;
	text-decoration:none;
	color:#de6d81;
}

#foot-nav a:hover {
	color:#000000;
}


/* ---------------------- INSIDE STYLES --------------------- */
#inside-content {
	float:left;
	background-image:url(images/bg-content.jpg);
	background-repeat:no-repeat;
	width:527px; /* 597 */
	min-height:540px;
	padding:25px 35px 0 35px;
	font-size:1.2em;
	line-height:2em;
	margin:60px 0 20px 0;
}

#inside-content a {
	color:#c3342c;
	text-decoration:none;
}

#inside-content a:hover {
	color:#ffffff;
}

#inside-left {
	float:left;
	width:320px;
	height:643px;
	background-image:url(images/inside-left-swirl.png);
	background-position:-75px 230px;
	background-repeat:no-repeat;
	text-align:center;
	padding:4px 0 0 0;
}

#inside-left h1 {
	font-size:2em;
}

#inside-left h2 {
	font-size:1.8em;
	color:#000000;
	padding:5px 0 5px 10px;
	margin:20px 20px 5px 40px;
	display:block;
	background-color:#DA4B43;
}

#inside-left li {
	list-style:none;
	text-align:left;
	padding:0 0 0 50px;
	z-index:1000;
	position:relative;
}

#inside-left li a {
	color:#ffffff;
	text-decoration:none;
	display:block;
	font-size:1.4em;
}

#inside-left li a:hover {
	color:#cccccc;
}

#inside-right-swirl {
	background-image:url(images/inside-right-swirl.png);
	background-repeat:no-repeat;
	width:181px;
	height:278px;
	position:absolute;
	top:550px;
	right:-55px;
}