/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* BASE STYLES */

@font-face {
    font-family: 'CallunaSansRegular';
    src: url('../fonts/CallunaSansRegular-webfont.eot');
    src: url('../fonts/CallunaSansRegular-webfont.eot?iefix') format('eot'),
         url('../fonts/CallunaSansRegular-webfont.woff') format('woff'),
         url('../fonts/CallunaSansRegular-webfont.ttf') format('truetype'),
         url('../fonts/CallunaSansRegular-webfont.svg#webfontnehNrF5g') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
	color:rgb(80,80,80);
	font-family: arial, helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	background:rgb(237,237,237);
}

a { color:rgb(81,156,0); }
a:hover { text-decoration:none; }

h1,h2,h3,h4,h5,h6 {
	font-family:'CallunaSansRegular', sans-serif;
	color:rgb(70,70,70);
	margin-bottom:10px;
	font-size:24px;
}

h1 {
	position:absolute;
	top:20px;
	left:50%;
	margin-left:-140px;
}

	h1 span {
		display:block;
		text-indent:-9999px;
	}
	
h2 { font-size:22px; text-shadow:0px 1px 2px rgba(0,0,0,0.25); width:680px; color:rgb(255,255,255); text-align:center; line-height:25px; position:absolute; top:160px; left:50%; margin-left:-330px; font-weight:300; }
h3 { margin-bottom:25px; line-height:26px; }
h4 { margin-bottom:15px; font-size:20px; }

p { margin-bottom:15px; }
.emphasis { font-weight:bold; color:rgb(60,60,60); }

/* HEADER */

#header {
	position:relative;
	height:360px;
	background:rgb(81,156,0) url('gfx/bg_header.jpg') bottom center no-repeat;
}

.shadow { width:100%; height:4px; position:absolute; bottom:-1px; left:0px; right:0px; background:url('gfx/bg_shadow.png') 0 bottom repeat-x; }

#askMore {
	position:absolute;
	top:230px;
	left:50%;
	margin-left:-84px;
	width:168px;
	height:50px;
	text-align:center;
	background:url('gfx/sprite_button.png') 0 0 no-repeat;
	line-height:42px;
	color:rgb(60,60,60);
	text-decoration:none;
	font-weight:bold;
}

#askMore:hover {
	background-position:0 -50px;
}

/* NAVIGATION */

#navigation {
	width:960px;
	margin:auto;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-480px;
	height:60px;
	overflow:hidden;
}

#navigation a {
	background:url('gfx/sprite_tabs_footer.png') 0 0 repeat-x;
	width:238px;
	/*
	border-left:1px solid rgba(255,255,255,0.05);
	border-right:1px solid rgba(0,0,0,0.2);
	*/
	margin-top:5px;
	font-size:18px;
	display:block;
	float:left;
	text-align:center;
	text-decoration:none;
	color:rgb(255,255,255);
	height:65px;
	padding-top:7px;
	-moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	-o-border-radius:8px 8px 0 0;
	border-radius:8px 8px 0 0;
	margin-left:2px;
	}
	
	#navigation a:hover {
		color:rgb(185,274,88);
	}
	
	#navigation span { font-size:12px; }
	
#navigation .current { background-position:0 -60px; margin-top:0px; color:rgb(60,60,60) !important; height:55px;}
#navigation .oneline { line-height:40px; }	
#navigation a:hover { color:rgb(185,247,88); }

#navigation .first {
	margin-left:0px;
}


/* TABS */

.tabs {  }
	.tabs li { float:left; display:block; text-align:center; }
		.tabs a { display:block; }

/* STRUCTURE */

#page { background:rgb(255,255,255); }
#content { width:960px; margin:auto; padding-top:10px; }

/* FOOTER */

#footer {
	background:rgb(250,250,250) url('gfx/sprite_tabs_footer.png') 0 -120px repeat-x;
	font-size:12px;
}
	#footer .wrapper {
		padding-top:15px;
		padding-bottom:10px;
		width:960px;
		margin:auto;
	}

#footer .fn { font-weight:bold; }	
#footer .role { margin-bottom:10px; font-size:11px; }

/* PACKAGE */

.PTpackage { margin-bottom:30px; padding:15px; border:1px solid rgb(220,220,220); }

.PTpackage .header {
	width:100%;
	overflow:hidden;
	margin-bottom:8px;
}

.PTpackage h5, .PTpackage h6 { font-family:arial, helvetica, sans-serif; }
.PTpackage h5 { font-size:20px; margin-bottom:4px; color:rgb(60,60,60); }
.PTpackage h6 { font-size:15px; margin-bottom:0px; font-weight:bold; color:rgb(80,80,80); }

.PTpackage .titleAndDescription {
	float:left;
}

.PTpackage .price {
	float:right;
	font-size:12px;
}

.PTpackage .price span {
	display:block;
	font-size:20px;
	text-align:right;
	margin-bottom:4px;
}

.whatYouGet { font-size:12px; }
	.whatYouGet li { list-style-image: url('gfx/bullet.gif'); list-style-position: inside; text-indent:-15px; padding-left:15px; }

/* GRID */

.grid { overflow:auto; padding:20px; }
.col { float:left; margin:0 20px; }
.c1 { width:190px; }
.c2 { width:420px; }
.c3 { width:650px; }
.c4 { width:880px; }


/* FORMS */

.formRow {
	overflow:hidden;
	width:100%;
	margin-bottom:8px;
}

.label {
	float:left;
	width:100px;
	margin-right:15px;
	padding-top:2px;
}

.text {
	float:left;
	border:1px solid rgb(215,215,215);
	border-top:1px solid rgb(175,175,175);
	border-left:1px solid rgb(175,175,175);
	width:280px;
	padding:4px 5px;
	background:rgb(255,255,255) url('gfx/sprite_tabs_footer.png') 0 -550px repeat-x;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
}

.formMessage {
	background-color:rgb(81,156,0);
	color:rgb(255,255,255);
	padding:8px 10px;
}

textarea {
	float:left;
}

.focus {
	background-color:rgb(235,255,200);
}

.formButtons {
	padding-top:5px;
}

.formButtons .button {
	margin-left:112px;
}

.button {
	float:left;
	width:128px;
	height:35px;
	background:url('gfx/sprite_button.png') 0 -100px no-repeat;
	color:rgb(255,255,255);
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	line-height:32px;
}

.button:hover {
	background-position:0 -150px;
}

.button.disabled {
	-moz-opacity:0.4;
	-webkit-opacity:0.4;
	-o-opacity:0.4;
	opacity:0.4;
}