/*
Theme Name: Satoshi v2.0
Theme URI: http://www.vooshthemes.com
Description: A Free Portfolio Theme Developed By Voosh Themes. Please look at the <a href="../wp-content/themes/satoshi/instructions/instructions.html">instructions</a> that are included with the file you downloaded <a href="../wp-content/themes/satoshi/instructions/instructions.html">(satoshi/instructions/instructions.html)</a> for details about how to configure this theme. 
Author: Voosh Themes
Author URI: http://www.vooshthemes.com
*/

/* -- Color: Red - #9e1c1c -- */

@import "styles/reset.css";


.gfield_label {
    color: #67BD53;
    display: block;
    margin-bottom: 5px;
    width: 100%;
}
	
.gsection_title{
	display:none;}

.gform_heading{
	display:none;}


.gform_next_button, .gform_button{
    background-color: #424A4D;
    border: medium none;
    color: #FFFFFF;
    float: right;
    padding: 9px 10px;
    width: 134px;
	cursor:pointer;}
	
	a:hover{
		text-decoration:underline;}
	
	
.gform_button:hover{
    background-color:#54B948;
    padding: 9px 10px;
    width: 134px;
	color:#FFFFFF}
	
#gforms_confirmation_message{
	 background-color: #67BD53;
    float: left;
    font-size: 12px;
    line-height: 18px;
    margin-left: 30px;
    margin-top: 50px;
    padding: 10px 15px;
    width: 525px;}
	
	#gforms_confirmation_message a{
		color:#FFF!important;
		font-weight:bold!important;}

.gform_body ul li{
 background: none repeat scroll 0 0 transparent !important;
    float: left;
    height: 70px;
    margin-left: 15px;
    padding-bottom: 4px !important;
    padding-left: 0 !important;
    padding-top: 4px !important;
    width: 263px;}

.gform_wrapper{
   float: right;
    padding-top: 40px;
    width: 560px;}
	
.gsection{
	float:left;}
	
.gform_edit_link{
	display:none;}

.medium{
	background-color: #ffffff;
    border: medium none;
    padding: 11px;
    width: 240px;
	height:20px;
	}
	
	
	.gfield_select{
		cursor: pointer;
    width: 263px !important;}
		
		.ginput_container{
		width: 263px !important;
		overflow:none!important;}
	
	
	
	.selectBox-dropdown{
		color:grey;}
		
		.selectBox-dropdown:hover{
			text-decoration:non;}
	
	
	
	
	

.news_container{
	float: left;
    height: 300px !important;
    margin-bottom: 20px;
    margin-right: 20px;
    overflow: hidden;
    width: 610px;}

#fade_content .Read_More{
position:relative;
z-index:999;}


.separator{
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-top: 10px;}

.Contact_Information ul li{
list-style:none;}

.rsvp_left{
    float: left;
    margin-right: 30px;
    width: 200px;}

#content ul li{
background: url("images/list_right.png") no-repeat scroll 0 0 transparent;}

.Contact_Information ul li{
background:none!important;
padding-left:0px!important;}

#vibes_affiliate{
margin-top:10px;
margin-right: 10px;}

#rsa_affiliate{
margin-top:15px;
margin-right:0px!important;}

.Affiliates{
float:left;
margin-top:20px;}

.Affiliates img{
float:left;
margin-right:5px;}

.Home_Content{
float:left;}

.twitter_follow_link:hover{
text-decoration:none;}

.twitter_follow_link{
float: left;
    font-size: 12px;
    margin-top: 20px;}
	
	.Front_title{
	position:relative;
	top:10px;
	color:#67BD53;}
	
	.twitter_follow_link img{
	position:relative;
	left:5px;
	top:4px;}

.menu-main-navigation-container{
 float: left;
    width: 100%;}

.timesince{
display:none;}

.tweets li a{
color:#67BD53;}

.tweets li{
 border-bottom: 1px dotted #FFFFFF;
    margin-bottom: 5px;
    padding-bottom: 5px;}

.sidebar-title{
display:none;}

.Categories_Container a{
color:#67BD53;}

small{
display: none;
    font-size: 11px;}

.Categories_Container div ul{
border-top:1px solid #ffffff;
padding-top:10px;}

.Basic_Page_Right h2{
 margin-top: 5px;}


.Contact_Map{
 float: left;
    margin-right: 20px;
    width: 400px;}

.backtotop{
  background: url("images/buttons.png") no-repeat scroll -22px 50% transparent;
    display: block;
    float: right;
    height: 22px;
    position: relative;
    right: 0;
    width: 22px;
    z-index: 9999999;}

.Right{
float:left;
width:610px;
}

.top_container{
	float: left;
    width: 100%;}

	
	.news_nav{
background: url("images/buttons.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 32px;
    width: 22px;
	z-index:999;
	    position: relative;
}
	
	#next{
  background-position: -44px 5px;
    right: -600px;
    top: 99px;

	}
	
	#prev{
 background-position: 0 50%;
    margin-left: -10px;
    top: 130px;
}

.QuickBox a{
font-size:12px;
color:#67BD53;}

.Sidebar{
float: left;
    margin-right: 20px;

    width: 190px;}


.Twitter_Box{
float: right;
    margin-top: -64px;
    width: 190px;}

#menu-item-23{
margin-right:0px!important;}


.social_links{
float: right;
    margin-top: 71px;}

.social_links li a{
background: url("images/social_icons.png") no-repeat scroll 0 0 transparent;
display: block;
height: 20px;
width: 20px;
margin-right:5px;}

.social_links li{
float:left;}

.facebook{
  background-position: -22px -20px !important;}

.rss{
background-position: -44px 0 !important;}

.twitter:hover{
background-position:0px -20px!important;}

.facebook:hover{
background-position:-22px 0px!important;}

.rss:hover{
background-position:-44px -20px!important;}



.Coming_soon h1{
color: white;
    float: left;
    font-size: 50px;
    margin-bottom: 100px;
    margin-left: 200px;
    margin-top: 100px;}




	

	
	#content ul li{
	font-size: 12px;
    padding-bottom: 3px;
    padding-left: 26px;
    padding-top: 3px;}

.Basic_Page_Left{
 float: left;
    margin-right: 20px;
    width: 400px;}
	
	.Basic_Page_Right{
	float:left;
	width:400px;}
	
	.Basic_Page_Right ul{
	margin-bottom:15px;}

.Contact_Information{
float:left;
width:190px;
margin-right:20px;}

.Contact_Information ul{
margin-bottom:15px;}

.Read_More{
font-size:12px;
color:#67BD53;}


.news_single .post .Left_Column{
width:610px!important;}

.news_single .post .Left_Column img{
width:610px!important;}


.news_single .post .Right_Column{
width:190px!important;}


#last{
margin-right:0px;}

#News-content{
float: left;
    height: 300px !important;
    margin-bottom: 20px;
    margin-right: 20px;
    width: 610px;
	overflow: hidden;}

.QuickLinks{
 float: left;
    margin-top: 30px;
    width: 100%;}

#fade_content{
background: url("images/1px.png") repeat scroll 0 0;
    height: 275px;
    left: 370px;
    opacity: 0.9;
    padding: 15px;
    position: relative;
    top: -304px;
    width: 210px;
	float:left;}
	
	
	.QuickBox{
    float: left;
    margin-right: 19px;
    padding-left: 10px;
    padding-right: 10px;
    width: 169px;}
	
	.QuickBox img{
	margin-bottom:15px;
	width:165px;}


.News_Content{
float:left;
margin-top:20px;}

.post p a img{
display: block;
    float: left;
    margin-right: 20px;}


	
	#content a{
	color: #67BD53;}


.Extra_Info{
float:left;
width:100%;
margin-top:5px;
margin-bottom:40px;}

.Left_Column{
float:left;
margin-right:20px;
width:400px;}

.Left_Column img{
    height: 300px;
    width: 400px;
	margin-bottom:20px;}
	
	.Right_Column{
	float:left;
	width:400px;}


.FooterBox{
float:left;
width:190px;
margin-right:20px;}

#foot_box_4{
margin-right: 0 !important;
    margin-top: -22px;}
	
	


ul li{
color:#FFFFFF;
font-size:11px;
line-height:18px;}

.Extra_Info .Left{
float:left;
font-size:10px;}

.Extra_Info .Right{
float: right;
    font-size: 10px;
    text-align: right;}




/* -------------------- */
/* -- General Styles -- */
/* -------------------- */

.Right_Column img{
margin-bottom:20px;}

#Post_content{
float:left;
position: relative;
    width: 840px;}

.Posts_Container div{
  float: left;
    height: 340px;
    margin-bottom: 20px;
    margin-right: 20px;
    width: 190px;}	
	
.Posts_Container div img{
height: 125px;
    margin-bottom: 15px;
    width: 190px;}
	
	.fourth-post{
	margin-right:0px!important;}
	
	.third-post{
	border-right:1px dotted #FFFFFF;}
	
	#Key_dates_container div{
	height:300px;}
	
	#Success_container div{
	height:380px;}


#fade_content p{
	display:block;
	position:relative;}
	
	
	strong{
		font-weight:bold;}

	
	.Categories_Container div{
    float: left;
    margin-bottom: 40px;
    padding-left: 13px;
    padding-right: 13px;
    width: 175px;}
	
	.Key_Dates_Container div{
    float: left;
    height: 270px;
    margin-bottom: 40px;
    padding-left: 13px;
    padding-right: 13px;
    width: 175px;}
	
	.Key_Dates_Container div img{
	 margin-bottom: 20px;
    width: 175px;}
	
	.Categories_Container div img{
 margin-bottom: 20px;
    width: 175px;}
	
	.Sidebar a{
	color:#67BD53;}



#wrap { width: 820px; margin: 0 auto; }
body {
background: #050607;
    color: #FFFFFF;
    font-family: helvetica; }
h1, h2, h3, h4, h5 { color: #67BD53; }
h1 {  color: #162732;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 15px;
    margin: 0 0 15px; }
h2 {  color: #67BD53;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 20px; }
	
	h2 a{
color:#67BD53!important;}

h2 a:hover{
color:#67BD53!important;}

h3 { font-size: 12px;
    font-weight: bold;margin-bottom: 4px; }
	
	
h4 {  color: #FFFFFF;
    font-size: 20px;
    line-height: 28px;
    margin: 15px 0; }


h5 { font-size: 18px; margin: 30px 0 5px 0;}
p { color: #FFFFFF;
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 15px;}
a {  color: #FFFFFF;
    text-decoration: none; }
p a:hover { text-decoration:underline; }

 

/* ------------ */
/* -- Header -- */
/* ------------ */
#header {float: left;
    margin: 40px 0;
    padding-top: 20px;
    width: 100%;}
#header img {    bottom: 25px;
    float: left;
    left: 5px;
    position: relative;
    right: 10px; }
#header h1 { float: left; font-size: 80px; margin: 8px 0 0 0; }
#header h1 a { color: #222; }
#header img.description { float: left; margin: 50px 0 0 0; }

/* --------- */
/* -- Nav -- */
/* --------- */
#nav { float: left;
    margin: 20px 0px 0 0;
    width: 100%; }
	
	
	.menu li{
   
    float: left;
  
	margin-right:5px;} 
	
	
	
.menu a {
	 background: url("images/menubg.png") no-repeat scroll 0 -36px transparent;
    color: #FFFFFF;
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 8px 0 8px 8px;
    width: 124px;
}




.menu a:hover {
background-position:0px -1px;
	text-decoration:none;
}

.menu .current_page_item a  {
background-position:0px -1px;
	text-decoration:none;
}



.menu .current a, .menu li:hover > a { color: #fff; }
.menu ul { background: #eee; display: none; margin: 0; padding: 0; width: 260px; position: absolute; top: 42px; left: 0px; border: solid 1px #ddd; }
.menu ul li { float: none; margin: 0; padding: 0; }
.menu ul li:hover a, .menu li:hover li a { color: #555; }
.menu ul a:hover { background: #9e1c1c !important; color: #fff !important; }
.menu li:hover > ul { display: block; }
.menu ul a { font-size: 16px; padding-left: 10px; text-transform: none; font-weight: normal; }
.menu ul ul { left: 250px; top: -3px; }
.menu li.current_page_item a { color: #fff; }
.menu .sub-menu li.current_page_item a { color: #fff; }

/* ---------------- */
/* -- Front Page -- */
/* ---------------- */
#headline { float: left; margin: 55px 0 0 0; padding-bottom: 45px; border-bottom: 2px #eee solid; width: 100%; }
#headline img { margin-left: -4px; }
#headline h2 { font-size: 50px; line-height: 55px; margin-bottom: 10px; color: #222 !important; }
#featured-section { clear: both; float: left; margin: 65px 0 0 0; padding-bottom: 60px; width: 100%; border-bottom: 2px #eee solid; }
#featured-section-image { float: left; background: url(images/featured-img-bg.png) no-repeat; width: 460px; height: 285px; }
#featured-section-image img { margin: 1px 0 0 1px; }
#featured-section-details { float: right; width: 450px; margin: -4px 0 0 0; }
#featured-section-details h2 { font-size: 30px; color: #222; margin-bottom: 20px; }
#featured-section-details p { font-size: 16px; line-height: 26px; }
.more-details-button { float: left; background: url(images/portfolio-button.png) no-repeat; width: 175px; height: 40px; text-indent: -9999px; margin: 0 0 0 -7px; }
.more-details-button:hover { float: left; background: url(images/portfolio-button-hover.png) no-repeat; }
#recent-work { clear: both; float: left; margin: 50px 0 0 0; padding-bottom: 50px; width: 100%; }
#recent-work h2 { font-size: 22px; color: #222; }
.recent-project { float: left; margin-left: 50px; width: 280px; margin-bottom: -50px; }
.recent-project img { border: 1px #ddd solid; }
.first { margin-left: 0; }
.recent-project h3 { font-size: 14px; font-weight: bold; color: #222; margin: 15px 0 5px 0; }
.recent-project p { font-size: 12px; }

/* ------------- */
/* -- Content -- */
/* ------------- */
#main { clear: both; float: left; width: 100%; }
.title {
 color: #67BD53;
    float: left;
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 0;
    padding-bottom: 10px;
    width: 100%; }
#content { float: left;
    width: 820px; }

/* --------------- */
/* -- Portfolio -- */
/* --------------- */
#portfolio-content { float: left; margin: 20px 0 0 0; }
.portfolio-item { float: left; margin-left: 56px; margin-bottom: 40px; }
.portfolio-item p { margin-bottom: 2px; }
.portfolio-item img { border: 1px #ddd solid; }
.first { margin-left: 0; }
#project-content { float: left; width: 450px; }
#project-image-large { float: right; }
#project-image-large img { border: 1px #ddd solid; }

/* ----------- */
/* -- Posts -- */
/* ----------- */
h3.post-meta { color: #fff; font-size: 11px; margin-bottom:20px; }
.post {}
.post-title {    line-height: 18px;
    margin-bottom: 5px;
    margin-top: 0;}
.post-title a, .archive-title { color: #222;  }
.post-title a:hover, .archive-title a:hover { color: #9e1c1c; }
.more-link { display: block; margin: 10px 0 0 0; }
.archive-title a { margin-bottom: 30px; }
.post-navigation { font-size: 14px; }

/* ------------- */
/* -- Sidebar -- */
/* ------------- */
#sidebar { float: right; padding: 20px 0 5px 20px; background-color: #eee; border: 1px #ccc solid; width: 300px; }
.sidebar-title { margin-top: 0; }
.sidebar-contact-title { color: #222; margin-bottom: 0; }

/* -------------- */
/* -- Comments -- */
/* -------------- */
#comments { clear: both; float: left; width: 480px; border-top: 2px #eee solid; margin-top: -20px; }
#comments h3 { padding-bottom: 0; }
.commentlist { margin: 25px 0 30px 0; }
.commentlist .comment { border: 1px solid #dddddd; padding: 15px; margin: 15px 0 0 0; background: url(images/input-bg.png) repeat-x; }
.commentlist .fn { color: #555555; font-size: 18px; margin-bottom: 15px; display: block; }
.commentlist .url { color: #9e1c1c; font-size: 18px; }
.commentlist .comment-meta { color: #888888; text-transform: uppercase; font-size: 10px; margin: -4px 0 0 0; }
.commentlist img { float: right; width: 25px; height: 25px; margin: 0 0 0 7px; padding: 2px; border: 1px solid #cccccc; }
.commentlist p { margin: 10px 0 10px 0; }
.commentlist .comment-reply-link { margin: 5px 0 0 -7px; display: block; }
.commentlist em { font-style: italic; font-size: 12px; }

/* respond form */
#respond h3 { margin-bottom: 10px; }
#respond .cancel-comment-reply { padding: 0 0 10px 0; }
#commentform { width: 480px; margin: 0 0 0 0; }
#commentform input { background: url(images/input-bg.png) repeat-x; float: left; color: #555555; width: 255px; font-size: 14px; padding: 12px 12px 12px 12px; margin-bottom: 20px; font-family: arial, sans-serif; border: 1px #ddd solid; }
#commentform textarea { background: url(images/input-bg.png) repeat-x; color: #555555; width: 456px; height: 238px;  margin: 5px 0 0 0; font-size: 14px; padding: 12px 12px; font-family: arial, sans-serif; border: 1px #ddd solid; line-height: 20px; }
#commentform .submit { background: url(images/comment-button.png) no-repeat; cursor: pointer; margin: 25px 0 0 -7px; color: #fff; width: 175px; height: 40px; border: none; padding: 8px 0; text-indent: -9999px; }
#commentform .submit:hover { background: url(images/comment-button-hover.png) no-repeat; color: #fff; }
#commentform label { float: left; padding: 8px 0 0 20px; text-transform: uppercase; color: #888888; font-size: 10px; }
#commentform .logged { margin: 0; }
.commentlist .comment-reply-link { margin: 10px 0 0 0; color: #9e1c1c; font-size: 12px; }
.commentlist .comment-reply-link:hover { color: #555; }

/* ------------------ */
/* -- Contact Form -- */
/* ------------------ */
#contact-form { width: 190px; float:right; }
#contact-form input {

       color: #555555;
    font-family: arial;
    font-size: 12px;
    margin: 0 0 15px;
    padding: 10px;
    width: 164px;

 }
#contact-form textarea { 
    color: #555555;
    font-family: arial;
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 15px;
    padding: 15px;
    width: 160px;
	height:150px;

 }
#contact-form .submit { background: url("images/menubg.png") no-repeat scroll 0 -36px transparent; cursor: pointer; color: #fff; padding: 8px 0 8px 8px; border:none; text-align:left; }

#contact-form .submit:hover { background-position: 0px -1px; padding: 8px 0 8px 8px; }




#response { border: 1px #ddd solid; padding: 15px; color: #9e1c1c; background-color: #eee; }
.hide { display: none; }

/* ------------ */
/* -- Footer -- */
/* ------------ */
#footer { 

border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    clear: both;
    float: left;
    margin: 50px 0 0;
    padding: 20px 0;
    width: 100%; }
	
	
	
#footer p { font-size: 12px; color: #888;  }
#footer .copyright { float: left; }
#footer .design { float: right; }



/* --------------------------------------------------------------------------------------------------- */
/* -- SELECT BOX STYLING -- */
/* --------------------------------------------------------------------------------------------------- */


option{
	float: right;
    padding: 8px 5px;}

.customStyleSelectBox {
  background: url("images/dropdown_arrow.png") no-repeat scroll 216px 1px #FFFFFF;
    border: medium none;
    color: #050607;
    height: 20px;
    padding: 11px;
    width: 240px;
}

.customStyleSelectBox.changed {
/* You can use this if you want a different style after user has made a selection */
}

/* on the next line we add a down arrow on the right to indicate that it is a select box */
.customStyleSelectBoxInner {
background:url(canvas-list-nav-item-arrow-.gif) no-repeat center right;
}