/*---------------------------------------------
*	File Name:		screen.css
*	Website Name:	Beloved Experiential
*	Website URI:	http://www.belovedexperiential.com
*	Copyright:		2009 Beloved Experiential
*	
*	Author: 		Joshua Clarke
*	Author URI:		www.transhumancreative.com
*
*   The body is declared in the master.css
*	stylesheet.  
*--------------------------------------------*/

/*	Global Styles
---------------------------------------------*/

body { background: rgb(179,179,179); color: #000; }

.gutters { padding: 0px 11px; }
.img_right { float: right; margin: 5px 0px 5px 10px; }
.img_left { float: left; margin: 5px 10px 5px 0px; }

/*	Header
---------------------------------------------*/

#header { background: url(../images/bg_body.gif) repeat-y; height: 127px; position: relative; overflow: hidden; }
	#flash_header 	{ background: url(../images/flash_header.gif) no-repeat; float: left; height: 122px; width: 470px; }
	#social_box 	{ background: url(../images/bg_header_right.gif) no-repeat; float: right; height: 90px; position: relative; width: 468px; }
	#social_container	{ height: 70px; margin: 20px 0 0 230px; padding-left: 12px; position: relative; width: 255px; }
		#signup			{ display: none; float: right; height: 50px; margin-right: 15px; }
		#signup_txt  	{ display: block; float: left; height: 50px; line-height: 50px; padding-right: 5px; text-align: right; width: 115px; }
		#signup_inputs 	{ display: block; float: left; height: 23px; margin-top: 14px; text-align: right; width: 112px; }
		#email_signup	{ background: transparent url(../images/bg_email.gif) no-repeat; border: none; float: left; height: 18px; font-size: 1.1em; margin: 0; padding: 5px 0px 0px 5px; width: 84px; }
		#email_submit	{ display: block; background: transparent url(../images/btn_submit_email.gif) no-repeat; border: none; cursor: pointer; cursor: hand; float: left; height: 23px; overflow: hidden; text-indent: -999em; width: 21px; }

/*	Page Structure
---------------------------------------------*/

#wrap 		{ margin:0 auto; position: relative; width:960px; }
#top_cap 	{ background: url(../images/bg_top.gif) no-repeat; height: 18px; position: relative; }
#bottom_cap { background: url(../images/bg_bottom.gif) no-repeat; height: 20px; position: relative; }

#main 		{ background: url(../images/bg_body.gif) repeat-y; min-height: 385px; position: relative; }
#content_group	{ padding: 0px 0px 0px 21px; }
#flash_home 	{ background: url(../images/flash_home.jpg) no-repeat; float: left; height: 375px; margin: 0px 6px 0px 0px; position: relative; width: 673px; }
#press_box 		{ background: url(../images/bg_press_box.gif) no-repeat; float: left; height: 375px; position: relative; width: 222px; }
#press_content		{ color: #555; height: 355px; margin: 10px 10px; overflow: auto; width: 202px; }	

#content_cap	{ background: url(../images/bg_content_cap.gif) no-repeat 153px top; height: 12px; }
#content		{ background: #fff; border-bottom: 1px solid #979797;  border-left: 1px solid #979797; border-right: 1px solid #979797; color: #333; float: left; min-height: 350px; padding: 20px 20px 20px;
				  width: 707px; }
	
#footer		{ background: url(../images/bg_body.gif) repeat-y; min-height: 45px; padding-left: 31px; position: relative; }
#copyright 	{ float: left; height: 20px; line-height: 20px; width: 350px; }

/*	Navigation
---------------------------------------------*/

/*	.h_nav is a global class for horizontal navigation. */
.h_nav	{ display: block; padding: 0; position: relative; }
.h_nav li { background-repeat: no-repeat; float: left; }
.h_nav li a { background-repeat: no-repeat; display: block; float: left; text-indent: -999em; overflow: hidden; }

#nav 	{ float: right; height: 36px; width: 468px; }
	#nav li 				{ margin-right: 6px; }
	#nav li a 				{ height: 36px; width: 109px; }
	#nav li#nav_home,
	#nav li#nav_home a 			{ background-image: url(../images/nav_home.gif); }
	#nav li#nav_about,
	#nav li#nav_about a 		{ background-image: url(../images/nav_about.gif); }
	#nav li#nav_capabilities,
	#nav li#nav_capabilities a 	{ background-image: url(../images/nav_capabilities.gif); }
	#nav li#nav_solutions,
	#nav li#nav_solutions a 	{ background-image: url(../images/nav_solutions.gif); }
	#nav li#nav_connect,
	#nav li#nav_connect a 		{ background-image: url(../images/nav_connect.gif); }
	#nav li#nav_our_people,
	#nav li#nav_our_people a 	{ background-image: url(../images/nav_our_people.gif); }
	
	#nav li#nav_home a:hover,
	#nav li#nav_home a.selected			{ background-image: url(../images/nav_home_over.gif); }
	.about_over,
	#nav li#nav_about a:hover,
	#nav li#nav_about a.selected		{ background-image: url(../images/nav_about_over.gif) !important;; }
	#nav li#nav_capabilities a:hover,
	#nav li#nav_capabilities a.selected	{ background-image: url(../images/nav_capabilities_over.gif); }
	.solutions_over,
	#nav li#nav_solutions a:hover,
	#nav li#nav_solutions a.selected	{ background-image: url(../images/nav_solutions_over.gif) !important;; }
	.connect_over,
	#nav li#nav_connect a:hover,
	#nav li#nav_connect a.selected		{ background-image: url(../images/nav_connect_over.gif) !important;; }
	#nav li#nav_our_people a:hover,
	#nav li#nav_our_people a.selected	{ background-image: url(../images/nav_our_people_over.gif); }

#side_nav { border-top: 1px solid #ccc; float: left; margin: 0px 10px 0px -3px; width: 146px; padding: 0px; }
	#side_nav li a 			{ background: url(../images/bg_sidenav.png) no-repeat bottom right; color: #666; display: block; font-weight: bold; padding: 10px 0px; text-align: right; text-transform: uppercase; }
	#side_nav li a.selected,
	#side_nav li a:hover 	{ color: #c00; text-decoration: none; }

#social_btns { float: right; height: 30px; margin-right: 15px; width: 245px; }
	#social_btns li 		{ margin-right: 12px; padding-right: 11px; }
	#social_btns li a		{ background-position: center center; height: 30px; line-height: 30px; width: 30px; } 
	#social_btns li.last	{ margin-right: 0; padding-right: 0; }
	
	#social_btns li#btn_facebook,
	#social_btns li#btn_facebook a	{ background-image: url(../images/icon_fbook.gif); }
	#social_btns li#btn_twitter,
	#social_btns li#btn_twitter	a	{ background-image: url(../images/icon_twitter.gif);  }
	#social_btns li#btn_linkedin,
	#social_btns li#btn_linkedin a 	{ background-image: url(../images/icon_linkedin.gif); }
	#social_btns li#btn_rss,
	#social_btns li#btn_rss a		{ background-image: url(../images/icon_blog.gif);  }
	
	#social_btns li#btn_facebook a:hover	{ background-image: url(../images/icon_fbook_over.gif); }
	#social_btns li#btn_twitter	a:hover	{ background-image: url(../images/icon_twitter_over.gif);  }
	#social_btns li#btn_linkedin a:hover 	{ background-image: url(../images/icon_linkedin_over.gif); }
	#social_btns li#btn_rss a:hover		{ background-image: url(../images/icon_blog_over.gif);  }

#tout_area 			{ height: 183px; margin: 0px 0px 20px 21px; padding-top: 12px;  }
	#tout_area li 		{ height: 173px; margin-right: 12px; width: 293px; }
	#tout_area li.last	{ margin-right: 0; }
	#tout_area li a		{ height: 173px; width: 293px; }
	#tout_area li#tout_pixman,
	#tout_area li#tout_pixman a		{ background-image: url(../images/tout_ambassadors.jpg); }
	#tout_area li#tout_solution,
	#tout_area li#tout_solution a	{ background-image: url(../images/tout_solutions.jpg); }
	#tout_area li#tout_beloved,
	#tout_area li#tout_beloved a	{ background-image: url(../images/tout_beloved.jpg); }
	
	.tabout_over, #tout_pixman a.selected,
	#tout_area li#tout_pixman a:hover	{ background-image: url(../images/tout_ambassadors_over.jpg) !important; }
	.tsolutions_over, #tout_solution a.selected,
	#tout_area li#tout_solution a:hover	{ background-image: url(../images/tout_solutions_over.jpg) !important;; }
	.tconnect_over, #tout_beloved a.selected,
	#tout_area li#tout_beloved a:hover	{ background-image: url(../images/tout_beloved_over.jpg) !important;; }

#social_chicklets { list-style: none; padding-left: 0; }
	#social_chicklets li { display: block; float: left; width: 48px; }

#footer_nav	{ height: 20px; line-height: 20px; float: right; text-align: right; min-width: 120px; }
	#footer_nav li	{ border-right: 1px solid #ccc; float: left; margin-right: 5px; padding-right: 5px;  }
	#footer_nav li.last { border: none; margin: 0; padding: 0; }

/*	Headings
---------------------------------------------*/

h1 { font-size: 1.2em; font-weight: bold; letter-spacing: normal; text-transform: uppercase; }

h2 { font-weight: bold; font-size: 1.1em; letter-spacing: normal; text-transform: uppercase;}

h3 { font-weight: bold; }


/*	Text Styles
---------------------------------------------*/

p {}
	.form_box { clear: both; min-height: 25px; padding: 5px 0px; width: 350px; }

ul {}
	#content ul { list-style: square inside; padding-left: 0;  }

ol {}
	#content ol { list-style: decimal inside; padding: 0; }
	
table {}
	.data_table {
		display: block;
		background: url(../images/table_approach.png) no-repeat; 
		width: 663px;
		height: 393px;
		border: 0px;
		padding: 0px;
		text-indent: -999em;
		overflow: hidden;
	}

/*	Forms
---------------------------------------------*/

form {}
	.left_label { display: block; float: left; height: 15px; margin-right: 5px; width: 50px; }
	.required { color: #c00; font-weight: bold }
	.text_input { display: block; float: left; height: 15px; padding: 2px 0px; }
	.text_input input { border: 1px solid #999; height: 15px; width: 100px; }
	.input_checkbox { display: block; float: left; height: 15px; margin-right: 5px; padding: 2px 0px; width: 50px; }
	.label_checkbox { display: block; float: left; height: auto; width: 250px; }
	.input_submit { height: 15px; margin-left: 55px; }
	

/*	Extras
---------------------------------------------*/