@charset "UTF-8";
/* CSS Document 
Author: Sam Stroman
Site: SuavvyCreations.com
*/

/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-align: left;
}
body {
	line-height: 1;
}

p, h1, h2, h3, ul, li, a, input, textarea {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 1.8em;
	text-align: left;
	color: #555555;
}

blockquote {
	margin: 5px 18px 5px 28px;
	padding: 15px;
	text-align: justify;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 12px;
	letter-spacing: .1em;
	line-height: 1.3em;
	color: #555555;
	background: #eeeeee;
	border: 1px solid #c6d9dc;
}

p { margin: 0; }

h1 {font-size: 16px;}

h2 {
	font-size: 12px;
	font-weight: bold;
}

ul {
	margin: 0 0 0 35px;
	list-style:none;
}

ul li {padding: 0 0 5px 25px; background: url(../images/li.png) left 2px no-repeat;}

ol {
	margin: 0 0 0 60px;
}

div.hr {
	height: 1px;
	margin: 10px 0;
	padding: 0;
	background: url(../images/hr.png) 50% 0 no-repeat;
	clear: both;	
}

div.btn {
	margin: 0 10px;
	padding: 0;
	text-indent: -9999px;
	height: 30px;
	outline: none;
}

a:link { color: #b949a2; text-decoration: none; font-weight: bold; cursor: pointer; }
a:visited { color: #ce7ebd; text-decoration: none; font-weight: bold; cursor: pointer; }
a:hover { color: #bcdbe0; text-decoration: none; font-weight: bold; cursor: pointer; }
a:active { color: #d5a5cb; text-decoration: none; font-weight: bold; cursor: pointer; }

div.btn a { height: 30px; background: transparent no-repeat; display: block; }
div.btn a:active { background-position: bottom; }

/* Page Framework */
body {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #ffffff url(../images/bg_body_repeat.jpg) 0 0 repeat-x;
}

#main_wrapper {
	width: 760px;
	margin: 0 auto;
	padding: 0;
}

#header {
	width: 760px;
	height: 115px;
}

#header ul {

}

#header ul {
	margin: 0;
	padding: 0;
	list-style:none;
}

#header li {margin: 0; padding: 0; background: none;}


#head_left {
	width: 253px;
	height: 115px;
	background: url(../images/bg_header_left.jpg) 0 0 no-repeat;
	position: relative;
	float: left;
}

#head_suavvy {
	width: 190px;
	height: 20px;
	position: absolute;	
	top: 15px;
	right: 0px;
}

ul#nav_left {
	margin: 43px 0 0 55px;
	padding: 0;
	list-style: none;
}

	ul#nav_left li {margin: 0; text-indent: -9999px; float: left; display: inline;}
	
	ul#nav_left li#gallery a {width: 97px; height: 23px; background: url(../images/nav_gallery.gif) top no-repeat; display: block; outline: none;}
	ul#nav_left li#gallery a:hover {background: url(../images/nav_gallery.gif) bottom no-repeat; display: block;}
	ul#nav_left li#gallery_current a {width: 97px; height: 23px; background: url(../images/nav_gallery.gif) bottom no-repeat; display: block; outline: none;}
	ul#nav_left li#gallery_current a:hover {background: url(../images/nav_gallery.gif) bottom no-repeat; display: block;}
	
	ul#nav_left li#order a {width: 97px; height: 23px; background: url(../images/nav_order.gif) top no-repeat; display: block; outline: none;}
	ul#nav_left li#order a:hover {background: url(../images/nav_order.gif) bottom no-repeat; display: block;}
	ul#nav_left li#order_current a {width: 97px; height: 23px; background: url(../images/nav_order.gif) bottom no-repeat; display: block; outline: none;}
	ul#nav_left li#order_current a:hover {background: url(../images/nav_order.gif) bottom no-repeat; display: block;}

#head_center {
	width: 254px;
	height: 115px;
	text-indent: -9999px;
	background: url(../images/bg_header_logo.jpg) 0 0 no-repeat;
	float: left;
	display: inline;
	outline: none;
}

#head_center a { width: 254px; height: 115px; display: block; }

#head_engagement {
	width: 254px;
	height: 115px;
	margin-left: 253px;
	text-indent: -9999px;
	background: url(../images/bg_header_logo_engage.jpg) 0 0 no-repeat;
	outline: none;
}

#head_engagement a { width: 254px; height: 115px; display: block; }

#head_right {
	width: 253px;
	height: 115px;
	background: url(../images/bg_header_right.jpg) 0 0 no-repeat;
	float: left;
	display: inline;
	position: relative;
}

#head_mail {
	width: 170px;
	height: 20px;
	position: absolute;	
	top: 15px;
	left: 0;
}

ul#nav_right {
	margin: 43px 0 0 0;
	padding: 0;
	list-style: none;
}

	ul#nav_right li {margin: 0; text-indent: -9999px; float: left; display: inline;}
	
	ul#nav_right li.about a {width: 97px; height: 23px; background: url(../images/nav_about.gif) top no-repeat; display: block; outline: none;}
	ul#nav_right li.about a:hover {background: url(../images/nav_about.gif) bottom no-repeat; display: block;}
	ul#nav_right li.about_current a {width: 97px; height: 23px; background: url(../images/nav_about.gif) bottom no-repeat; display: block; outline: none;}
	ul#nav_right li.about_current a:hover {background: url(../images/nav_about.gif) bottom no-repeat; display: block;}
	
	ul#nav_right li#contact a {width: 97px; height: 23px; background: url(../images/nav_contact.gif) top no-repeat; display: block; outline: none;}
	ul#nav_right li#contact a:hover {background: url(../images/nav_contact.gif) bottom no-repeat; display: block;}
	ul#nav_right li#contact_current a {width: 97px; height: 23px; background: url(../images/nav_contact.gif) bottom no-repeat; display: block; outline: none;}
	ul#nav_right li#contact_current a:hover {background: url(../images/nav_contact.gif) bottom no-repeat; display: block;}

#promo {
	width: 760px;
	height: 340px;
	background:left bottom no-repeat;
	clear: left;
	position: relative;
}

.promoPara {text-indent: -9999px; outline: none;}

.free_promo {float: right;}

#features {
	width: 760px;
	background: url(../images/bg_features.jpg) 0 0 no-repeat;
}

#sidebar_wrapper {
	width: 200px;
	margin-left: 12px;
	padding-bottom: 61px;
	background: url(../images/bg_sidebar_foot.png) left bottom no-repeat;
	float: left;
}

#sidebar {
	padding: 25px 10px 10px 10px;
	background: url(../images/bg_sidebar_repeat.png) 0 0 repeat-y;
}

#sidebar p { padding: 10px; font-size: 11px; line-height: 1.5em;}

#sidebar .promoWrap { margin: 15px 10px; padding-top: 12px; background: url(../images/sidebar_promo_top.png) top no-repeat; clear: right; }
#sidebar .promo { padding: 0 10px 10px 10px; background: url(../images/sidebar_promo_bot.png) bottom no-repeat; }
#sidebar .subtext { margin: 0; padding: 0; font-size: 9px; color: #e6a6d9; }
#sidebar .promo p { margin: 0; padding: 0; }
#sidebar .pricing p {padding: 0 0 0 25px;}

#features_main {
	width: 498px;
	margin: 25px 20px;
	float: left;
	display: inline;
	text-align: left;
}

#features_main p { padding: 5px 0 5px 27px; }

#footer {
	height: 30px;
	margin-top: 50px;
	background: url(../images/footer_bg.png) 50% 0 no-repeat;
	clear: left;
}

#footer p { margin: 0; padding: 5px 0 0 35px; color:#ccc; clear: both; float: left; }

.left {float: left;}
.right {float: right;}

.clearFloat {width: 0; height: 0; margin: 0; padding: 0; clear: both; visibility: hidden;}

/* Homepage */

div.gallerybtn { position: absolute; width: 96px; top: 240px; left: 240px;}
div.gallerybtn a { width: 96px; background-image: url(../images/btn_gallery.png); }

div.learnbtn { width: 96px; margin-bottom: 5px; float: right;}

div.learnbtn a { width: 96px; background-image: url(../images/btn_learn.png); }

.featured { width: 125px; margin: 10px 0 20px 30px; float: left; text-align: center; position: relative; }
.featured h2 { text-align: center; }

.active { width: 125px; height: 125px; position: absolute; top: 0; left: 0; background: transparent url(../images/gallery_thumb_select.png) 0 0 no-repeat;}

/* Gallery */

#promo .orderbtn { position: absolute; width: 96px; top: 390px; left: 95px;}
#promo .orderbtn a { width: 96px; background-image: url(../images/btn_order.png); }

#sidebar .orderbtn { position: relative; width: 96px; margin-bottom: 5px; float: right;}
#sidebar .orderbtn a { width: 96px; background-image: url(../images/btn_order.png); }

/* Contact */

.contact_form_wrapper {
	width: 336px; 
	margin: 20px 50px 15px 30px;
	padding-bottom: 5px;
	background: url(../images/form_bot_bg.png) bottom no-repeat;
	text-align: right;
	float: right;
}

.contact_form_wrapper form { padding: 20px 20px 10px 20px; background: url(../images/form_top_bg.png) top no-repeat; }
form p { line-height: 1.5em;}
label {width: 98%;}
input {width:98%; height: 20px; border: 1px solid #c6d9dc; color: #a45f96;}
textarea {width:98%; border: 1px solid #c6d9dc; color: #a45f96;}

.submitbtn {height: auto; width: auto; margin: 5px 0 0 90px; border: none;}

/* Order */

.order_form_wrapper {
	width: 336px; 
	margin: 20px 50px 15px 30px;
	padding-bottom: 5px;
	background: url(../images/form_bot_bg.png) bottom no-repeat;
	text-align: right;
}

.order_form_wrapper form { padding: 40px 20px 10px 20px; background: url(../images/form_top_bg2.png) top no-repeat; }

/* Contact */

.google_map {
	margin: 0 0 10px 30px;
	padding: 4px;
	background: #fff;
	border: 1px solid #c6d9dc;
}