/*
 * Base styles
 */
body
{
	font-family: arial, verdana, sans-serif;
	border: none;
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #555;
	font-size: 90%;
}
h1
{
	font-size: 200%;
	margin: 30px 0px 20px 0px;
}
h2
{
	font-size: 160%;
	margin: 20px 0px 15px 0px;
}
h3
{
	font-size: 120%;
}
a
{
	color: #a88600;
}
a:hover
{
	color: #333;
}
p
{
	margin-bottom: 10px;
}

/*
 * Nav
 */

div#header
{
	width: 100%;
	height: 100px;
	background: #8e9eab url(../cmsimages/nav-bg.gif) repeat-x top left;
}
div#nav
{
	margin: 0px auto;
	width: 903px;	
	height: 100px;
}
div#logo
{
	float: left;
	width: 200px;
	height: 100px;
	background-image: url(../cmsimages/tweak-logo.png);
}
div#logo a
{
	display: block;
	width: 200px;
	height: 60px;
	margin-top: 20px;
	text-indent: -9999px;
	outline: none;
}
ul#navtop
{
	float: right;
	list-style-type: none;
	margin: 0px;
}
ul#navtop li
{
	float: left;
	list-style-type: none;
}
ul#navtop li a
{
	color: #fff;
	text-decoration: none;
	display: block;
	height: 57px;
	padding: 43px 18px 0px 18px;
	text-transform: uppercase;
	font-size: 90%;
	font-weight: normal;
}
ul#navtop li a:hover
{
	background: #8e9eab url(../cmsimages/nav-bg-on.png) repeat-x top left;
}
ul#navtop li.selected
{
}
ul#navtop li.selected a
{
	color: #DBCE7A;
}

/*
 * Feature area/banner
 */
div#feature_wrapper
{
	clear: both;
	background: transparent url(../cmsimages/feature-bg-slice.jpg) repeat-x top left;	
	position: relative;
}
div#feature
{
	margin: 0px auto;
	width: 903px;	
	/*background: transparent url(../cmsimages/home-feature-bg.jpg) no-repeat top right;*/	
}
div#message
{
	height: 264px;
}
div#message div#headline
{
	width: 640px;
	padding-top: 85px;
	float: left;

}
div#message div#video
{
	width: 255px;
	float: right;
	padding-top: 60px;
}
div#message div#video a
{
	width: 255px;
	height: 139px;
	display: block;
	margin-left: 18px;
}
div#feature div#headline h1
{
	margin: 0px;
	color: #fff;
	font-size: 390%;
}
div#feature div#headline p
{
	margin-top: 0px;
	color: #fff;
	font-size: 120%;
}
div#feature div#action
{
	clear: both;
	height: 53px;
}
div#feature div#action p
{
	float: left;
	background: url(../cmsimages/action-bg-left.png) no-repeat top left;
	text-align: right;
	position: relative;
	z-index: 2;
}
div#feature div#action a#actionlink,
div#content_wrapper a#submit
{
	display: block;
	padding: 18px 60px 16px 15px;	
	font-size: 110%;
	letter-spacing: 0.05em;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;	
	margin: 0px;
	color: #fff;
	background: url(../cmsimages/action-bg-right-up.png) no-repeat top right;	
}
div#feature div#action a#actionlink:hover,
div#content_wrapper a#submit:hover
{
	color: #556674;
}
div#feature div#action a#actionlink.close
{
	background: url(../cmsimages/action-bg-right-dn.png) no-repeat top right;
}
div#feature div#action div#actiontext
{
	position: absolute;
	z-index: 1;
	left: 0;
	background: url(../cmsimages/home-feature-bg-slide-rp.jpg) top left repeat-x;
	color: #ffffff;
	text-align: center;
	height: 317px;
	width: 100%;
	overflow: hidden;
	display: none;
	bottom: 0;
}
div#feature div#action div#actiontext p,
div#feature div#action div#actiontext h1
{
	background: none;
	float: none;
	text-align: left;
	width: 903px;
	margin: auto;
	font-size: 125%;
	line-height: 1.4em;
}
div#feature div#action div#actiontext h1
{
	font-size: 370%;
	padding-bottom: 10px;
}
div#feature div#action div#actiontext div.center
{
	background: url(../cmsimages/home-feature-bg-slide.jpg) top center no-repeat;
	height: 317px;
	padding-top: 53px;
}

/*
 * General page content styles
 */
div#content_wrapper
{
	margin: 0px auto;
	width: 903px;
	height: 281px;
	margin-top: 30px;
}
div#content_wrapper p
{
	line-height: 1.4em;
}
div#content_wrapper p#overview
{
	font-size: 130%;
	line-height: 1.55em;
	margin-bottom: 50px;
	color: #555;
}
p#overview span.highlight
{
	font-size: 180%;
	color: #6a8091;
	font-weight: bold;
}
div.text
{
	clear: both;
	float: left;
	width: 550px;
	margin-bottom: 30px;
	margin-right: 40px;
}
div.image
{
	float: left;
	width: 305px;
	margin-bottom: 30px;
}
div.text h2
{
	color: #6a8091;
	font-size: 150%;
	margin-top: 0px;
}
div#content_wrapper img
{
	margin: 3px;
}

/*
* Home page styles
*/
div#control_freak
{
	float: left;
	width: 549px;
}
div#control_freak div.image_holder
{
	height: 265px;
	background: url(../cmsimages/control-freak-bg.png) top left no-repeat;
}
div#control_freak div.image_holder h1
{
	margin: 0;
	color: #6a8091;
	font-size: 250%;
	padding: 100px 55px 0 55px;
}
div#control_freak div.image_holder p
{
	padding: 0 55px;
}
div#control_freak div.image_holder img
{
	margin: 0;
}
div#control_freak div.button_holder
{
	background: url(../cmsimages/button-holder-bg.png) top left no-repeat;
	color: #ffffff;
	font-weight: bold;
	height: 35px;
	padding: 17px 19px 0 231px;
	margin-top: 1px;
}
div#control_freak div.button_holder div.right
{
	float: right;
	margin-top: -9px;
}
div#control_freak div.button_holder div.right a
{
	padding-left: 6px;
	outline: 0;
}
div.feature_column
{
	float: left; 
	width: 250px; 
	margin-right: 40px;
	margin-bottom: 20px;
}
div.feature_column.last
{
	width: 319px;
	margin-right: 0px;
}
div.feature_column h2
{
	margin-bottom: 7px;
}
/*
div#feature_tour
{
	float: right;
	width: 319px;
}
*/
div#feature_tour div.text_holder
{
	height: 219px;
	padding: 26px 38px 20px 38px;
	background: url(../cmsimages/tour-msg-bg.png) top left no-repeat;
}
div#feature_tour div.text_holder h2
{
	margin: 0 0 7px;
	font-size: 150%;
}
div#feature_tour div.text_holder p
{
	line-height: 1.2em;
	margin-top: 2px;
}
div#feature_tour div.text_holder ul
{
	list-style-type: disc;
	margin-left: 35px;
}
div#feature_tour div.text_holder ul li
{
	padding-bottom: 5px;
}
div#feature_tour a.button_holder
{
	display: block;
	background: url(../cmsimages/tour-btn-bg.png) top left no-repeat;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	font-size: 120%;
	padding: 17px 37px;
	margin-top: 1px;
}
div.modal
{
	width: 689px;
	height: 665px;
	position: absolute;
	top: 117px;
	margin: auto;
	z-index: 101;
	text-align: center;
	display: none;
}
div.modal a.close
{
	position: absolute;
	top: -26px;
	left: 0px;
	z-index: 102;
}

/*
 * Subpage adjustments to pages with body class="subpage"
 */
body.subpage div#content_wrapper
{
	margin-top: 50px;
}
body.subpage div#feature
{
	background: url(../cmsimages/feature-bg-slice.jpg) repeat-x top left;
}
body.subpage div#video
{
	display: none;
}
body.subpage div#message
{
	height: 164px;
}
body.subpage div#message div#headline
{
	padding-top: 57px;
}
body.subpage div#feature div#action div#actiontext h1
{
	padding-top: 25px;
}
body.subpage div#feature div#action p
{
	float: right;
}
body.subpage div#content_wrapper
{
	height: auto;
}
body.subpage div#feature div#action div#actiontext
{
	height: 217px;
}
body.subpage div#feature div#action div#actiontext h1
{
	padding-bottom: 0;
}
body.subpage div#feature div#action div#actiontext div.center
{
	padding-top: 13px;
}

/*
*  Example sites styles
*/
a.example img
{
	filter: alpha(opacity=40);
	-moz-opacity:.4;
	opacity: .4;
}
a.example:hover img,
a.selected img
{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity: 1;
}
div.modal_bg
{
	background-color: #333333;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4000px;
	z-index: 100;
	filter: alpha(opacity=65);
	-moz-opacity:.65;
	opacity: .65;
	display: none;
}
body.subpage div.modal
{
	top: 159px;
	width: 624px;
	height: 559px;
	background: none;
}
body.subpage div.modal a.close
{
	top: -22px;
	left: 26px;
}
div.modal a.arrow_left
{
	float: left;
	margin-top: 217px;
}
div.modal a.arrow_right
{
	float: right;
	margin-top: 217px;
}
div.modal img.site_img
{
	border: 1px solid #cccccc;
	margin-bottom: 14px;
}
div.modal a.site_link
{
	position: absolute;
	bottom: 0;
	left: 51px;
}


/*
 * Tour page adjustments for body class="tour"
 */
body.tour div#feature
{
	background: url(../cmsimages/feature-bg-slice.jpg) repeat-x top left;
}
body.tour div#video
{
	display: none;
}
body.tour div#message
{
	height: 185px;
}
body.tour div#message div#headline
{
	padding-top: 57px;
}
body.tour div#feature div#action
{
	padding-bottom: 50px;
}
body.tour div#feature div#action p
{
	float: right;
}
body.tour div#content_wrapper
{
	height: 1445px;
	position: relative;
	margin-top: 50px;
}
body.tour div#feature ul#toursteps
{
	float: left;
	height: 51px;
	background: url(../cmsimages/tour-steps-bg-right.png) no-repeat top right;
	list-style-type: none;
}
body.tour div#feature ul#toursteps li
{
	background: url(../cmsimages/tour-sequence-img.png) no-repeat top left;
	float: left;
}
body.tour div#feature ul#toursteps li.first
{
	background: url(../cmsimages/tour-step-first-bg.png) no-repeat top left;
}
body.tour div#feature ul#toursteps li.first a
{
	padding-left: 9px;
}
body.tour div#feature ul#toursteps li.last
{
	padding-right: 18px;
}
body.tour div#feature ul#toursteps a
{
	color: #666;
	font-size: 145%;
	font-weight: bold;
	display: block;
	text-decoration: none;
	margin-left: 19px;
	padding: 13px 12px;
}
body.tour div#feature ul#toursteps a:hover,
body.tour div#feature ul#toursteps li.selected a
{
	color: #fff;
	background: url(../cmsimages/tour-step-bg.png) repeat-x top left;
}
body.tour div.behind
{
	display: none;
	position: absolute;
	top: 0;
}
body.tour div.infront
{
	position: absolute;
	top: 0;
}
/*
 * Signup page
 */
a.button_holder
{
	display: block;
	background: url(../cmsimages/tour-btn-bg.png) top left no-repeat;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	font-size: 120%;
	padding: 17px 37px;
	margin-top: 1px;
	margin-bottom: 50px;
}

/*
 * Form styles
 */
div#content_wrapper form
{
	background-color: #6a8091;
	width: 803px;
	padding: 50px 50px 20px 50px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	float: left;
}
div#content_wrapper form div#fields
{
	width: 750px;
	float: left;
}
div#content_wrapper form div#submit_holder
{
	width: 475px;
	float: left;
}
div#content_wrapper form label
{
	clear: both;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	margin: 4px 10px 0px 0px;
	float: left;
	width: 160px;
	text-align: right;
	letter-spacing: 0.02em;
}
div#content_wrapper form label.error
{
	clear: none;
	margin: 0;
	color: #ffffff;
	font-size: 100%;
	font-weight: normal;
	font-style: italic;
	width: auto;
	text-align: left;
	letter-spacing: normal;
	padding: 3px;
}
div#content_wrapper form fieldset
{
	margin-bottom: 30px;
}
div#content_wrapper form input.text,
div#content_wrapper form textarea.text
{
	height: 25px;
	width: 300px;
	font-size: 130%;
	padding-left: 3px;
	float: left;
	margin-bottom: 5px;
	color: #555;
}
div#content_wrapper form textarea.text
{
	height: 150px;
}
div#content_wrapper form a#submit
{
	height: 21px;
	width: 67px;
	background: url(../cmsimages/submit-button-blank.png) no-repeat top left;
	padding-left: 20px;
	float: right;
}
div.clearfloat
{
	clear: both;
}

/*
 * Footer area
 */
div#footer
{
	margin: 0px auto;
	width: 903px;
	margin-top: 60px;
	padding-bottom: 20px;
}
ul#footer_nav
{
	background: url(../cmsimages/footer-bg.png) no-repeat top left;
	width: 830px;
	height: 55px;
	float: left;
	list-style-type: none;
	margin: 0;
	padding-left: 78px;
}
ul#footer_nav li
{
	float: left;
	list-style-type: none;
}
ul#footer_nav li a
{
	color: #fff;
	text-decoration: none;
	display: block;
	height: 36px;
	padding: 18px 20px 0px 20px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-size: 100%;
}
ul#footer_nav li a:hover
{
	color: #ccc;
}

/* this is to hide elements on the standard site
that are for the mobile site */
.shide
{
	display: none;
}