/* @override http://frontofficebox.dev/stylesheets/layout.css */

body { background: #ccd1d7 url(/images/bg_page.jpg) repeat-x 0 0; }

#page_container {
	width: 960px;
	margin: 0 auto;
	position: relative; }

/* @group Header */

/* HEADER
============================================================ */

#header { height: 80px; }

	#header h1 {
		background: transparent url(/images/logo.png) 0 0 no-repeat;
		width: 520px;
		height: 73px;
		position: absolute;
		top: 26px;
		text-indent: -5000px; }
		
		#header h1 a { display: block; width: 100%; height: 52px; border: none; }
		
	#header .phone {
		float: right;
		background: transparent url(/images/phone.png) 0 0 no-repeat;
		width: 198px;
		height: 33px;
		text-indent: -5000px;
		margin: 40px 0 0 0; }
		
	.aux_menu { float: right; margin: 6px -208px 0 0; }
	.aux_menu ul { list-style: none; margin: 0; }
	.aux_menu li { float: left; }
	.aux_menu a { padding: .2em 1em .3em; border-bottom: none; color: #fff; border-right: 1px solid #7f8fa2; }
	.aux_menu li.last a { border-right: none; }	
	.aux_menu li a:hover { background-color: #d4dbe7; color: #364a6b; }

/* @end */

/* @group Nav */

/* NAVIGATION
============================================================ */

#nav { height: 37px; float: left; margin-left: 70px; }
	
	#nav ul { float: left; list-style: none; margin: 0; background: transparent url(/images/nav.gif) -6px -37px no-repeat; }
	#nav li { float: left; position: relative; z-index: 10; }
	#nav a {
		display: block;
		height: 37px;
		text-indent: -5000px;
		background: transparent url(/images/nav.gif) 0 0 no-repeat;
		border: none; }
		
		#nav a:hover { background: none; }
	
	#nav .nav-home a 		{ width: 65px; background-position: -6px 0; }
	#nav .nav-tour a 		{ width: 103px; background-position: -71px 0; }
	#nav .nav-clients a 	{ width: 101px; background-position: -174px 0; }
	#nav .nav-community a 	{ width: 100px; background-position: -275px 0; }
	#nav .nav-pricing a 	{ width: 167px; background-position: -375px 0; }
	#nav .nav-blank a 		{ width: 6px; }
	
	.home #nav .nav-home a 				{ background-position: -6px -74px; }
	.tour #nav .nav-tour a 				{ background-position: -71px -74px; }
	.clients #nav .nav-clients a 		{ background-position: -174px -74px; }
	.community #nav .nav-community a 	{ background-position: -275px -74px; }
	.pricing #nav .nav-pricing a 		{ background-position: -375px -74px; }
	
	.home #nav .nav-home a,
	.tour #nav .nav-tour a,
	.clients #nav .nav-clients a,
	.community #nav .nav-community a,
	.pricing #nav .nav-pricing a 		{ background-image: url(/images/nav.gif); }
	
	.nav_sel_l { position: absolute; top: 0; left: -6px; }
	.nav_sel_r { position: absolute; top: 0; left: 0; }

/* @end */

/* @group Search */

/* SEARCH
============================================================ */

#search { height: 37px; float: right; }

	#search .text_field {
		float: left;
		height: 18px;
		width: 180px;
		line-height: 18px;
		padding-left: 3px;
		background-color: #999;
		border-top: 1px solid #555;
		border-right: 1px solid #666;
		border-bottom: 1px solid #bbb;
		border-left: 1px solid #666;
		color: #fff;
		margin: 6px 6px 0 0; }

/* @end */

/* @group Boxes */

/* BOXES
============================================================ */
		
/*
.round_box_wrapper {
	padding: 0 2px 0 0;
	background: transparent url(/images/box_r.png) 100% 0 repeat-y;
	margin-top: 8px; }
*/
		
.round_box {
	background: #fff url(/images/box_gradient.jpg) bottom left repeat-x;
	margin-bottom: 30px;	
	padding: 0 20px 20px;
	position: relative; }
	
	.grid_16 .round_box {padding: 0 40px 20px; }
	
.box_tl, .box_tr, .box_bl, .box_br, .box_l { position: absolute; width: 100%; }
.box_bl, .box_tl, .box_l { left: -2px; }
.box_br, .box_tr { right: -2px; }
.box_tl, .box_tr { height: 7px; top: -7px; }
.box_bl, .box_br { height: 8px; bottom: -8px; }
	
.box_tl { background: transparent url(/images/box_tl.png) 0 0 no-repeat; }	

.box_tr { background: transparent url(/images/box_tr.png) 100% 100% no-repeat; }
	
.box_l { height: 100%; width: 2px; background: transparent url(/images/box_l.png) 0 0 repeat-y; }
	
.box_bl { background: transparent url(/images/box_bl.png) 0 100% no-repeat; }	
	.grid_5 .box_bl, .grid_5 .box_tl { width: 277px; }
	.grid_8 .box_bl, .grid_8 .box_tl { width: 457px; }
	.grid_11 .box_bl, .grid_11 .box_tl { width: 637px; }
	.grid_16 .box_bl, .grid_16 .box_tl { width: 937px; }
	
.box_br { background: transparent url(/images/box_br.png) 100% 100% no-repeat; }


.round_box .boxhdr {
	background: transparent url(/images/boxhdr_l-blue.png) 0 0 no-repeat;
	position: relative;
	left: -20px;
	top: -6px;
	height: 35px;
	width: 100%;
	margin-bottom: 4px; }
	
	.boxhdr h3 {
		color: #fff;
		line-height: 36px;
		font-size: 1.18em;
		/*font-weight: bold; text-shadow: #525252 0 1px 2px;*/
		position: relative;
		margin-left: 20px;
		margin-right: -7px;		
		background: transparent url(/images/boxhdr_r-blue.png) 100% 0 no-repeat; }
		
		.boxhdr h3 a { color: #fff; }
		.box_green .boxhdr h3 a { border-color: #9dbca3; }
		.box_red .boxhdr h3 a { border-color: #d5aab1; }
		.box_blue .boxhdr h3 a { border-color: #a6bad8; }
		.box_white .boxhdr h3 a { color: #314464; border-color: #c3d0e0; }
	
.grid_5 .boxhdr { width: 273px; }
.grid_8 .boxhdr { width: 453px; }
.grid_11 .boxhdr { width: 633px; }
.grid_16 .boxhdr { width: 933px; left: -40px; }

.box_green .boxhdr		{ background-image: url(/images/boxhdr_l-green.png); }
.box_green .boxhdr h3	{ background-image: url(/images/boxhdr_r-green.png); }
.box_red .boxhdr		{ background-image: url(/images/boxhdr_l-red.png); }
.box_red .boxhdr h3		{ background-image: url(/images/boxhdr_r-red.png); }
.box_blue .boxhdr		{ background-image: url(/images/boxhdr_l-blue.png); }
.box_blue .boxhdr h3	{ background-image: url(/images/boxhdr_r-blue.png); }
.box_white .boxhdr		{ background-image: url(/images/boxhdr_l-white.png); }
.box_white .boxhdr h3	{
		background-image: url(/images/boxhdr_r-white.png);
		color: #456187;
		text-transform: uppercase;
		letter-spacing: 1px; }
		
.grid_16 .boxhdr h3 { padding-left: 20px; }

/* @end */

/* @group Buttons */

/* BUTTONS
============================================================ */

a.btn_green,
a.btn_green_large,
a.btn_red,
a.btn_grey {
	display: block;
	width: 134px;
	height: 24px;
	line-height: 23px;
	background: transparent url(/images/btn_green.png) 0 0 no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 1.08em;
	padding-left: 15px;
	padding-right: 22px;
	text-align: center;
	border-bottom: none !important; }
	
	a.btn_red { background: url(/images/btn_red.png); }
	a.btn_grey { background: url(/images/btn_grey.png); }
	a.btn_green_large { background: url(/images/btn_green_large.png); width: 262px; }

/* @end */



/* @group Footer */

/* FOOTER
============================================================ */

#footer {
	clear: both;
	height: 40px;
	width: 100%;
	text-align: center; }

#footer ul { list-style: none; margin: 0; padding: 0; }
#footer li { margin: 0; padding: .1em 10px .1em 12px; display: inline; border-left: 1px solid #8799b1; }
#footer li.first { border: none; }

/* @end */

/* @group Home */

/* HOME
============================================================ */

/* Top Feature */

.home_feature {
	width: 940px;
	height: 288px;
	margin-top: 23px;
	margin-bottom: 16px;
	background: transparent url(/images/home_feature.jpg) 0 0 no-repeat;
	color: #26304D; }
	
	.home_feature h2, .home_feature h3 { height: 1px; text-indent: -5000px; margin: 0;}	
	.home_feature .features { float: left; display: inline; width: 500px; margin: 120px 0 0 25px; }		
	#content .home_feature .features li { background-image: url(/images/bullet_white.png); padding-left: 12px; }		
	.home_feature .signup { float: right; display: inline; width: 278px; margin: 110px 60px 0 0; color: #fff; font-size: 1.08em; }		
	.home_feature .signup a.btn_green { font-size: 1em; float: right; }


/* Next Steps */
	
ul.next_steps { margin: -7px 0 0 0; }
	
	#content .next_steps li {
		width: 278px;
		height: 34px;
		margin-left: -20px;
		margin-right: -20px;
		padding: 0;
		border-bottom: 1px solid #d9d9d9; }
		
	#content .next_steps li a {
		border: none;
		display: block;
		padding-left: 20px;
		line-height: 34px;
		font-size: 1.08em;
		color: #666; }
		
	#content .next_steps li a:hover { color: #2B558C; }
		
	#content .next_steps .videos { background: #fff url(/images/steps_videos.gif) 0 0 no-repeat; }
	#content .next_steps .contact { background: #fff url(/images/steps_contact.gif) 0 0 no-repeat; }
	#content .next_steps .resources { background: #fff url(/images/steps_resources.gif) 0 0 no-repeat; }
	
	
/* Testimonials */
	
.round_box.testimonials { background: #fff url(/images/bg_testimonials.jpg) 100% 100% no-repeat; }

	.testimonials blockquote {
		float: left;
		width: 280px;
		margin: 1em 19px 1.5em 0;
		font-style: normal; }
		
	.testimonials .btn_grey { margin: 1em auto; }


/* Free Trial */
		
.round_box.free_trial .sticker { float: left; position: relative; top: -55px; }	
.round_box.free_trial .boxhdr h3,
.round_box.free_trial ul { padding-left: 90px; }
.grid_11 .round_box.free_trial .btn_red { float: right; margin: -30px 0; }

/* @group Slider */

/* Slider */
.feature_slider { padding: 0; }

#slider1 h4 { margin-bottom: 1.2em; }
#slider1 .two_col li { font-weight: bold; color: #666; }

/* Slider width and Height */
.stripViewer, .stripViewer .panelContainer .panel { width: 637px; }
/*.csw, .stripViewer { height: 320px; }*/
.stripViewer .panelContainer .panel .wrapper { padding: 0 20px; }

.panel { margin: 0 20px; }


.csw { width: 100%; overflow: scroll; }
.csw .loading { margin: 200px 0 300px 0; text-align: center; }
.stripViewer { position: relative; overflow: hidden;  margin: auto; clear: both; }
.stripViewer .panelContainer { position: relative; left: 0; top: 0; width: 100%; list-style-type: none; }
.stripViewer .panelContainer .panel { float:left; height: 100%; position: relative; }

.stripNavL, .stripNavR { display: none; }


.stripNav {
	background: transparent url(/images/boxhdr_l-red.png) 0 0 no-repeat;
	position: relative;
	left: 0;
	top: -6px;
	height: 35px;
	width: 633px !important;
	margin-bottom: 14px; }
	
	.stripNav ul {
		float: left;
		height: 37px;
		width: 640px !important;
		background: transparent url(/images/boxhdr_r-red.png) 100% 0 no-repeat;
		margin: 0 -7px 0 0; }
		
	#content .stripNav li {
		background: none;
		padding: 0;
		float: left;
		text-align: center;
		height: 42px;
		background: transparent url(/images/bg_slidernav.png) 0 30px repeat-x; }
		
	.stripNav .tab1 { width: 219px; border-left: 0 !important; }
	.stripNav .tab2 { width: 180px; }
	.stripNav .tab3 { width: 78px; }
	.stripNav .tab4 { width: 163px; border-right: 0 !important; }
	
	.stripNav .tab1 a { margin-left: 10px; }
	.stripNav .tab4 a { margin-right: 10px; }	
		
	.stripNav li a {
		color: #fff;
		border: none;
		display: block;
		font-size: 1.07em;
		/*padding: 0 15px;*/
		height: 35px;
		line-height: 36px;
		border-right: 1px solid #aa4858;
		border-left: 1px solid #C4818C; }
		
		.stripNav li a.current { background: transparent url(/images/bg_slidernav_selected.png) 50% 0 no-repeat; }

/* @end */

/* @end */

/* @group Text Pages */

/* TEXT PAGES
============================================================ */

.top_feature {
	background: url(/images/bg_topfeature.png) 0 0 no-repeat;
	height: 145px;
	position: relative;
	margin-top: 18px; }
	
	.top_feature .desk { position: absolute; top: 1px; right: 2px; z-index: 5000; }
	.top_feature .btn_green_large { margin-left: 20px; }
	.top_feature h2 {
		color: #fff;
		margin: 20px;
		font-size: 1.5em;
		background: transparent 0 0 no-repeat; }
	
		.top_feature h2.see_for_yourself {
			text-indent: -5000px;
			background-image: url(/images/tf_seeforyourself.png);
			margin: 30px 0 15px 20px; }

.grid_16 .boxhdr h3 { text-transform: uppercase; letter-spacing: 1px; font-weight: bold; }
.grid_8 .testimonials blockquote { float: none; width: 100%; }
.grid_8 .free_trial .sticker { top: -18px; }
.grid_8 .free_trial .boxhdr h3 { padding-left: 0; }
.grid_8 .free_trial .btn_red {
	clear: left; margin-left: 90px; position: relative; top: -25px; margin-bottom: -25px; }
	
img.left {
	float: left;
	margin-right: 1em; }
	
.tour_description {
	float: right; width: 290px; }
	
.divider {
	clear: both;
	margin: 1.5em 0; }

/* @group Pricing Table */

/* PRICING TABLE
============================================================ */

.pricing table {
	width: 98%; }

.pricing thead th {
	background: transparent url(/images/th_plan.gif) 0 0 no-repeat;
	width: 120px;
	height: 36px;
	padding: 0;
	color: #fff;
	font-size: 1.18em;
	text-shadow: rgba(0,0,0,0.67) 0 0 2px; }
	
tr.price td {
	text-align: center;
	font-size: 1.36em;
	font-weight: bold;
	color: #999;
	padding: 8px 0;
	background: transparent url(/images/table_price.jpg) 0 0 no-repeat; }
	
	tr.price td sup { font-size: .76em; }
	tr.price td .amount { color: #841b2d; }
	
tbody td.spacer {
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #d9d9d9;
	padding-left: 0;
	padding-right: 0; }
	
tr.price td.spacer { background: none; }
tr.signup td.spacer { background: none; }

tbody td {
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #ececec; }
	
	tbody td img { vertical-align: middle; margin-right: 5px; margin-bottom: 4px; }

tr.signup td { padding: 0; }
		
	tr.signup td a {
		display: block;
		/*background: transparent url(/images/table_signup.gif) 0 0 no-repeat;*/
		width: 175px;
		height: 50px;
		text-indent: -5000px;
		margin: 0 auto 5px;
		border-bottom: none !important; }
	
tbody th {
	background: #fff;
	text-align: left;
	border-bottom: 1px solid #d9d9d9;
	padding-left: 10px; }
	
tbody .odd td { background-color: #fffdf2; }
	
tbody .odd th,
tbody .odd .spacer { background-color: #fffbe5; }
	
tfoot td { background: transparent url(/images/table_footer.gif) 0 0 no-repeat; height: 28px; }
tfoot td.spacer { background: none; }

/* @end */
	
	
.fine_print {
	float: left;
	width: 45%;
	margin: 0 2%;
	font-size: .91em; }

/* @end */

/* @group Blog */

/* BLOG
============================================================ */

.postmetadata { color: #888; margin: 0 0 -1em 0; border-top: 1px solid #ddd; padding-top: 1em; text-align: right;}
.postmetadata a { color: #888; }
.postmetadata .post_date { float: left; }

.archive .postmetadata {
	border-top: 0; padding: 0 0 1em; margin-bottom: 1em; text-align: left;}
	
.archive h4 { margin-bottom: .5em; }
.archive .post { border-bottom: 1px solid #ddd; margin-bottom: 1em; }

.navigation { float: left; clear: both; width: 100%; margin-bottom: 1.5em; }
.alignright { float: right; }
.alignleft { float: left; }

#sidebar h2 { font-size: 1.18em; margin-top: 1.5em;}
ul#sidebar { margin: 0; list-style: none; }
ul#sidebar ul { margin-bottom: 1.5em; }
ul#sidebar ul ul { margin-bottom: 0; }
ul#sidebar li { background: none !important; padding-left: 0 !important;}
ul#sidebar li li li { padding-left: 12px !important;}
.sb_message { margin-top: 45px; }

.comments h3 .rss { color: #999; font-size: .85em; }
.comments h3 .rss a { color: #888; }

/* @end */