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


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: 99%;
	vertical-align: baseline;
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;/*#777b73;*/
	 
}
body {
	background:#c9ffe4 url(../images/bg_green.png) repeat; /*Wallpaper*/
	line-height: 1.2;
	margin:100px 0 0 0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/********************************************************************************************************/

.container {
	width:1034px;
	height:591px;
	display:block;
	margin:0 auto;
	background:url(../images/bg_shadow.png);}

.main	{
	height:508px;  
	position:relative;
	top:37px;
	left:37px;
	width:960px;
}
.logo	{
	background:url(../images/logo.png) center no-repeat;
	width:960px;
	height:448px;
	display:block; 
}
/********************************************************************************************************/
.header { height:30px; background:#303030;}
/********************************************************************************************************/
.content {height:448px;}
 
.home, .mystory, .portfolio, .contact-form {background:url(../images/bg_01.png) no-repeat;} 
.mystory {width:960px;	height:448px;	display:block; }
	
.mystory .zone {padding:20px; background:url(../images/mystory.png) no-repeat right; height:398px;}
.zone h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size:1.5em; margin:0 0 20px;}

.pink {color:#D60093;}


.contact-form  {width:960px;	height:448px;	display:block; }
.contact-form  .zone {padding:20px;  height:398px;}
.contact-form .pricing { border-left:1px solid #000; padding-left:20px;
left:523px;
position:absolute;
top:53px;
width:400px;
z-index:120;
font-size:14px; line-height:1.5em;}

/********************************************************************************************************/
.footer-nav {}
.footer {height:30px; background:#303030 url(../images/bg_footer.png) no-repeat center;}
/********************************************************************************************************/
.on-top {position:static;z-index:50000;} 
.behind {position:absolute;z-index:-500;} 

.top-menu {
	/*margin: 0 0 0 230px;*/
	background:none repeat scroll 0 0 #303030;
	height:30px;} 
 
ul#topnav {
	padding: 0;
	margin: 0 0 0 230px;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
	
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 29px;
}
/*ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }*/
 ul#topnav a.btn_home {
	background: url(../images/top_nav_sprite.png) no-repeat 0px 0px;
	width: 103px; 
}
ul#topnav a.btn_home:hover,
ul#topnav li.selected a.btn_home {background: url(../images/top_nav_sprite.png) no-repeat 0px -29px; }

ul#topnav a.btn_mystory {
	background: url(../images/top_nav_sprite.png) no-repeat -103px 0px;
	width: 134px; 
}
ul#topnav a.btn_mystory:hover,
ul#topnav li.selected a.btn_mystory {background: url(../images/top_nav_sprite.png) no-repeat -103px -29px;}

ul#topnav a.btn_portfolio {
	background: url(../images/top_nav_sprite.png) no-repeat -237px 0px;
	width: 140px; 
}
ul#topnav a.btn_portfolio:hover,
ul#topnav li.selected a.btn_portfolio {background: url(../images/top_nav_sprite.png) no-repeat -237px -29px;}

ul#topnav a.btn_contact {
	background: url(../images/top_nav_sprite.png) no-repeat -377px 0px;
	width: 114px;
}
ul#topnav a.btn_contact:hover,
ul#topnav li.selected a.btn_contact {background: url(../images/top_nav_sprite.png) no-repeat -377px -29px;}
 
ul#topnav li .sub {
	position: absolute;	
	top: 44px; left: 0;
	background: transparent url(../images/top-dropdown-bg.png) top no-repeat;
	padding: 0;
	float: left;
	display: none; 
	z-index:50000!important;
	 
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 14px 0 0 0; padding: 0 0 0 0;
	width: 197px;
	float: left;
	background: transparent url(../images/drop-down-bg.png) repeat-y;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #303e31;
	
}

ul#topnav .sub ul li a {
	text-transform:uppercase;
	font-size:75%;
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height:25px;
	/*background: url(navlist_arrow.png) no-repeat 5px 12px;*/
	padding: 10px 0 0 10px;
	display: block;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #774408;
}
ul#topnav .sub ul li a:hover {color: #303e31; background-position:5px 12px ; background:url(../images/sub-rollover.png) no-repeat; }

/*****************************************************************************************************************************************/

.bottom-menu {
	margin: 0 0 0 536px;} 
 
ul#bottomnav {
	padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
	
}
ul#bottomnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#bottomnav li a {
	float: left; 
	text-indent: -9999px;
	height: 30px;
}
/*ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }*/
 ul#bottomnav a.btn_email {
	background: url(../images/bottom_nav_sprite.png) no-repeat 0px 1px;
	width: 205px; 
}
ul#bottomnav a.btn_email:hover {background: url(../images/bottom_nav_sprite.png) no-repeat 0px -28px; }
 
ul#bottomnav li .sub {
	position: absolute;	
	top: 44px; left: 0;
	background: transparent url(../images/bottom-dropdown-bg.png) top no-repeat;
	padding: 0;
	float: left;
	display: none; 
	z-index:50000!important;
	 
}
ul#bottomnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#bottomnav li .sub ul{
	list-style: none;
	margin: 14px 0 0 0; padding: 0 0 0 0;
	width: 197px;
	float: left;
	background: transparent url(../images/drop-down-bg.png) repeat-y;
}
ul#bottomnav .sub ul li {
	width: 100%;
	color: #303e31;
	
}

ul#bottomnav .sub ul li a {
	text-transform:uppercase;
	font-size:75%;
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height:25px;
	/*background: url(navlist_arrow.png) no-repeat 5px 12px;*/
	padding: 10px 0 0 10px;
	display: block;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #774408;
}
ul#bottomnav .sub ul li a:hover {color: #303e31; background-position:5px 12px ; background:url(../images/sub-rollover.png) no-repeat; }

/*****************************************************************************************************************************************/
 /*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider 
*/

/* Insignificant stuff, for demo purposes */
 
	#inner-body { background: #ebebeb url(http://www.ndoherty.biz/demos/coda-slider/1.1.1/images/body-bg.png) repeat-y center; color: #000; font-family: Verdana, Arial; margin: auto; padding: 35px 20px 200px; text-align: center; width: 800px }
	#inner-body h2 { font-size: 25px; text-align: left; margin: 15px 0 35px }
	#inner-body .panel h2 { font-size: 15px; margin: 15px 0 20px }
	#inner-body p, #inner-body ul { clear: both; display: block; text-align: left; margin: 15px 0 }
	#inner-body p, #inner-body ul, #inner-body ol { font-size: 13px; line-height: 1.4em }
	#inner-body p a, #inner-body li a { color: #39c; text-decoration: none }
	#inner-body p a:hover, #inner-body li a:hover { text-decoration: underline }
	#inner-body p.intro { padding: 20px 0 0; text-align: center; width: 100% }
	#inner-body ol { border-bottom: 1px solid #ccc; list-style: decimal; margin-bottom: 30px; padding: 0 0 25px 30px; text-align: left }
	#inner-body hr { background-color: #fff; border-color: #ccc; border-style: solid; border-width: 1px 0 0; color: #fff; margin: 55px 0 }
	
	.panel h2.title { margin-bottom: 10px }
	noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }
	.coda-slider-wrapper { text-align: left }
 

/* Stuff to change */

	.coda-slider { background:url(../images/bg_01.png) no-repeat; }

	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 960px; height:448px; } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 960px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	#inner-body .coda-nav ul li a.current { /*background: #3399CC*/ }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0}
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	#inner-body .coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	#inner-body .coda-nav ul li { display: inline }
	#inner-body .coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }

	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }