body, html {
	width: 100%;
	height: 100%;
	font-family: Helvetica, verdana, arial, sans-serif;
	font-size: 13px;
	background-color: #eee;
	color: #2a0523;
}

* {
	outline: none;
}

#flashcontent {
	float: right;
	width: 380px;
	height: 216px;
	margin: 0 0 20px 20px;
}

#wrapper {
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding: 144px 0 0 0;
	background-image: url(../img/girl.gif);
	background-repeat: no-repeat;
	background-position: 300px top;
}

#innerwrapper {
	height: 450px;
	width: 900px;
	border: 1px #2a0523 solid;
	overflow: hidden;
	background-color: #fff;
	background-image: url(../img/floral.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	position: relative;
}

#panelwrapper {
	width: 3600px;
	height: 450px;
	overflow: hidden;
	position: relative;
}

#footer {
	margin: 0;
	font-size: 10px;
	text-align: right;
}

#tag {
	color: #fff;
	font-size: .9em;
	background-image: url(../img/tag.png);
	background-repeat: no-repeat;
	margin-left: -50px;
	width: 452px;
	height: 280px;
	padding: 20px 20px 0 140px;
}

strong {
	font-weight: bold;
}

ul li {
	list-style-type: disc;
	margin-left: 60px;
}

p {
	margin: 10px 0 0 0;
}

h1 {
	display: block;
	position: absolute;
	top: 60px;
	z-index: 100;
}

h2 {
	margin: 10px 0 0 0;
	font-size: 18px;
	font-weight: bold;
}

h3 {
	margin: 10px 0 0 0;
	font-size: 16px;
	font-weight: bold;
}

h3#header-login {
	display: inline-block;
	float: left;
	width: 147px;
	height: 35px;
	margin: 0;
	background-image: url(../img/login.png);
	background-repeat: no-repeat;
}

h3#header-login span {
	display: none;
}

.smalltext {
	font-size: 10px;
}

.panel {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	float: left;
	padding: 30px 40px 20px 40px;
	width: 820px;
	height: 400px;
	position: absolute;
}

.panel#welcome {
	left: 0;
	background-image: url(../img/bg-1.png);
}

.panel#pricing {
	left: 900px;
	background-image: url(../img/bg-2.png);
}

.panel#contact {
	left: 2700px;
	background-image: url(../img/bg-3.png);
}

.panel#quote {
	left: 1800px;
	background-image: url(../img/bg-4.png);
}

th {
	vertical-align: top; 
	font-weight: bold;
	text-align: right;
	padding: 4px 10px 0 0;
}

td {
	vertical-align: top;
}

/* links */

a {
	color: #2a0523;
	font-weight: bold;
}

a:hover {
	text-decoration: none;
}

ul {
	margin-top: 10px;
}

ul#navigation {
	display: block;
	position: absolute;
	top: 144px;
	left: -100px
}
ul#navigation li {
	width: 100px;
	padding: 0;
	margin: 0 0 3px 0;
	list-style-type: none;
}

ul#navigation li a {
	display: block;
	width: 100px;
	height: 40px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #681a59;
}

ul#navigation li a span {
	display: none;
}

#btn-welcome {
	background-image: url(../img/btn_welcome.png);
}

#btn-contact {
	background-image: url(../img/btn_contact.png);
}

#btn-pricing {
	background-image: url(../img/btn_pricing.png);
}

#btn-quote {
	background-image: url(../img/btn_quote.png);
}

p#get-started {
	float: right;
}

a#toggleLogin{
	display: block;
	padding: 3px 5px;
	position: absolute;
	right: 0;
	top: 0;
	background: #2a0523;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

input#recaptcha_response_field {
	border: 1px solid #aaa !important;
	width: 350px;
	background: #e4e4e4;
	padding: 4px 6px;
	font-size: 14px;
	font-weight: bold;
}

table#recaptcha_table {
	background-color: transparent;
	border: 0 !important;
}

table#recaptcha_table td {
	padding: 0 !important;
}

table#recaptcha_table .recaptcha_image_cell {
	background-color: transparent !important;
}

#recaptcha_logo, #recaptcha_tagline {
	display: none;
}

/* LOGIN ------------------- */
/*Login*/
/* toggle effect - show/hide login*/
#login {
 width: 100%;
 color: white;
 background: #2a0523;
 overflow: hidden;
 position: relative;
 z-index: 3;
 height: 0;
}
 
#login a {
 text-decoration: none;
 color: #3cc;
}
 
#login a:hover {
 color: white;
}
 
#login .loginContent {
 width: 950px;
 margin: 0 auto;
 padding: 10px 0 0 0;
 text-align: left;
 font-size: 0.85em;
}
 
#login .loginContent .left {
 width: 120px;
 float: left;
 padding-left: 65px;
 font-size: 0.95em;
}
 
#login .loginContent form {
 margin: 0 0 10px 0;
 height: 26px;
}

#quoteform textarea {
	border: 1px #999 solid;
	background: #eee;
	margin-right: 5px;
	margin-top: 4px;
	color: #333;
	height: 80px;
	width: 240px
}
 
#login .loginContent input.field {
 border: 1px #999 solid;
 background: #e8cee3;
 margin-right: 5px;
 margin-top: 4px;
 color: white;
 height: 16px;
 width: 200px;
 padding: 3px 5px;
}

#quoteform input.field {
 border: 1px #999 solid;
 background: #eee;
 margin-right: 5px;
 margin-top: 4px;
 color: #333;
 height: 16px;
 width: 230px;
 padding: 3px 5px;
}

 
#login .loginContent input:focus.field {
 background: #fff;
 color: #BAA1D2;
}

#quoteform input:focus.field {
 background: #fff;
 color: #333;
}

 
input#button_login {
 display: inline;
 width: 47px;
 height: 20px;
 position: relative;
 top: 4px;
 cursor: pointer;
 border: none;
}
 
#login .loginClose {
 display: block;
 position: absolute;
 right: 15px;
 top: 10px;
 width: 70px;
 font-size: 0.8em;
 text-align: left;
}
 
#login .loginClose a {
 display: block;
 width: 100%;
 height: 20px;
 background: url(images/button_close.jpg) no-repeat right 0;
 padding-right: 10px;
 border: none;
 font-size: 0.9em;
 color: white;
}
 
#login .loginClose a:hover {
 background: url(images/button_close.jpg) no-repeat right -20px;
}

/* forms */
#responseField {
	display: inline;
	width: 100px;
	padding: 2px 5px;
	opacity: 0;
}
.ajax-loading {
	opacity: 0;
}
.ajax-response-error {
	opacity: 1;
	background-color: #7f0b33;
	border-color: #ccc;
}
.ajax-response-ok {
	opacity: 1;
	background-color: #6d7f0b;
	border-color: #ccc;
}

.invalid_field {
	color: #7f0515;
}

.valid_field {
	color: #126257;
}