/* Intro Styles
-------------------------------------------------------------- */
#sky2 {
	background:url(../images/bubble_sky.jpg) top center repeat-x;
	width:100%;
}

#peek {
	background: url("../images/peek.png") no-repeat scroll 0 0 transparent;
	position: fixed;  
    display: inline;
    height: 221px;
    width: 252px;
    z-index: 20;
	cursor:pointer;
	top:-221px;
	right:-252px;
}

.btn_enter {
	background: url("../images/btn_enter_site.png") no-repeat scroll 0 0 transparent;
	background-position:0px 0px;
	width:99px;
	height:30px;
	margin:25px auto 0px auto;
}

.btn_enter:hover {
	background-position:0px -30px;
}




/* Homepage Styles
-------------------------------------------------------------- */

#content_homepage #left_col_homepage {
	float:left;
	width:537px;	
}

#content_homepage #left_col_homepage #logo_homepage {
	margin-bottom:20px;	
}

/** Homepage Main Menu **/

#content_homepage #left_col_homepage #mainmenu_homepage ul{
	margin:0px;	
	padding:0px;
	list-style:none;
}

#content_homepage #left_col_homepage #mainmenu_homepage ul li {
	background:url(../images/mainmenu_divider_home.png) bottom left no-repeat;	
}

#content_homepage #left_col_homepage #mainmenu_homepage ul li a{
	font-size:22px;
	color:#000000;
	text-decoration:none;
	display:block;
	padding:30px 0px 30px 0px;	
}

#content_homepage #right_col_homepage{
	float:right;
	width:463px;
	text-align:center;
}


/* Portfolio
-------------------------------------------------------------- */

.portfolio_list ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

.portfolio_list ul li{
	float: left;
    height: 200px;
    width: 333px;
	margin-bottom:40px;
}

.portfolio_list ul li .show{
	background:url("../images/portfolio_hover_bg.jpg") no-repeat;	
	width:283px;
	height:95px;
	position:absolute;
	z-index:999;
	text-align:center;
	cursor:pointer;
	padding: 80px 25px 25px;
}

.portfolio_list ul li .show .client {
	color:#fff;
	font-family: 'MyriadWebProBold';
	font-size:21px;
}

.portfolio_list ul li .show .description {
	color:#fff;
	font-family: 'MyriadWebProRegular';
	font-size:16px;
}

#banner_container {
	margin: 0px auto;
    text-align: right;
    width: 1000px;
	padding-top:141px;
}

#banner_container #client_info_container {
	color:#fff;
	margin-left:460px;
}

#banner_container #client_info_container h1.client {
	font-size:50px;
	font-family: 'MyriadWebProBold';
	color:#fff;
	font-weight:normal;
	text-align:right;
	position:relative;

}

#banner_container #client_info_container .services {
	font-size:16px;
	font-family: 'MyriadWebProBold';
	text-align:right;
}

#banner_container #client_info_container .description {
	margin-top:18px;
	margin-bottom:10px;
	text-align:right;
}

#banner_container #client_info_container .client_site {
	text-align:right;
}

#banner_container #client_info_container .client_site.no_link {
	margin-bottom:33px
}

#banner_container #client_info_container .client_site a{
	font-weight:bold; 
	color:#fff; 
	font-size:13px;
}

 
#banner_container #controlls {
 	float: right;
    margin-top: 23px;
}

#banner_container #controlls .client_prev {
	background:url(../images/btn_pageview.png) no-repeat;
	background-position:0px 0px;
	width:48px;
	height:55px;
	cursor:pointer;
	float:left;
}

#banner_container #controlls .client_prev:hover {
	background-position:0px -55px;
}

#banner_container #controlls .client_next {
	background:url(../images/btn_pageview.png) no-repeat;
	background-position:0px -110px;
	width:48px;
	height:55px;
	cursor:pointer;
	float:left;
}

#banner_container #controlls .client_next:hover {
	background-position:0px -165px;
}



#scroll_up {
	background: url("../images/scroll_up.png") no-repeat scroll 0 0 transparent;
    bottom: -108px;
    display: inline;
    height: 109px;
    position: fixed;
    right: 30px;
    width: 87px;
    z-index: 20;
	cursor:pointer;
}

.spacer {
	margin-bottom:50px;	
}


/* Kid Genius */
.banner_kg {
	background:url("../images/kg_portfolio_header.png")	no-repeat top center;
	height:406px;
}

/* Screwedarts Collective */
.banner_screwedarts {
	background:url("../images/screwedarts_portfolio_header.png") no-repeat top center;
	height:406px;
}

/* Simone Denise */
.banner_simone {
	background:url("../images/simone_portfolio_header.png") no-repeat top center;
	height:406px;
}

/*Dambrosi and Callen*/
.banner_diambrosi {
    background:url("../images/diambrosi_portfolio_header.png") no-repeat top center;
	height:406px;
}

/*Grace Community Chapel*/
.banner_grace {
    background:url("../images/grace_portfolio_header.png") no-repeat top center;
	height:406px;
}

/*JMGM Productions*/
.banner_jmgm {
    background:url("../images/jmgm_portfolio_header.png") no-repeat top center;
	height:406px;
}

/*Last Prince of Atlantis*/
.banner_atlantis {
    background:url("../images/prince_portfolio_header.png") no-repeat top center;
	height:406px;
}

/*South City Prep*/
.banner_prep {
    background:url("../images/prep_portfolio_header.png") no-repeat top center;
	height:406px;
}

/*Lili Peters*/
.banner_lilipeters {
    background:url("../images/lilipeters_header.png") no-repeat top center;
	height:406px;
}


/* Services
-------------------------------------------------------------- */

.services_grid {
	
}

.services_grid ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

.services_grid ul li{
	float:left;
}

/* 4D Process
-------------------------------------------------------------- */
#banner_4dprocess {
	background:url("../images/banner_process_bg.png") no-repeat;
	height:290px;
	width:1000px
}

/* Contact Form
-------------------------------------------------------------- */

.contact_form ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

.contact_form ul li {
	margin-bottom:12px;
}

.contact_form ul li label {
	display:none;
}

.contact_form ul li input {
	background: url(../images/contact_forms.jpg);
	background-position:0px 0px;
	padding: 10px 11px 1px 11px;
    width: 311px;
	height:28px;
	border:none;
	outline:none;
	font-family: 'MyriadWebProBold';
	font-size:19px;
	color:#acabab;
	
}

.contact_form ul li input:hover{
	background-position:0px -40px;
}

.contact_form ul li input:focus{
	background-position:0px -40px;
	color:#767676;
}

.contact_form ul li input.error{
	background-position:0px -80px;
	color:#daa0a0;
}

.contact_form ul li textarea {
	background: url(../images/contact_forms.jpg);
	background-position:0px -120px;
	width:311px;
	height:123px;
	border:none;
	
	padding: 10px 11px;
	resize: none;
	outline:none;
	overflow: auto;
	font-family: 'MyriadWebProBold';
	font-size:19px;
	color:#acabab;
}

.contact_form ul li textarea:hover {
	background-position:0px -265px;
}

.contact_form ul li textarea:focus {
	background-position:0px -265px;
	color:#767676;
}

.contact_form ul li textarea.error {
	background-position:0px -410px;
	color:#daa0a0;
}

.contact_form button {
	background: url(../images/btn_send_msg.png);
	background-position:0px 0px;
	width:150px;
	height:50px;
	cursor: pointer;
}

.contact_form button:hover {
	background: url(../images/btn_send_msg.png);
	background-position:0px -150px;
}


.contact_form #err_name, .contact_form #err_email, .contact_form #err_msg {
	float: right;
    margin-top: 9px;
    text-align: left;
    width: 209px;	
	color:#e00749;
}

.modal {
	background-color:#fff;
	display:none;
	width:350px;
	padding:15px;
	text-align:left;
	
}

/* General styles
-------------------------------------------------------------- */
.offset_col_1 .col_left{
	width:330px; 
	float:left; 
	margin-right:50px; 
	text-align:right;	
}

.offset_col_1 .col_right{
	width:620px; 
	float:left
}

.offset_col_2 .col_left{
	width:385px; 
	float:left; 
	margin-right:53px; 
}

.offset_col_2 .col_right{
	width:562px; 
	float:left
}

.header_spacer_1 {
	margin-bottom:30px;	
}