/* CSS Contents
******************************************************************************
The organization of this document follows that of the page template.

1. General Layout
2. General Typography
3. Main Column
4. Navbar
5. Footer
6. Sidebar

*/


/* GENERAL LAYOUT CSS
******************************************************************************/
*{
	margin:0;
	padding:0;
	font-family:Helvetica, Arial, sans-serif;
	list-style:none;
	text-decoration:none;
}

body{
	background:url("/css/img/layout/background.jpg") #000000 no-repeat top center;
}

#container{
	width:900px;
	margin:0 auto;
}

#header{
	height:90px;
	background:url("/css/img/layout/header.jpg") no-repeat 0 0;
}

#header h1, #header a{
	display:block;
	height:90px;
	width:900px;
	margin:0px;
}

#header span{
	display:none;
}

#main_col{
	width:730px;
	float:left;
	background:#ffffff url("/css/img/layout/content_back.jpg") repeat-y 0 0;
	margin-top:10px;
	margin-bottom:10px;
}

#nav_bar{
	height:42px;
	background:url("/css/img/layout/navbar_bottom.jpg") no-repeat bottom left;
}


#footer{
	height:22px;
	border-top:1px solid #121212;
	text-align:center;
	margin-top:20px;
	padding-top:5px;
	clear:both;
}

#footer p{
	margin:0px;
}


#side_col{
	background:url("/css/img/layout/sidebar_back.jpg") no-repeat 0 0;
	width:160px;
	float:left;
	margin-left:10px;
	padding-top:10px;
	text-align:center;
	min-height:560px;
	height:auto !important;
	height:560px;
}

#header_box{
	background:url("/css/img/layout/main_col_back.jpg") no-repeat 1px 0;
	display:block;
	width:720px;
	overflow:auto;
	padding-bottom:10px;
	padding-left:10px;
	position:relative;
}

#header_content{
	margin-top:15px;
}

#header_content_left{
	width:405px;
	float:left;
}

#header_content_right{
	float:right;
	width:277px;
}

#header_content_right ul{
	width:277px;
	overflow:aut;
}

#header_content_right p{
	padding-left:5px;
}

#header_box li a{
	float:left;
	display:block;
	width:132px;
	height:24px;
	margin:0 0 2px 2px;
}

#header_box li a span{
	display:none;
}

#filter_virtual_studio{
	background:url("/css/img/filter/filter_virtual.jpg") no-repeat 0 0;
}

#filter_data_mining{
	background:url("/css/img/filter/filter_data.jpg") no-repeat 0 0;	
}

#filter_ip_development{
	background:url("/css/img/filter/filter_ip.jpg") no-repeat 0 0;
}

#filter_social_media_solutions{
	background:url("/css/img/filter/filter_social.jpg") no-repeat 0 0;
}

#header_box li a:hover, #header_content li.filter_selected a{
	background-position:0 -24px;
}

#about_container{
	height:auto !important;
	margin:10px 10px;
	min-height:200px;
	width:710px;
}

#about_left_col{
	width:225px;
	float:left;
}

#about_left_col li{
	margin:5px 0;
}

#about_left_col li a{
	padding:5px 10px;
	color:#181818;
	display:block;
	width:200px;
}

#about_left_col li a:hover{
	background:#FCEDD6;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-decoration:none;
}

#about_left_col li.partner_selected a{
	background:#FCEDD6;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

/* General Typography CSS
******************************************************************************/

a, a:hover, a:active{
	border:none;
}

a img{
	border:none;
}

#main_col h2{
	margin:10px 0 0 0;
	font-size:22px;
}

#main_col h3{
	color:#181818;
	font-size:17px;
	margin:5px 0 0 0;
	font-weight:bold;
}

html #main_col #news_page h3{
	margin:-5px 0 0 0;
}


#two_col_box .single_col_box h3{
	margin-bottom:0px;
}

#main_col h4{
	margin-top:5px;
	color:#181818;
	font-size:14px;
	font-weight:bold;
}

#main_col .about_info h4{
	margin-top:-2px;
}

#main_col h5{
	color:#9e9e9e;
	font-size:12px;
	margin:0 0 12px;
	font-weight:bold;
}

#main_col p{
	font-size:12px;
	line-height:16px;
	margin:0 0 6px 0;
	color:#333333;
}

#main_col a{
	color:#730003;
	font-size:12px;
}

#main_col .client_website{
	display:block;
	color:#730003;
	font-size:10px;
	margin-bottom:10px;
}

#main_col #footer a{
	color:#9E9E9E;
	font-size:10px;
}

#main_col a:hover{
	text-decoration:underline;
}


#main_col .special_list a{
	font-size:12px;
	color:#730003;
}

#main_col .special_list p{
	line-height:14px;
	margin-bottom:0;
	width:90px;
}

.special_list a:hover{
	text-decoration:underline;
}

/* Main Column
******************************************************************************/
.float_clear{
	clear:left;
}

#main_col_enclosure{
	background:url("/css/img/layout/main_col_back.jpg") no-repeat 1px 0;
	position:relative;
	padding:10px 0;
}

#main_infographic{
	margin:0 auto;
	height:460px;
	width:710px;
	position:relative;
	background:url("/css/img/infographic/new_inforgraphic_background.jpg") no-repeat 0 0px;
}

/* IE6 Compatibility needs to be addressed.  Hover states in IE6 only work on A tags with href, here is used on DIV.  Perhaps resolve with JS */

#main_infographic .info_item{
	height:115px;
	width:115px;
	position:absolute;
	background:url("/css/img/infographic/info_empty.gif") no-repeat 0 0;
}

#main_infographic .info_item:hover > .hit_area{
	background-position:0 0;
}

#main_infographic .info_item:hover > .reveal, #main_infographic .info_item:hover > a{
	display:block;
}

.hit_area{
	background-color:#ff0000;
	width:115px;
	height:115px;
	position:absolute;
	z-index:100;
}

.reveal{
	width:100px;
	height:100px;
	position:absolute;
	display:none;
}

#main_col .reveal p{
	display:block;
	font-size:11px;
	color:#a8886c;
	margin-top:41px;
}

#info_virtual .reveal p, #info_social .reveal p{
	padding:0 18px 0 74px;
}

#info_data .reveal p, #info_ip .reveal p{
	padding:0 45px 0 18px;
}

#main_col .info_item a{
	background:url("/css/img/infographic/btn_read_more.jpg") no-repeat 0 0;
	height:17px;
	width:80px;
	position:absolute;
	z-index:200;
	display:none;
	margin-left:40px;
}

#main_col .info_item a:hover{
	background-position:0 -17px;
}

#main_col .info_item a span{
	display:none;
}

#main_col #info_social a{
	bottom:-20px;
	right:-256px;
}

#main_col #info_virtual a{
	bottom:-22px;
	right:-257px;
}

#main_col #info_data a{
	bottom:-21px;
	left:-89px;
}

#main_col #info_ip a{
	bottom:-10px;
	left:-89px;
}	

#info_virtual .reveal{
	width:342px;
	height:141px;
	top:11px;
	left:45px;
	z-index:10;
	background:url("/css/img/infographic/info_virtual_back.jpg") no-repeat 0 0;
}

#info_social .reveal{
	width:341px;
	height:142px;
	top:9px;
	left:44px;
	z-index:10;
	background:url("/css/img/infographic/info_social_back.jpg") no-repeat 0 0;
}

#info_ip .reveal{
	width:343px;
	height:130px;
	top:11px;
	right:69px;
	z-index:10;
	background:url("/css/img/infographic/info_ip_back.jpg") no-repeat 0 0;
}

#info_data .reveal{
	width:344px;
	height:138px;
	top:11px;
	right:69px;
	z-index:10;
	background:url("/css/img/infographic/info_data_back.jpg") no-repeat 0 0;
}

#info_virtual{
	top:83px;
	left:42px;
}

#info_ip{
	top:83px;
	left:553px;
}

#info_data{
	top:216px;
	left:553px;
}

#info_social{
	top:260px;
	left:43px;
}


#info_virtual .hit_area{
	background:url("/css/img/infographic/info_virtual.jpg") no-repeat 0 115px;
}

#info_ip .hit_area{
	background:url("/css/img/infographic/info_ip.jpg") no-repeat 0 115px;
}

#info_data .hit_area{
	background:url("/css/img/infographic/info_data.jpg") no-repeat 0 115px;
}

#info_social .hit_area{
	background:url("/css/img/infographic/info_social.jpg") no-repeat 0 115px;
}


#main_infographic #easter_comic{
	width:30px;
	height:30px;
	top:285px;
	left:370px;
	background:none;
}

#main_infographic #easter_comic .reveal{
	width:209px;
	height:162px;
	margin:-20px 0 0 -20px;
	background:url("/css/img/infographic/easter_comic.jpg") no-repeat 0 0;
}

#main_infographic #easter_comic .reveal p{
	margin:74px 22px 0 44px;
}


#main_infographic #easter_brain{
	width:44px;
	height:33px;
	top:172px;
	left:359px;
}

#main_infographic #easter_brain .reveal{
	width:212px;
	height:160px;
	margin:-19px 0 0 1px;
	background:url("/css/img/infographic/easter_brain.jpg") no-repeat 0 0;
}

#main_infographic #easter_brain .reveal p{
	margin:76px 11px 0 47px;
}


#main_infographic #easter_leg{
	width:20px;
	height:34px;
	top:376px;
	left:373px;
}

#main_infographic #easter_leg .reveal{
	width:209px;
	height:162px;
	margin:-95px 0 0 -15px;
	background:url("/css/img/infographic/easter_leg.jpg") no-repeat 0 0;
}

#main_infographic #easter_leg .reveal p{
	margin:48px 15px 0 44px;
}


#main_infographic #easter_pez{
	width:15px;
	height:33px;
	top:325px;
	left:359px;
}

#main_infographic #easter_pez .reveal{
	width:209px;
	height:162px;
	margin:-110px 0 0 -13px;
	background:url("/css/img/infographic/easter_pez.jpg") no-repeat 0 0;
}

#main_infographic #easter_pez .reveal p{
	margin:37px 16px 0 40px;
}


#main_infographic #easter_bandaid{
	width:20px;
	height:20px;
	top:226px;
	left:388px;
}

#main_infographic #easter_bandaid .reveal{
	width:209px;
	height:162px;
	margin:-9px 0 0 -19px;
	background:url("/css/img/infographic/easter_bandaid.jpg") no-repeat 0 0;
}

#main_infographic #easter_bandaid .reveal p{
	margin:73px 18px 0 45px;
}

#main_infographic #easter_video{
	width:20px;
	height:20px;
	top:350px;
	left:373px;
}

#main_infographic #easter_video .reveal{
	width:245px;
	height:162px;
	margin:-36px 0 0 -27px;
	background:url("/css/img/infographic/easter_video.jpg") no-repeat 0 0;
}

#main_infographic #easter_video .reveal p{
	margin:70px 14px 0 52px;
}


#main_col .reveal p{
	line-height:15px;
}

#easter_pez_text_pos_spacer{
	width:1px;
	height:49px;
	float:left;
	margin:33px 0 0 41px;
}

#easter_pez_text_pos{
	float:left;
	width:21px;
	height:20px;
	margin-left:34px;
	clear:left;
}

#easter_leg_text_pos_spacer{
	width:1px;
	height:48px;
	float:left;
	margin:30px 0 0 36px;
}

#easter_leg_text_pos{
	float:left;
	width:40px;
	height:30px;
	margin-left:34px;
	clear:left;
}



.three_col_box{
	margin:30px 10px 20px;
	width:710px;
	min-height:130px;
	height:auto !important;
	height:130px;
}

.three_box_divider{
	width:710px;
	margin:0 10px;
	border-bottom:1px solid #9e9fa2;
	height:1px;
}

#two_col_box{
	float:left;
}

#main_col #about_container .testimonials{
	border-left:1px solid #9E9FA2;
	width:484px;
	margin-top:47px;
	
}

.two_col_container{
	margin-bottom:15px;
	clear:left;
	width:470px;
	margin-left:15px;
}

.two_col_container_testimonial{
	margin-bottom:30px;
	clear:left;
	width:470px;
	margin-left:15px;
}
.single_col_box{
	float:left;
	width:230px;
}

#main_col .single_col_box img{
	margin-left:15px;
}

#main_col .single_col_box h3 img{
	margin-left:0px !important;
}

#main_col .single_col_box h3, #main_col .single_col_box p{
	padding:0 10px;
}

.single_col_box_mid{
	margin:0 10px;
}

.list_box_left{
	min-height:130px;
	height:auto !important;
	height:130px;
	width:200px;
	float:left;
}

.list_box_middle{
	margin:0 25px;
	float:left;
	min-height:130px;
	height:auto !important;
	height:130px;
	width:345px;
}

.list_box_right{
	min-height:130px;
	height:auto !important;
	height:130px;
	width:115px;
	float:left;
}

.big_box{
	width:200px;
	min-height:130px;
	height:auto !important;
	height:130px;
	margin-bottom:10px;
}

.half_box{
	width:200px;
	height:100px;
	margin-top:2px;
}

.med_box{
	width:115px;
	height:115px;
}

.small_box{
	width:60px;
	height:60px;
}

.small_box a{
	width:60px;
	height:60px;
	display:block;
}

.list_box_right .small_box{
	margin:24px 0 0 29px;
}

.list_box_right .small_box a{
	background:#123456;
}

.list_box_right .small_box a:hover{
	background:#654321;
}

.list_box_right .small_box span{
	display:none;
}

.special_list{
	margin-top:10px;
}

.special_list li{
	margin:0 0 5px 0px;
	padding-left:15px;
	text-indent:-11px;
}

/*
<div class="med_box">
	<ul>
<li class="ident_virtual_studio"><span>Virtual Studio</span></li>
<li class="ident_data_mining"><span>Data Mining</span></li>
<li class="ident_ip_development"><span>IP Development</span></li>
<li class="ident_social_media"><span>Social Network</span></li>
*/

.ident_virtual_studio{
	background:url("/css/img/type/type_virtual.jpg") no-repeat 0 -52px;
}

.ident_data_mining{
	background:url("/css/img/type/type_data.jpg") no-repeat 0 -52px;	
}

.ident_ip_development{
	background:url("/css/img/type/type_ip.jpg") no-repeat 0 -52px;
}

.ident_social_media_solutions{
	background:url("/css/img/type/type_social.jpg") no-repeat 0 -51px;
}

.med_box .ident_virtual_studio span, .med_box .ident_data_mining span, .med_box .ident_ip_development span, .med_box .ident_social_media_solutions span{
	display:none;
}

.med_box .ident_virtual_studio, .med_box .ident_data_mining, .med_box .ident_ip_development, .med_box .ident_social_media_solutions{
	width:52px;
	height:52px;
	float:left;
	margin:0 0px 5px 5px;
}

.med_box .ident_selected {
	background-position:0 0px;
}

#about_contact p{
	margin-bottom:10px;
}

.contact_dialog{
	background:url("/css/img/button/btn_contact_us.jpg") no-repeat 0 0;
	height:17px;
	width:80px;
	display:block;
}

.contact_dialog:hover{
	background-position:0 -17px;
}

.contact_dialog span{
	display:none;
}

.about_image{
	width:200px;
	float:left;
	margin-top:2px;
}

.about_info{
	float:left;
	width:470px;
	/*margin-left:15px;*/
}

html .two_col_container_testimonial .about_info{
	width:250px !important;
}

#main_col #about_container h3{
	margin-bottom:10px;
}

#about_contact h3{
	margin-top:20px;
}

/*

<div id="pull_quote">
	<p id="quote"><span>&ldquo;</span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur vehicula aliquet velit. Nulla sodales, dui a euismod auctor, venenatis.<span>&rdquo;</span></p>
	<p id="speaker">Marty McFly, President</p>
	<p id="speaker_company">Rainmaker Entertainment</p>
</div>

*/

#pull_quote{
	margin:0px 0 10px;
	padding:0 0 0 10px;
}

#main_col #quote{
	margin:0px 0 20px 0;
	display:block;
	font-size:15px;
	text-align:left;
}

#main_col #speaker{
	margin:5px 0 0px 0;	
	text-align:left;
	display:block;
}

#main_col #speaker_company{
	margin:0;
	text-align:left;
	display:block;
	font-size:10px;
	color:#9E9E9E;	
}

/* Navigation Bar CSS
******************************************************************************/

/*
<li style="width:80px"><a id="menu_home" href="/"><span>HOME</span></a></li>
<li><a id="menu_projects" href="/projects"><span>PROJECTS</span></a></li>
<li><a id="menu_testimonials" href="/testimonials"><span>TESTIMONIALS</span></a></li>
<li><a id="menu_clients" href="/clients"><span>CLIENTS</span></a></li>
<li><a id="menu_about" href="/about"><span>ABOUT US</span></a></li>
<li><a id="menu_news" href="/news"><span>NEWS</span></a></li>
*/

#nav_bar li{
	position:relative;
	float:left;
	height:36px;
}

#nav_bar a{
	height:36px;
	display:block;
}

#main_col #nav_bar .nav_selected a{
	background-position:0 -36px;
}

#nav_bar #menu_home{
	width:52px;
	background:url("/css/img/navbar/menu_home.jpg") no-repeat 0 0;
}

#menu_capabilities{
	width:128px;
	background:url("/css/img/navbar/menu_capabilities.jpg") no-repeat 0 0;	
}

#menu_testimonials{
	width:139px;
	background:url("/css/img/navbar/menu_testimonials.jpg") no-repeat 0 0;
}

#menu_clients{
	width:95px;
	background:url("/css/img/navbar/menu_clients.jpg") no-repeat 0 0;	
}

/* #menu_blog{
	width:px;
	background:url("/css/img/navbar/menu_blog.jpg") no-repeat 0 0;
} */

#menu_primer{
	width:123px;
	background:url("/css/img/navbar/menu_primer.jpg") no-repeat 0 0;	
}

#menu_about{
	width:112px;
	background:url("/css/img/navbar/menu_about.jpg") no-repeat 0 0;
}

#menu_news{
	width:85px;
	background:url("/css/img/navbar/menu_news.jpg") no-repeat 0 0;
}

#nav_bar li span{
	display:none;
}

#nav_bar a:hover{
	background-position:0 -36px;
}

#nav_bar #menu_home:hover{
	background-position:0 -36px;
}

/* Footer CSS
******************************************************************************/

/* Sidebar CSS
******************************************************************************/

#contact_us{
	display:block;
	width:140px;
	height:16px;
	margin:12px auto 0;
	background:url("/css/img/sidebar/contact_us.png") no-repeat 0 0;
}

#press_kit{
	display:block;
	width:140px;
	height:16px;
	margin:2px auto 0 ;
	background:url("/css/img/sidebar/get_press_kit.jpg") no-repeat 0 0;
}

#contact_us span, #press_kit span{
	display:none;
}

#contact_us:hover, #press_kit:hover{
	background-position:0 -16px;
}

#side_col p{
	color:#ffffff;
	font-size:11px;
}

#side_col #sidebar_quote_content{
	font-size:15px;
	margin-top:40px;
	line-height:1.5em;
}

#sidebar_quote_content span{
	font-size:24px;
	line-height:15px;
}

#sidebar_quote_attribute{
	margin-top:10px;
	margin-bottom:0;
}

#sidebar_quote{
	padding:0 15px;
}

#sidebar_quote_company{
	margin-top:0;
	margin-bottom:10px;
}

#sidebar_quote_link{
	color:#9E9E9E;
	text-decoration:underline;
	font-size:10px;
	margin-left:-3px;
}

#sidebar_quote_link:hover{
	color:#ffffff;
}

/* ADMIN TABLE GRID CSS
******************************************************************************/
#admin_container{
	margin:30px 10px 30px;
	padding: 5px 5px 20px 5px;
	width:700px;
	font-size: 12px;
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif; 
	line-height:14px;
}

.admin-menu {
	margin-bottom : 5px ;
}

.admin-menu td {
	padding : 5px ;
	background-color : #ddd ;
	border : 1px solid #000 ;
}

.admin-menu td.selected {
	padding : 5px ;
	background-color : #fdd ;
	border : 1px solid #000 ;
}

#admin_container a {
	text-decoration : none ;
	font-weight : bold ;
	color : #600 ;
}

.admin-menu td.spacer {
	background-color : transparent ;
	border-width : 0px ;
	padding : 0px ;
}

.admin-grid {
	background-color : #999 ;
	font-size: 11px;
}

.admin-grid a {
	color : #600 ;
}

.admin-grid .table-title {
	font-weight : bold ;
	padding : 5px ;
	background-color : #fff ;
	color : #000 ;
}

.admin-grid .table-header {
	padding : 5px ;
	background-color : #D4C2AD; 
}

.admin-grid .table-value {
	padding : 5px ;
}

.row1 {
	background-color : #ffd ;	
}

.row2 {
	background-color : #fff ;	
}

div.empty {
	display: block;
	height: 100px;
	padding: 2px; 
}

/* ADMIN LOGIN CSS
******************************************************************************/
#login_container{
	width: 500px;
	margin: 0 auto;
	border:1px solid #000; 
	position:relative;
	background-color:#fcf8f1;
	margin-top:12%;
	font-size: 12px;
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif; 
	line-height:14px;
}

#login_header{ 
	width : auto ;
	height : 41px ; /* height of top frame div */
	background:url("/css/img/login/header_repeat.jpg") 0 0 repeat-x;
}

#login_header_text{
	margin:0px;
	padding:0px;
	position:absolute;
	z-index:20;
	left:10px;
	top:7px;
	height:17px;
	width:318px;
	display:block;
	color:#f6d287;
}

#login_dashboard{ 
	width:500px; 
	margin-bottom:70px;
}

#login_form{
	margin-left:92px;
} 

#quickLoginForm {
	display: block; 
	height: 150px;
	margin: 50px 0px 0px 0px; 
}

#quickLoginForm img{
	float: left; 
	margin-right: 10px;
}

#quickLoginForm .form_fields{
	float: left; 
}

#login_btn{
	margin-top:12px;
	width:94px;
	height:26px;
	background:url("/css/img/button/login_btn.jpg") no-repeat 0 0;
}

#cancel_btn{
	background:url("/css/img/button/cancel_btn.jpg") no-repeat 0 0;
	width:94px;
	height:26px;
	float:left;
	margin-top:7px;
	margin-left:10px;
} 

#submit_btn{
	background:url("/css/img/button/submit_btn.jpg") no-repeat 0 0;
	width:94px;
	height:26px;
	float:left;
	margin-top:7px;
} 

#login_btn:hover, #cancel_btn:hover{
	background-position:0 -26px;
}
 
.clearer {
	clear: both;
}

/* FORM CSS
******************************************************************************/
form {
	margin:10px 0;
}

input, select {
	margin: 5px 0px;	
	padding: 2px;  
}

select {
	clear: both;
	vertical-align: text-bottom; 
	font-family: inherit;
}

option { 
	font-family: inherit;
	padding: 0 0.3em;
} 

input {
	display: inline;
}

input, textarea { 
	display:block; 
	font-size: 12px;
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
	line-height:14px;
}

textarea {
	margin-bottom: 10px;	
}

input[type=text], input[type=password]{
	width: 200px;
}

input[type=checkbox]{
	float: left;
	clear: left;
	margin: 2px 6px 7px 2px;
}

input[type=radio]{
	display: inline; 
	margin: 2px 6px 7px 2px;  
	padding-top:5px; 
}

input[type=submit], input[type=button], input[type=reset]{
	display: inline;
	vertical-align: bottom;
	cursor: pointer;
	background-color: #730003;
	color: #fff;
	font-size: 11px;
	padding:5px;
	text-transform: uppercase;
} 
  
input[type=hidden]{ 
	display: none; 
}

/* FLASH + DEBUG MESSAGE CSS
******************************************************************************/
div.flash, div.flash-notice {
	background-color : #ffa ;
	color : #330 ;
	font-weight : bold ;
	border : 1px solid #773 ;
	padding : 10px; 
	margin: 10px 0;
	font-size: 12px;
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif; 
	line-height:14px;
}

div.flash-error {
	background-color : #faa ;
	color : #a00 ;
	font-weight : bold ;
	border : 1px solid #773 ;
	padding : 5px ;
	padding-left : 20px ;
	margin-top : 1px ;
}

div.flash-confirm {
	background-color : #afa ;
	color : #060 ;
	font-weight : bold ;
	border : 1px solid #773 ;
	padding : 5px ;
	padding-left : 20px ;
	margin-top : 1px ;
}

ul.errors li {
	color : #a00 ;
}

/* PAGINATION
*****************************************************************/

.pagination{
	color: #000000;
	float: right;
	margin-top: 13px;
}

.pagination li, .pagination a{
	display:inline-block;
	font-size:11px;
}

.pagination a:hover{
	background-color: #FFF4E3;	
	text-decoration:none;
}

.pagination a{
	border: 1px solid #744f2f;
	padding:2px 4px;
}

.page_count_thing{
	border: 1px solid #744f2f;
	color: #744f2f;
	padding:2px 8px;
}

.pagination .active{
	border: 1px solid #744f2f;
	background-color: #744f2f;
	color: #fff;
	padding:2px 4px;
}

.first-off, .last-off, .previous-off, .next-off{
	display:none;
}

/* OVERLAYS
*****************************************************************/

._underlay{
	background-color:#000;
	opacity:.8;
	z-index:2000;
	position:absolute;
}

.dijitDialog{
	padding:20px;
	z-index:40000;
	border:none;
	outline:none;
}

.overlay_top_left{
	width:29px;
	height:28px;
	background:url("/css/img/overlay/overlay_top_left.png") no-repeat bottom right;
}

.overlay_top_center{
	height:28px;
	width:2px;	
	background:url("/css/img/overlay/overlay_top_center.png") repeat-x 0 0;
}

.overlay_top_right{
	width:29px;
	height:28px;
	background:url("/css/img/overlay/overlay_top_right.png") no-repeat 0 0;
}

.overlay_middle_left{
	width:29px;
	height:2px;
	background:url("/css/img/overlay/overlay_middle_left.png") repeat-y top right;
}

.overlay_middle_center{
	background:#fff;
}

.overlay_middle_right{
	width:29px;
	height:2px;
	background:url("/css/img/overlay/overlay_middle_right.png") repeat-y 0 0;
}

.overlay_bottom_left{
	width:29px;
	height:28px;
	background:url("/css/img/overlay/overlay_bottom_left.png") no-repeat top right;
}

.overlay_bottom_center{
	height:28px;
	width:2px;
	background:url("/css/img/overlay/overlay_bottom_center.png") repeat-x 0 0;
}

.overlay_bottom_right{
	width:29px;
	height:28px;
	background:url("/css/img/overlay/overlay_bottom_right.png") no-repeat 0 0;
}

.overlay_middle_center h2{
	margin-top:0;
}

.overlay_middle_center #submitBtn{
	background:url("/css/img/button/submit_btn.jpg") no-repeat 0 0;
	width:94px;
	height:26px;
	border:none;
	margin-top:5px;
}

.overlay_middle_center #cancelBtn{
	background:url("/css/img/button/cancel_btn.jpg") no-repeat 0 0;	
	width:94px;
	height:26px;
	border:none;
	margin-top:5px;
}

.overlay_middle_center #submitBtn span, .overlay_middle_center #cancelBtn span{
	display:none;
}

.overlay_middle_center #submitBtn:hover, .overlay_middle_center #cancelBtn:hover{
	background-position:0 -26px;
}

.overlay_middle_center #submitImageBtn, .overlay_middle_center #submitFileBtn{
	background:url("/css/img/button/btn_upload.jpg") no-repeat 0 0;	
	width:94px;
	height:26px;
	border:none;
	margin-top:5px;
}

.overlay_middle_center #submitImageBtn span, .overlay_middle_center #submitFileBtn span{
	display:none;
}

.overlay_middle_center #submitImageBtn:hover, .overlay_middle_center #submitFileBtn:hover{
	background-position:0 -26px;
}

#contact_errors p, #file_upload_error p{
	margin-top:10px;
	margin-bottom:10px;
}

.overlay_middle_center .dijitDialogCloseIcon{
	background:url("/css/img/button/btn_close.jpg") no-repeat 0 0;	
	width:94px;
	height:26px;
	border:none;
	margin-top:5px;	
}

.overlay_middle_center .dijitDialogCloseIcon span{
	display:none;
}

.overlay_middle_center .dijitDialogCloseIcon:hover{
	background-position:0 -26px;
}




/* Capabilities page */

.capability_box{
	float:left;
	width:360px;
	margin:0 0 20px 0;
}

.capabilities_container{
	overflow:auto;
	margin-left:10px;
}

.capability_box p{
	padding-right:20px;
}

#main_col .capability_box h3{
	margin-bottom:10px;
	display:block;
}

.capability_box_image{
	margin:0 15px 10px 0;
	float:left;
}

.capabilities_image, #main_col .single_col_box .capabilities_image{
	padding-top:3px;
	float:left;
	margin:0 10px 30px 0;
}

#main_col .single_col_box .capabilities_image{
	margin:0 10px 30px 0;
}

.capabilities_launcher{
	font-weight:bold;
}

.news_date{
	color:#999;
}

#client_list .list_box_middle h3{
	margin-top:-5px;
}

#client_list .list_box_right .med_box{
	margin-top:-3px;
}

.director_img{
	float:left;
	margin:5px 10px 5px 0;
}

.director_clear{
	clear:left;
}

#main_col .about_info .director_name{
	margin:2px 0 0 0 !important;
}


/* INVITATION */

#main_invitation{
	background:url("/css/img/cftp_invite_july6.jpg") 0 0 no-repeat;
	width:710px;
	height:460px;
	margin:0 auto;
	position:relative;
}

/*
<a id="invite_rsvp" href="#" title=""><span>RSVP</span></a>
<a id="invite_map" href="#" title=""><span>RSVP</span></a>
<a id="invite_toner" href="#" title=""><span>RSVP</span></a>
<a id="invite_gertz" href="#" title=""><span>RSVP</span></a>
<a id="invite_email" href="#" title=""><span>RSVP</span></a>
*/

#main_invitation span{
	display:none;
}

#main_invitation a{
	display:block;
}

#invite_rsvp{
	width:110px;
	height:18px;
	position:absolute;
	top:376px;
	left:33px;
}

#invite_map{
	width:110px;
	height:18px;
	position:absolute;
	top:396px;
	left:33px;
}

#invite_toner{
	width:67px;
	height:18px;
	position:absolute;
	left:441px;
	top:300px;	
}

#invite_gertz{
	width:64px;
	height:14px;
	position:absolute;
	left:446px;
	top:319px;
}

#invite_email{
	width:125px;
	height:15px;
	position:absolute;
	top:419px;
	left:306px;	
}

/*
<div id="winnipeg_invitation">
	<a id="winnipeg_invite_rsvp" href="mailto:RSVP@z2hmedia.com" title=""><span>RSVP</span></a>
	<a id="winnipeg_invite_toner" href="/about-us#Id_2" title=""><span>Toner Bio</span></a>
	<a id="winnipeg_invite_email" href="mailto:RSVP@z2hmedia.com" title=""><span>Mail</span></a>
</div>
*/

#winnipeg_invitation{
	background:url("/css/img/winnipeg_invite.jpg") no-repeat 1px 0;
	height:800px;
	width:728px;
	position:relative;
}

#winnipeg_invite_rsvp{
	width:173px;
	height:62px;
	top:550px;
	left:50px;
}

#winnipeg_invite_toner{
	width:74px;
	height:20px;
	top:375px;
	left:446px;
}

#winnipeg_invite_email{
	width:340px;
	height:38px;
	top:609px;
	left:278px;
}

#winnipeg_invitation span{
	display:none;
}

#winnipeg_invitation a{
	display:block;
	position:absolute;
}

/*
<div id="toronto_invitation">
	<a id="toronto_invite_rsvp" href="mailto:RSVP@z2hmedia.com" title=""><span>RSVP</span></a>
	<a id="toronto_invite_toner" href="/about-us#Id_2" title=""><span>Toner Bio</span></a>
	<a id="toronto_invite_email" href="mailto:RSVP@z2hmedia.com" title=""><span>Mail</span></a>
</div>
*/

#toronto_invitation{
	background:url("/css/img/toronto_invite.jpg") no-repeat 1px 0;
	height:800px;
	width:728px;
	position:relative;
}

#toronto_invite_rsvp{
	width:173px;
	height:62px;
	top:550px;
	left:50px;
}

#toronto_invite_toner{
	width:74px;
	height:20px;
	top:375px;
	left:446px;
}

#toronto_invite_email{
	width:340px;
	height:38px;
	top:609px;
	left:278px;
}

#toronto_invitation span{
	display:none;
}

#toronto_invitation a{
	display:block;
	position:absolute;
}

#toronto_paypal {
	display : block ;
	position : absolute ;
	top : 640px ;
	left : 50px ;
	width : 172px ;
	height : 61px ;
}


#primer_shower{
	display:block;
	width:476px;
	height:19px;
	background:url("/css/img/read_more.jpg") no-repeat 0 0;
	text-align:center;
	padding-top:4px;
	font-weight:bold;
	
}


/* CFTPA STATIC PAGE *****************************************************
**************************************************************************/

html .cftpa_linkset{
	padding-left:50px !important;
}

.cftpa_linkset ul{
	margin-bottom:30px;
}

html .cftpa_linkset p{
	font-size:13px !important;
	margin-bottom:2px !important;
	font-weight:bold;
}

.cftpa_primer a{
	display:block !important;
}

html .cftpa_linkset li{
	font-size:12px !important;
}

html .primer_link{
	margin:20px 0 0 0px;
	text-align:center;
	font-size:14px !important;
}