/*-----------------------------------------------------

	CodePress.co.uk
	Professional Front-end web development

------------------------------------------------------*/

@import url("reset.css");

body {font:62.5% "Trebuchet MS", Arial, Helvetica, sans-serif; color:#feffff; background:#235f77 url(../images/body_BG.jpg) top repeat-x;}
	#skiplinks {position:absolute; left:-9999px;}
	
.contact_form p
{
font-size: 1.2em;	
}

a:link{ color:#00aeef; text-decoration:none;}
a:visited{ color:#046184; text-decoration:none;}
a:hover{ color:#28c4fe;}


.body_wrapper{ width:100%; padding-top:25px; background:#235f77 url(../images/Layout_BG.jpg) top repeat-x; }


#header{ width:982px; margin:0 auto 8px auto; overflow:hidden; font-size:1.2em;}
	#header .logo{ float:left; width:214px; display:inline; margin-left:0;}
	#header .logo a{ float:left; width:100%; cursor:pointer;}
	#header .login_panel{ float:right; text-align:right; width:600px; display:inline; margin:24px 9px 0 0;}
	#header .login_panel p{ line-height:200%;}
	#header .login_panel a{ padding-left:18px;}
	#header .login_panel span.mail_us{ padding-left:16px;}
	#header .login_panel span.mail_us a{ padding:0;}

.page_wrapper_shadow{ width:982px; background:url(../images/page_shadow.png); margin:0 auto; position:relative;}
.page_wrapper{ width:962px; margin:0px auto; position:relative; z-index:5;}
.base_shadow{ position:absolute; z-index:2; bottom:-15px; left:-40px; width:1062px; height:40px; text-indent:-999px; overflow:hidden; background:url(../images/page_bottom_shadow.jpg) no-repeat;}

#navigation{ width:100%; margin:0 auto;}
	.main_nav{ width:100%; overflow:hidden;}
	.main_nav li{ float:left; display:inline; margin-right:1px; width:159px; height:34px; line-height:180%; text-align:center; font-size:1.7em; font-weight:bold;}
	.main_nav li.nav_first{ width:162px;}

	.main_nav li a:link,
	.main_nav li a:visited{ float:left; width:100%; height:100%; color:#fff; background:#575755 url(../images/navigation.gif) -162px 0 no-repeat;}
	.main_nav li a:hover{ background:#7d7d7a url(../images/navigation.gif) -162px -34px no-repeat;}

	.main_nav li#nav_first a:link,
	.main_nav li#nav_first a:visited{background:#575755 url(../images/navigation.gif) 0 0 no-repeat;}
	.main_nav li#nav_first a:hover{ background:#7d7d7a url(../images/navigation.gif) 0 -34px no-repeat;}
	
	.main_nav li#nav_last{ margin:0;}
	.main_nav li#nav_last a:link,
	.main_nav li#nav_last a:visited{ background:#575755 url(../images/navigation.gif) -321px 0 no-repeat;}
	.main_nav li#nav_last a:hover{ background:#7d7d7a url(../images/navigation.gif) -321px -34px no-repeat;}
	
	.main_nav li.on a:link,
	.main_nav li.on a:visited,
	.main_nav li.on a:hover{ background:#fff url(../images/navigation.gif) -162px -68px no-repeat; color:#464645;}
	
	.main_nav li#nav_first.on a:link,
	.main_nav li#nav_first.on a:visited,
	.main_nav li#nav_first.on a:hover{ background:#fff url(../images/navigation.gif) 0 -68px no-repeat;}
	
	.main_nav li#nav_last.on a:link,
	.main_nav li#nav_last.on a:visited,
	.main_nav li#nav_last.on a:hover{ background:#fff url(../images/navigation.gif) -321px -68px no-repeat;}
	
	.sub_nav{ width:100%; border-bottom:5px #babab6 solid; background:#fff url(../images/sub_nav_bg.gif) bottom repeat-x;}
	.sub_nav li{ display:inline; font-size:1.3em; line-height:240%; color:#9a9a9a;}
	.sub_nav li a:link,
	.sub_nav li a:visited{ color:#9a9a9a; padding:0 24px;}
	.sub_nav li.on a:link,
	.sub_nav li.on a:visited,
	.sub_nav li a:hover{ color:#464645;}


.slide_holder{ width:962px; margin-bottom:-10px; position:relative; z-index:10;}
	.slide_content_holder{ width:100%; background:#fff;}
	.slide_content{ width:941px; height:309px; overflow:hidden; margin:0 auto;
					background:url(../images/tab_content_bg.gif) bottom no-repeat; color:#1d1d1d; display:none; z-index: 1;}
		.ad_txt{ float:left; width:436px; display:inline; margin:35px 0 0 20px; overflow:hidden;}
		.ad_txt h2{ margin-bottom:16px;}
		.ad_txt p{ font-size:1.4em; margin-bottom:14px; line-height:134%;}
		.ad_txt p strong a{ font-weight:bold;}
		.ad_img{ float:right; display:inline; margin-right:20px; margin-top:32px;}
		
		#slide_content1 .ad_txt{ position:relative; left:14px;}
		#slide_content1 .ad_txt p{ width:380px;}
		
		#slide_content2 .ad_txt{ width:580px; margin-left:34px;}
		#slide_content2 .ad_txt p,
		#slide_content2 .ad_txt .txt_in_title{ line-height:136%;}
			.ad_txt .ad_txt_in1{ float:left; width:258px; display:inline; margin-right:16px; margin-top:7px; line-height:150%;}
			.ad_txt .ad_txt_in2{ float:left; width:295px; margin-top:7px;}
			.ad_txt .ad_txt_in2 .txt_in_title{ font-size:1.4em; font-weight:bold;}
		
		#slide_content3 .ad_txt{ width:415px; margin-left:34px;}
			.boost_intro_box{ float:right; width:415px; display:inline;}
			.boost_intro_box .boost_intro_img{ float:left; width:110px;}
			.boost_intro_box .boost_intro_txt{ float:left; display:inline; width:296px; margin:3px 0 0 3px; font-size:1.4em; line-height:135%;}
			.boost1{ margin:38px 72px 0 2px;}
			.boost2{ float:left; display:inline; margin:16px 0 0 20px;}
			.boost3{ margin:9px 72px 0 0;}
			
		#slide_content4 .ad_txt{ width:415px; margin-left:34px;}
		#slide_content4 .ad_txt h2{ margin-bottom:16px;}
		
		#slide_content5 .ad_txt{ width:430px; margin-left:34px;}
		#slide_content5 .ad_txt h2{ margin-bottom:16px;}
		
		#slide_content5 .ad_img{ margin:34px 34px 0 0;}
		
	.slide_tabs{ width:100%; border-top:10px #fff solid;}
	.slide_tabs ul{ width:100%; height:76px; overflow:hidden; background:url(../images/tab_select_bg.gif) top repeat-x;}
	.slide_tabs ul li{ float:left; width:193px; height:66px; margin-right:1px;}
	.slide_tabs ul li a{ float:left; width:100%; height:100%; text-indent:-9999px; overflow:hidden;}
	
	.slide_tabs ul li#cascade{ background:url(../images/tab_select.gif) 0 -76px no-repeat;}
	.slide_tabs ul li#overview{ background:url(../images/tab_select.gif) -386px -76px no-repeat;}
	.slide_tabs ul li#boost{ background:url(../images/tab_select.gif) -193px -76px no-repeat;}
	.slide_tabs ul li#examples{ background:url(../images/tab_select.gif) -579px -76px no-repeat;}
	.slide_tabs ul li#try{ width:186px; margin:0; background:url(../images/tab_select.gif) -772px -76px no-repeat;}
	
	.slide_tabs ul li.on{ height:76px;}
	.slide_tabs ul li#cascade.on{ background:url(../images/tab_select.gif) 0 0 no-repeat;}
	.slide_tabs ul li#overview.on{ background:url(../images/tab_select.gif) -386px 0 no-repeat;}
	.slide_tabs ul li#boost.on{ background:url(../images/tab_select.gif) -193px 0 no-repeat;}
	.slide_tabs ul li#examples.on{ background:url(../images/tab_select.gif) -579px 0 no-repeat;}
	.slide_tabs ul li#try.on{ width:186px; margin:0; background:url(../images/tab_select.gif) -772px 0 no-repeat;}


#content{ width:100%; background:#171919 url(../images/content_bg.gif) 0 0 repeat; position:relative; z-index:9;}
.content_inside{ width:100%; margin:0 auto; overflow:hidden; background:url(../images/content_bottom_lines.gif) 1px bottom no-repeat;}
	.main_content{ float:left; width:633px; overflow:hidden; padding:29px 0 0 0; background:url(../images/main_content_top.gif) 0 0 no-repeat;}
	.main_content_inside{ float:left; width:555px; overflow:hidden; display:inline; margin:0px 0 0 31px; padding-left:3px;}
	.main_content h1{ width:100%; margin-bottom:26px; font-size:1.7em; line-height:210%; background:url(../images/h_bg1.gif) bottom repeat-x; font-weight:normal;}
	.main_content h1 strong{ font-size:1.6em; color:#009add; font-weight:normal; position:relative; left:-2px;}
	
	.single_paragraph{ font-size:1.4em;}
	.single_paragraph h4{ font-size:1.5em; margin-bottom:10px;}
	.single_paragraph p{ color:#939494; line-height:150%; margin-bottom:20px;}
	.single_paragraph p.logos{ margin-top:-19px; margin-bottom:3px;}
	.single_paragraph p strong{ color:#00a4e6; font-weight:normal;}
	.single_paragraph .para_title{ margin-top:20px;}
	
	.sidebar{ float:right; width:329px; padding-top:29px; background:url(../images/sidebar_top.gif) top right no-repeat;}
	.sidebar h3{ width:251px; margin:0 auto 26px; font-size:1.7em; line-height:210%; background:url(../images/sidebar_h_bg.gif) bottom repeat-x; font-weight:normal;}
	.sidebar h3 strong{ font-size:1.6em; color:#009add; font-weight:normal;}
	.portfolio_work{ font-size:1.9em;}
	.portfolio_work strong{ color:#009add; font-weight:normal;}
	.portfolio_work p{ width:251px; margin:0 auto;}
	.img_holder{ width:285px; height:258px; background:url(../images/image_bg1.gif) no-repeat; margin:0 auto 6px;}
	.img_holder img{ width:235px; height:208px; margin:20px 0 0 25px;}
	.img_holder2{ width:285px; height:258px; background:url(../images/image_bg2.gif) no-repeat; margin:0 auto 11px;}
	.img_holder2 img{ width:235px; height:208px; margin:20px 0 0 25px;}

.cascade_blog{ width:100%; overflow:hidden; background:#0f1010 url(../images/content_blog_top.gif) top repeat-x;}
	.cascade_blog h2{ width:885px; overflow:hidden; margin:20px 0 30px 33px; font-size:1.7em; line-height:190%;
		background:url(../images/h_bg1.gif) bottom repeat-x; font-weight:normal;}
	.cascade_blog h2 strong{ font-size:1.6em; color:#fe0076; font-weight:normal; position:relative; left:-2px;}
	.cascade_blog h2 span{ float:right; line-height:240%;}
	
	.blog_holder{ width:100%; overflow:hidden; padding-bottom:35px; background:url(../images/content_blog_bottom.gif) bottom no-repeat;}
	.single_blog{ float:left; width:267px; display:inline; margin-left:38px; font-size:1.4em;}
	.single_blog p{ color:#939494; line-height:140%; margin-bottom:20px;}
	.single_blog div.para_title{}
	.single_blog p strong{ color:#fe0076; font-weight:normal;}

.cascade_powerd_by{ font-size:1.2em; border-top:4px #babab6 solid; width:100%; overflow:hidden;
					background:#6c6c6a url(../images/content_bottom_bg.gif) bottom no-repeat;}
.cascade_powerd_by .cascade_contact{ float:left; display:inline; margin-left:9px; line-height:320%;}
.cascade_powerd_by .cascade_powerd{ float:right; display:inline; margin-right:15px; line-height:320%;}



#footer{ width:982px; margin:26px auto; overflow:hidden; font-size:1.2em;}
	#footer ul.footer_links{ float:left; width:500px; padding:7px 0; display:inline; margin-left:20px;}
	#footer ul.footer_links li{ display:inline;}
	#footer ul.footer_links a:link,
	#footer ul.footer_links a:visited{ color:#fff; padding:0 8px;}
	#footer ul.footer_links a:hover{ color:#ccc;}
	#footer p{ float:right; display:inline; margin-right:23px; text-align:right; width:340px; padding:6px 44px 6px 0;
			   background:url(../images/footer_logo_on.gif) right top no-repeat;}


/*index page*/
#content.index .main_content{ padding-top:37px; background:url(../images/index_main_content_bg.gif) top no-repeat;}
#content.index .sidebar{ padding-top:37px; background:url(../images/index_sidebar_bg.gif) top no-repeat;}


/*for wider main_content and thinner sidebar page*/
#content.content_type2{ background:#171919 url(../images/content_bg2.gif);}
#content.content_type2 .content_inside{ padding-bottom:50px; background:url(../images/content_bottom_lines2.gif) 1px bottom no-repeat;}
#content.content_type2 .main_content{ width:693px;}
#content.content_type2 .sidebar{ width:269px;}
#content.content_type2 .sidebar h3{ width:190px;}

/*product page*/
.video_holder{ width:580px; height:460px; margin:10px 0 14px 22px; background:url(../images/video_bg.gif) 0 0 no-repeat;}
.video_holder .video{ width:560px; height:449px; margin:0 auto;}
.single_term{}
.single_term .term_title{ font-size:1.9em; padding-left:24px; margin-bottom:10px; background:url(../images/item_bg1.gif) 1px 6px no-repeat;}
.single_term .term_content{ padding-left:24px; font-size:1.4em; color:#939494; margin-bottom:19px;}
.single_term .term_content p{ line-height:150%;}

/*portfolio page*/
.portfolio_banner{ margin:8px 0 27px 28px;}
.portfolio .main_content_inside{ width:610px;}
.main_content h1.portfolio_h1{ font-size:1.8em;}
.main_content h1.portfolio_h1 span{ color:#009add;}

.portfolio_content{  padding-top:4px; }
.portfolio_content h4{ font-size:1.9em; margin-bottom:21px;}
.portfolio_content p{ color:#939494; line-height:150%; margin-bottom:19px; font-size:1.4em;}

.portfolio_nav{ width:193px; margin:-11px auto 24px; font-size:1.5em; line-height:160%;}
.portfolio_nav li{ padding-left:24px;  background:url(../images/item_bg3.gif) 1px 3px no-repeat; margin-bottom:12px;}
.portfolio_nav li a:link,
.portfolio_nav li a:visited{ color:#fff;}
.portfolio_nav li a:hover{ text-decoration:underline;}

.how_it_works{ width:226px; margin:4px auto;}

h3.h3_biography_feed strong{ color:#FE0076;}

.biography_paragraph{ width:190px; margin:0 auto; font-size:1.4em;}
.biography_paragraph .para_title{}
.biography_paragraph  p{ color:#939494; margin-bottom:20px;}
.biography_paragraph  p strong{ color:#FE0076; font-weight:normal;}

.portfolio_list_holder{ width:100%; font-size:1.4em; line-height:142%;}
.single_list{ width:100%; overflow:hidden;}
.single_list .list_img{ float:left; display:inline; margin-left:13px; width:285px; height:258px; background:url(../images/portfolio_image_bg1.gif) no-repeat;}
.single_list .list_img_partner{ float:left; display:inline; margin-left:13px; width:285px; height:258px;}
.single_list .list_img2{ float:left; display:inline; margin-left:13px; width:285px; height:258px; background:url(../images/portfolio_image_bg2.gif) no-repeat;}
.single_list .list_img img,
.single_list .list_img2 img{ margin:20px 0 0 25px; width:235px;}
.single_list .list_txt{ float:left; display:inline; width:364px; position:relative; left:-5px; margin-top:28px;}
.single_list .list_txt .row{ width:100%; overflow:hidden; margin-bottom:20px;}
.single_list .list_txt .list_title{ float:left; width:109px; color:#939494;}
.single_list .list_txt .list_content{ float:left; width:255px;}
.single_list .list_txt .website{ font-size:1.4em; padding-bottom: 3px;}
.single_list .list_txt .website span{ color:#009ADD;}


/*blog page*/
.main_content h2{ width:100%; margin-top:57px; margin-bottom:26px; font-size:1.7em; line-height:210%;
				  background:url(../images/h_bg1.gif) bottom repeat-x; font-weight:normal;}
.main_content h2 strong{ font-size:1.6em; color:#009add; font-weight:normal; position:relative; left:-2px;}
#content.blog .single_term .term_title{ background:url(../images/item_bg2.gif) 1px 6px no-repeat;}
#content.blog .main_content h1 strong,
#content.blog .main_content h2 strong,
#content.blog .sidebar h3 strong{ color:#FE0076;}
#content.blog{ border-bottom:3px #171919 solid;}

.sidebar .single_paragraph{ width:190px; margin:0 auto;}
.sidebar .single_paragraph a:link,
.sidebar .single_paragraph a:visited{ color:#FE0076;}


.blog_nav{ width:193px; margin:-11px auto 24px; font-size:1.5em; line-height:160%;}
.blog_nav li{ padding-left:24px;  background:url(../images/item_bg2.gif) 1px 3px no-repeat; margin-bottom:12px;}
.blog_nav li a:link,
.blog_nav li a:visited{ color:#fff;}
.blog_nav li a:hover{ text-decoration:underline;}

.links_friends{ width:193px; margin:0 auto; font-size:1.5em; line-height:160%;}
.links_friends li{ margin-bottom:12px;}
.links_friends li a:link,
.links_friends li a:visited{ color:#fe0076;}
.links_friends li a:hover{ text-decoration:underline;}


.control_buttons 
{
	text-align: right;
}

.inputMedium 
{
	width: 150px;
}