/*
------------------------------------------------------------------------
Theme Name:12ft
Theme URI:http://12ft.com
Description:12ft.com custom theme based on Equilibrium by madebyon
Version:1.0
Author:Sean Singleton
Author URI:http://12ft.com
------------------------------------------------------------------------

COLOR PALETTE

light blue: #0395fc
Orange: #f26522


*/
/*
-----------------------------------------
RESET
----------------------------------------- 
*/
* {margin:0; padding:0; outline:none;}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
ol, ul, li{list-style:none}
caption, th{text-align:left}
q:before, q:after{content:''}

strong, b{font-weight:bold; color: #333333}
em{font-style:italic}
a img{border:none}

h1, h2, h3, h5, h5, h6{font-weight:bold}

/*
-----------------------------------------
LAYOUT
----------------------------------------- 
*/
.aligncenter{display:block; margin:0 auto}
.alignleft{float:left}
.alignright{float:right}
.floatLeft{float:left}
.floatRight{float:right}
.clear{clear:both}
.small{font-size: 11px;}

/*
-----------------------------------------
STRUCTURE
----------------------------------------- 
*/
html, body{height:100%}

body{
	font-size:12px;
	line-height: 16px;
	font-family:Arial,Helvetica,sans-serif;
	color:#555;
}

#page-wrap{
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto;
	text-align:left;
}

.content{width:660px; float:left}
.content.blog-content{margin: 48px 0 0 0;}
.content.blog-content h2{margin-top: 0;}
.content.blog-content h4{border-bottom: none; font-size: 18px; font-weight: normal; margin: 18px 0 4px 0;}
.content.blog-content.archive{margin: 16px 0 0 0;}
.content.blog-content.archive h2{border-bottom: none; font-size: 16px; margin: 0 0 14px 0;}
.content.blog-content.archive .post{margin: 15px 0 0 0; padding-bottom: 16px; 	border-top:4px solid #0395fc; border-bottom: 1px dotted #777777;}
.content.blog-content.archive .postMeta-post{border-bottom:none;}
.pageContent{position: relative; width:100%;  }

#contentWrap .pageContent{position: relative; margin:0 auto;}

.content.blog-content ul {
	margin: 0 0 0 20px;
}

/*
-----------------------------------------
TYPOGRAPHY
----------------------------------------- 
*/
a { color:#0395fc; text-decoration:none;}
a:hover { color:#f26522; text-decoration:none;}


p a:hover{color:#f26522; text-decoration:none}

h1{font-size:1.4em; font-weight:bold}
.pageContent .post{width: 960px; margin: 0 auto 25px auto;}
.post{
	position: relative;
	overflow: hidden;
}
.post h2{
	text-transform:none;
	padding: 0 10px;
	border-bottom:0;
	font-size:20px;
	margin: 16px 0;
	display: block;
	line-height: 24px;
	color: #424242;
	font-weight: normal
}
.post .bloc h2 {margin: 8px 0;}
.post .about-right .bloc h5, .post .about-left .bloc h5 {padding-bottom: 0;}
.post .about-right .bloc h5{
	font-family: Myriad Pro, Myriad, Trebuchet, sans-serif;
	text-transform: uppercase;
	color: #777777;
	font-size: 12px;
	font-weight: normal;
	padding-bottom:0;
}
.post .about-right .bloc a.about-twitter {
	position: absolute;
	margin: 5px 0 0 190px;
}

h4, h2{font-size:1.8em; color:#222; text-transform:none; padding-bottom:4px; border-bottom:4px solid #c9c9c9; margin-top:28px; margin-bottom:28px; font-weight:bold}
.panel#frame2 h2 {text-transform: none; border-bottom: none;}

.post h3 {
	font-size: 30px;
	border-bottom: none;
	font-family: Myriad Pro, Myriad, Trebuchet, sans-serif;
}
.post h4{font-size: 34px; border-bottom:4px solid #c9c9c9;}

.post .bloc h4{font-size: 22px; border-bottom:4px solid #c9c9c9;}

.post h3 a:hover{color: #0395fc}

h3{border-bottom:1px solid #C9C9C9; color:#222; font-size:2.2em; font-weight:bold; margin-top:23.3px; padding-bottom:4px}

h3 a{text-decoration:none; color:#222}

.post ul li, 
.post ol li{list-style-type:square; margin:5px 0 5px 15px}

.post #sidebar ul li{list-style: none;}

#reply{
	border-bottom:4px solid #C9C9C9;
	color:#F26522;
	font-size:1.8em;
	margin-top:28px;
	margin-bottom:16px;
	padding-bottom:10px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.post.blog {border-top:4px solid #0395fc; margin-bottom: 15px }

.navigation{
	height: 20px;
	color: #cccccc;
	float: right;
	padding: 2px 2px 0 2px;
	
}
.navigation a{
	color:#ffffff;
	text-decoration: none;
	text-shadow: #0b5087 0px 1px 1px;
	padding-left: 6px;
	font-weight: bold;
}
.navigation.bottom a {color:#0395fc; text-shadow: 0 0 0; }

.navigation a:hover, .navigation.bottom a:hover{color: #f26522; text-decoration: none;}

/*
-----------------------------------------
TOP
----------------------------------------- 
*/
/*#top{margin-top:55px; padding-bottom:70px}*/

h1.logo a{float:left; font-size:2.6em; font-weight:bold; color:#000; text-transform:uppercase; text-decoration:none}

#nav{ width:380px; float:right; margin-top:1.2em; text-transform:none; font-family: Myriad Pro, Myriad, Trebuchet, sans-serif; text-shadow: #000000 0px 1px 1px;}

#nav ul{list-style-type:none;}

#nav li{display:block; display:inline; float: left}

#nav a{
	padding:5px;
	display:block;
	color:#ffffff;
	margin: 0 10px 0 0;
	text-decoration:none;
	font-size:1.4em;
	font-weight:bold;
	text-transform:none
}

#nav a:hover{color:#ffffff; background: #002637;}

ul#nav li.current_page_item a:link, 
ul#nav li.current_page_item a:visited, 
ul#nav li.current_page_item a:active{color:#ffffff; text-decoration:none; background: #002637;}
ul#nav li.current_page_item a:hover{color:#ffffff; text-decoration:none;}
/*
-----------------------------------------
FEATURED
----------------------------------------- 
*/
.front-post{width:303px; margin: 10px 25px 25px 0; float:left; }

.front-post-last{width:287px; float:left; margin: 10px 0 25px 0;}

#featured h2 {
	position: relative;
	font-size: 36px;
	font-weight: normal;
	letter-spacing: -1px;
	text-transform:none;
	border-bottom: none;
	margin:10px 0 0 0;
	padding: 10px 0 0 0;
}
#featured h2 a {
	font-size: 28px;
	font-weight: bold;
	color: #242424;
	letter-spacing: -1px;
	text-transform:none;
	border-bottom: none;
}
#featured h2 a:hover{color: #0395fc}

.featured-content{position:relative; width:287px; margin-left: 10px;}
.featured-content a:hover {
	color: #F26524;
}
.front-portfolio-post .featured-content{position:relative; width:244px; margin: 0;}

.featured-content p{margin-top:1em}

#featured .postMeta-featured{ padding-left: 0;}
#featured .postMeta-featured span.date { margin-left: 10px;}
#featured .postMeta-featured span.comments { margin-right: 10px;}

.featured-post{
	position:relative;
	margin: 0 10px 0 0;
	padding: 8px;
	width:287px;
	float:left;
	/*background: url(images/photo-frame-shadow-home.jpg) no-repeat;*/
}

#featured .featured-post h2{
	font-size: 28px;
	border-bottom: none;
	font-family: Myriad Pro, Myriad, Trebuchet, sans-serif;
}
.featured-image{margin:0 0 10px 0; }

.featured-image a {
	display: block;
	width: 287px;
	height: 129px;
}

.featured-image a img {
position: absolute;
}

.featured-title{
	margin: 0 auto 0 1px;
	display:block;
	z-index:101;
	width:300px;
	height: 28px;
}

.featured-title h2{border-bottom: 0; z-index:2}
.featured-title h2 a, .featured-portfolio-title h2 a{
	position:relative;
	font-size:14px;
	letter-spacing: 0px;
	display:block;
	color:#0B96D0;
	text-decoration:none;
	border-bottom:0;
	top:42px;
	z-index:2;
	margin: 0;

}

.featured-content h2{margin-top:15px}
.featured-content h2 a{color:#0b96d0; text-decoration:none}
.featured-content h2 a:hover{color:#000}

/* Portfolio Home Thumbs */

#featured {
	position: relative;
	margin: 10px auto 40px auto;
	width: 960px;
	padding: 0 16px;
}

#featured.workpage {
	width: 928px;
}
.front-portfolio-post{
	float:left; 
	border-bottom: 1px solid #cccccc;
	padding: 0;
	height: 206px;
	margin: 0 20px 60px 45px;
}


.featured-portfolio-image {
	position: relative;
	z-index:1;
	margin: 0 0 10px 0;
}

.featured-portfolio-image a {
	padding: 6px 8px 6px 6px;
	border: 1px solid #c1c1c1;
	width: 230px;
	height: 201px;
	display: block;
}
.featured-portfolio-image a:hover {
	border: 1px solid #0395FC;
}

.front-portfolio-post-alt{
	float:left; 
	padding: 0;
	height: 200px;
	width: 232px;
	margin: 0;
	border: none;
}

.featured-portfolio-image-alt {
	margin: 0;
}

.featured-portfolio-image-alt a {
	padding: 0;
	margin: 0;
	height: 200px;
}

.featured-portfolio-image-alt a img {
	position: absolute;
}

.jq-example {
	height: 200px;
	width: 232px;
	float: left;
	margin: 15px 20px 0 0;
	padding: 0;
}
p.blogBelowFloat {
	clear: left;
	padding-top: 25px;
}

.jq-example a {
	padding: 0;
	margin: 0;
	height: 200px;
	display: block;
}

div.jq-example a img {
	position: absolute;
	margin: 0;
	padding: 0;
}

.featured-portfolio-title{
	background:#000;
	display:block;
	z-index:101;
	width:220px;
	bottom:0;
	position:absolute;
	z-index:2;
	margin: 4px 9px;
}
.featured-portfolio-post{
	position:relative;
	margin-bottom:1.2em;
	width:221px;
	height: 202px;
	float:left;
	padding: 6px; border: 1px solid #c1c1c1;
}

.projectlink{margin: 0 0 12px 0; border-bottom: 1px solid #c1c1c1; }
.projectlink a{color:#0B96D0; text-decoration:none; font-size: 12px; }

/*
-----------------------------------------
SIDEBAR
----------------------------------------- 
*/
#sidebar{
	float:right;
	width:260px;
	padding-left:20px;
	overflow:hidden
}

#sidebar ul li ul li{border-bottom: 1px solid #e1e1e1;}

#sidebar li a{
	display:block;
	width:260px;
	margin:0;
	padding:8px 2px;
	list-style:none;
	font-size:12px;
	list-style-type:none;
	text-decoration:none;
	color:#222
}

#sidebar a{color:#e6e6e6; text-decoration:none}

#sidebar a:hover{color:#fff; background-color:#0395fc}

#sidebar h2{font-size:14px; color:#222; text-align:right; text-transform:uppercase; border-bottom:4px solid #0395fc; margin-top:28px; margin-bottom:10px}

/*
.post #sidebar{float:right; width:220px; padding-left:10px; overflow:hidden; border: 1px solid #ffcc00}

.post #sidebar li a{display:block; width:220px; margin:0; padding:8px 2px; list-style:none; border-bottom:1px solid #c9c9c9; font-size:1.4em; list-style-type:none; text-decoration:none; color:#222}

.post #sidebar a{color:#e6e6e6; text-decoration:none}

.post #sidebar a:hover{color:#fff; background-color:#282828}

.post #sidebar h2{font-size:1.8em; color:#222; text-align:right; text-transform:uppercase; border-bottom:4px solid #c9c9c9; margin-top:28px; margin-bottom:0}*/


/*
-----------------------------------------
LATEST
----------------------------------------- 
*/
#front-bottom{margin-top:36px}

#latest-wrap{float:left; width:640px}

.latest-post-wrap{float:left; width:162px; margin-right:8px}

.latest-post{position:relative; width:162px; height:118px}

.latest-image{position:absolute; z-index:1}

.latest-title h2{margin:8px 10px 7px; line-height:1.4em; font-size:1em; text-transform:none; padding-bottom:0; border-bottom:0}

.latest-title h2 a{display:block; color:#0B96D0; text-decoration:none}

.latest-title h2 a:hover{color:#fff}

.latest-title{background:#000; display:block; z-index:101; width:100%; bottom:0; position:absolute; z-index:2}

.latest-content{position:relative; width:162px; height:200px; margin-bottom:20px}

.latest-content h2{margin-top:15px}
.latest-content h2 a{color:#0b96d0; text-decoration:none}
.latest-content h2 a:hover{color:#000}

.latest-content p{color:#222; font-size:1.2em; line-height:1.5; margin-top:8px; margin-bottom:1.5em; text-align:left}


/*
-----------------------------------------
POSTMETA
----------------------------------------- 
*/
.postMeta{font-size:1.2em; margin-bottom:18px; margin-top:8px; padding-bottom:24px; border-bottom:1px solid #c9c9c9}

.postMeta-featured{font-size:1.2em; width:303px; padding-left: 10px;}

.postMeta-front{margin-top:8px; font-size:1.2em}

.postMeta-post{font-size:1em; margin-bottom:5px; margin-top:8px; padding-bottom:6px; }

.postMeta span.date, 
.postMeta-post span.date, 
.postMeta-featured span.date, 
.postMeta-front span.date{font-size: 11px; color:#8a8a8a; float:left}

.postMeta span.comments a, 
.postMeta span.date a, 
.postMeta-post span.comments a, 
.postMeta-post span.date a, 
.postMeta-featured span.comments a, 
.postMeta-featured span.date a, 
.postMeta-front span.comments a, 
.postMeta-front span.date a{float:left; color:#8a8a8a; text-decoration:none}

.postMeta span.comments, 
.postMeta-featured span.comments, 
.postMeta-post span.comments, 
.postMeta-front span.comments{float:right; background:#FFF url(images/comment.gif) no-repeat left center; padding-left:15px; margin-left:2px}

.postMeta-featured span.comments a{font-weight: bold; color:#0395fc; text-decoration: none;}
.postMeta-post span.comments a{font-weight: bold; color:#0395fc; text-decoration: none;}

/*
-----------------------------------------
POSTS
----------------------------------------- 
*/
.post-category {color:#8a8a8a; float:left; margin:8px 0 2px 0 ; font-size: 11px;}

.post-tags{color:#8a8a8a; float:right}

.post-category p, 
.post-tags p{color:#8A8A8A; font-size:1em; line-height:1.5em; margin-bottom:0em; margin-top:0em;}
.post img{margin:20px 0;}
.post blockquote p{margin:0 2.6em; font-style:italic}

.moretext{margin:8px 0 2px 0 ;}

.post #rfpform {
	width: 624px;
	float: left;
}

.post.blog p{margin-bottom: 8px;}

.inTextimage{
	padding: 4px;
	width: 333px;
	margin: 0 8px 0 0; 
}
.inTextimage p{font-size: 11px; color: #a2a2a2; letter-spacing: 0px; padding: 8px 0 0 0; border-top: 1px solid #c2c2c2;}

.etcetera img {margin: 8px 0 20px 0}
.etcetera p{padding: 8px 0 0 0; border-top: 1px solid #c2c2c2;}

/*
-----------------------------------------
COMMENTS
----------------------------------------- 
*/
.comment-heading{margin-bottom:26px; text-transform:none; border:none}

.commentwrap{border-top:3px solid #C9C9C9; padding-bottom:15px; padding-top:15px}

.commentpost{float:right; width:480px}

.commentpost p{margin-top:0}

.commentmetadata{float:left; width:15%; color:#2F2B23; line-height:1.5em; padding-right:5px; color:#999; font-size: 11px;}

.content.blog-content ul li ul.commentmetadata li{list-style-type:none; padding:.3em; margin:0 .5em 0 0}

.commentmetadata li a{color:#0B96D0; text-decoration:none;}

.warning{padding:10px; background:#282828; border:1px solid #323232; ; margin-bottom:10px}

#comments label input{border:1px solid #E5E5E5; padding:5px 4px; margin-bottom:10px; width:160px}

#comments label span{line-height:27px}

#comments label{font-family:"Lucida Sans Unicode"; font-size:1.1em}

#comment_author{margin:20px 20px 20px 0px; padding:0px; width:150px; float:left}

#comments-content{display:block; border-bottom:1px solid #C9C9C9; margin:10px 0px 10px 0px; padding:0px}

#comments textarea{margin-top:10px; padding:4px 0px; width:100%; border:1px solid #E5E5E5}

.button{border:1px solid #E5E5E5; font-size:1.1em; font-weight:bold; height:25px; margin-top:10px; margin-bottom:10px; padding:0 8px; text-transform:uppercase}

.children {margin-left: 50px}

.children div {border:none}

.children .commentwrap {border-top: 1px solid #C9C9C9;}

.children .commentmetadata {padding-right:0px}

.children .commentpost {text-align:left; float:right; width:78%}

#comments {

}

/*
-----------------------------------------
FORMS
-----------------------------------------
*/


form {
	padding: 0 20px 20px 0px;
}

form, form fieldset input, form fieldset textarea, form label {
	font-size: 11px;
}
form#contactform input {
	padding: 4px;
	height: 18px;
}
form#contactform p.submitbutton input {
	padding: 0;
	height: 44px;
}
.about-content-left .bloc form p, #respond form p { position: relative; margin: 0;}
.about-content-left .bloc form p.fieldTitle, #respond form p.fieldTitle{ font-size: 13px; font-weight: bold; margin: 10px 0 4px 0}
form p label { position: absolute; top: 0; left: 0;}
form p br {display: none;}

form div {margin: 0 0 15px 0}

form fieldset p input,
form fieldset p textarea {
	position: relative;
	display: block;
	padding: 4px;
	width: 300px;
	margin: 0;
}

form fieldset p textarea {width: 350px}

form fieldset p label {
	width: 380px;
	display: block;
	margin: 5px 5px 5px 6px;
	padding: 0;
}

form fieldset p textarea,
form fieldset p input {
	border: solid 1px #ccc;
}
form fieldset p label {
	color: #777;
}
form fieldset p label.req  {
	color: #F26522;
}
.req  {
	color: #F26522;
}


form fieldset p select.req  {
	border: 1px solid #F26522;
}
 input {
 	border:1px solid #ccc;
 	height: 18px;
 	width: 300px;
}

.submitbutton input {
	width: 104px;
	height: 44px;
	border: 0;
}

.postbutton input {
	width: 85px;
	height: 44px;
	border: 0;
}

#searchform .gobutton input {
	position: relative;
	width: 40px;
	height: 30px;
	border: 0;
	float: right;
}

label.error {
    display: block;
    position: relative;
    margin: 5px 0;
    color: #F26522;
	height: 15px;
}

.contactSuccess {
    color:#0065A4;
    font-size: 22px;
    margin: 15px 0;
    line-height: 22px;
}
.contactError {
    color: red;
    font-size: 22px;
    margin: 15px 0;
    line-height: 22px;
}

/*
-----------------------------------------
SEARCH
----------------------------------------- 
*/
#searchform{float:left; margin-top:1em; height:2.3em; width: 250px;}
#searchform input{float: left;}
#searchsubmit{border:1px solid #E5E5E5; font-size:1.1em; font-weight:bold; height:2.1em; padding:2px 8px; text-transform:uppercase; float:right; background-color:#F0F0F0}

#s{float:left; width:175px; margin-right:6px; padding-top:4px; padding-bottom:4px; padding-left:2px; padding-right:2px; border:1px solid #E5E5E5; font-size:1.1em}

/*
-----------------------------------------
DYNAMIC PAGE HEADERS
----------------------------------------- 
*/



#blog {
	display: block;
	background: url(images/blog-bg.jpg) top no-repeat #2c4021;
	width: 944px;
	height: 314px;
	margin: -520px auto 0 auto;
	
}

#blog-header{padding: 0 0 10px 0; margin: 0 0 10px 0;}


/* DIV Styles for Dynamic Headers */


.panel#focus-header h1, .panel#about-header h1, .panel#contact-header h1, .panel#blog-header h1, #focus-sub-content h1, #portfolio-sub-content h1, #about-sub-content h1{
	font-family: Myriad Pro, Myriad, Trebuchet, sans-serif;
	font-size: 48px;
	font-weight: bold;
	color: #ffffff;
	margin: 0;
	padding: 13px 0 13px 28px ;
	letter-spacing: -1px;
	text-shadow: #000000 0px 1px 1px;
	line-height: 46px;
} 	




#portfolio-sub-content h1{font-weight: normal; font-size: 36px; padding-top: 8px;}
#focus-sub-content h1{font-size: 36px; padding-top: 50px;}

#focus-sub-content h2, .panel#focus-header h2, .panel#about-header h2, .panel#contact-header h2, .panel#blog-header h2{
	font-family: Arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #2d002b;
	margin: 0;
	padding: 18px 0 0 28px;
	line-height: 30px;
	letter-spacing: -1px;
	text-transform: none;
	border-bottom: none;
	text-shadow: #000000 0px 1px 1px;
}
.panel#blog-header h2 {color: #efefef;}
#focus-sub-content h2{width: 650px; padding: 0 100px 0 0;}

.panel#blog-header h2{padding-top: 10px;} 
.panel#work-header h1, .panel#blog-post-header h1 {
	font-family: Myriad Pro, Myriad, Trebuchet, sans-serif;
	font-size: 48px;
	font-weight: bold;
	color: #ffffff;
	margin: 0;
	padding: 13px 0 13px 28px ;
	line-height: 46px;
	letter-spacing: -1px;
	text-shadow: #000000 0px 1px 1px;

}

.panel#blog-post-header h1, .panel#blog-post-header h2 p{padding-left: 0; }
.panel#work-header h2 {
	font-family: Arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #efefef;
	margin: 0;
	padding: 26px  0 0 28px;
	line-height: 30px;
	letter-spacing: -1px;
	text-transform: none;
	border-bottom: none;
	text-shadow: #000000 0px 1px 1px;


}

#middleBox .panel#blog-post-header h1 {font-size: 36px; line-height: 37px; padding: 16px 0 6px 0; text-align: center; letter-spacing: -1px;}  	
#middleBox .panel#blog-post-header h2 {padding-top: 8px; text-align: center} 

#blog-post-header h2{border-bottom: none; margin: 0 0 28px 0;}
#blog-post-header h2 p {
	font-family: Arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #efefef;
	margin: 0;
	padding: 0 0 0 28px;
	line-height: 30px;
	letter-spacing: -1px;
	text-transform: none;
	border-bottom: none;
	text-shadow: #000000 0px 1px 1px;
}
.dateline{font-size:11px; margin:8px 20px 18px 20px ; padding-bottom:10px; border-bottom:1px solid #c9c9c9; color: #c9c9c9}
.dateline span.date{color:#8a8a8a; float:left} 	
.dateline span.comments{background:#FFF url(images/comment.gif) no-repeat left center; padding-left:15px; margin-left:320px}
.dateline span.comments a{font-weight: bold; color:#0395fc; text-decoration: none;}


#work-header, #blog-post-header{
	float: left;
	margin: 0 16px 0 4px;
}

.panel#focus-header, .panel#about-header, .panel#contact-header, .panel#work-header {margin-bottom: 20px;}

#blog-post-image{
	width: 960px;
	height: 380px;
	overflow: hidden;
	margin: 10px 0 0 0;
	border: 4px solid white;
}

#blog-post-image img {
	position: absolute;
}

#blog-front-image{
	margin: 0;
	width: 660px;
	height: 410px;
}
#blog-front-image a {
	width: 660px;
	height: 370px;
	display: block;
}
#blog-front-image a img {
	position: absolute;
}

.lead-image{
	width: 650px;
	height: 370px;
}

/*
-----------------------------------------
DYNAMIC PAGE WRAPPER BGs
----------------------------------------- 
*/

#wrapper {
	position: relative;
	top: 0;
	margin: 0;
	padding: 0;
	background: url(images/home-bg.jpg) center -80px no-repeat;
	min-height: 100%;
	height: auto;
	
}

#wrapper.about{background: url(images/home-bg.jpg) top no-repeat;
}

#wrapper.work{background: url(images/home-bg.jpg) top no-repeat;
}

#wrapper.focus{background: url(images/home-bg.jpg) top no-repeat;
}

#wrapper.contact{background: url(images/home-bg.jpg) top no-repeat;
}

#wrapper.blog{background: url(images/home-bg.jpg) top no-repeat;
}


/* 
-------------------------------------
Pages Styling 
-------------------------------------
*/

.imagesholder{
	float: right;
	width: 287px;
	height: 143px;
	background: url(images/pages-image-shadow.jpg) top no-repeat;
	padding:9px 8px 8px 8px;
	margin: 12px 0 0 0;
}
.imagesholder img{margin: 0px; height: 143px;}




/* Focus */ 

.focus-content, .focus-content-first {
	display: block;
	width: 300px;
	float: left;
	margin: 4px 0 4px 24px;
	padding: 0;
}
.focus-content-first {
	margin-left: 4px;
}



.focus-content .bloc, .focus-content-first .bloc{padding:4px;}
.focus-content .bloc p, .focus-content-first .bloc p, .about-content .bloc p, .process-content .bloc p, .about-left .bloc p, .about-right .bloc p{margin-bottom: 12px;}
.focus-content .bloc h2, .focus-content-first .bloc h2, .about-content .bloc h2, .process-content .bloc h2 {font-size: 20px; margin: 8px 0 0 0; color: #0065a4;}
.post .focus-content .bloc p img, .post .focus-content-first .bloc p img {float: left; margin: 0 8px 8px 0;}

.about-content-left .bloc h2.leadin, .process-content .bloc h2.leadin {color: #f26522;}

.focus-content h5, .focus-content-first h5, .about-content h5, .process-content .bloc h5{color: #999999; font-size: 12px; font-weight: normal; }

.focus-content-top{
	width: 950px;
	margin: 6px;
	padding: 0;
	clear:both;
	border-top:4px solid #0395fc;
	border-bottom: 1px dotted #777777;
}

#focus-sub-content{
	display: block;
	margin:0 auto;
	background: #111111 url(images/end-to-end-rpt-bg.jpg) repeat-x;
	overflow: hidden;
	clear: both;
}

#focus-sub-content .contentCenter{
	background: url(images/canphone-bg.jpg) no-repeat;
	width: 980px;
	height: 417px;
}

#focus-sub-content h2{
	color: #ffffff;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 26px 200px 0 28px;
	line-height: 26px;
	text-transform: none;
	border-bottom: none;
}

#focus-sub-content h2 a{color:#f26522; text-decoration:none;}
#focus-sub-content h2 a:hover { color:#1777bb; text-decoration:none;}

#focus-sub-content a b{color:#f26522; text-decoration:none;}
#focus-sub-content a b:hover { color:#0395fc; text-decoration:none;}


/* Process */

.process-content {
	display: block;
	width: 950px;
	margin: 6px;
	padding: 0;
	clear:both;
}

.process-content-top{
	width: 950px;
	margin: 6px;
	padding: 0;
	clear:both;
	border-top:4px solid #0395fc;
}
.process-content .bloc{
	float: left;
	width: 593px;
	border-top: 1px dotted #777777;
	margin: 0 30px 0 0
}


/* About */ 

.about-left{float: left; margin: 0 42px 0 0; width: 428px }
#post-15 .about-left{margin: 0 42px 0 4px; width: 424px; }
.about-right{float: left; width: 490px }
.about-content {
	display: block;
	width: 950px;
	margin: 6px;
	padding: 0;
	clear:both;
}

.about-content-top{
	width: 950px;
	margin: 6px;
	padding: 0;
	clear:both;
	border-top:4px solid #0395fc;
}
.about-right .bloc{
	float: left;
	width: 224px;
	margin: 0 32px 0 0
}

.about-right .bloc.last{
	margin: 0
}


#about-sub-content{
	position: relative;
	display: block;
	margin:0 auto;
	background: url(images/social-bg.png) top repeat-x;
	text-shadow: #000000 0px 1px 1px;
	clear: both;
	overflow: hidden;
	color: #ffffff;
}
#about-sub-content a{color: #76abb8}
#aboutContent{
	position: relative;
	display: block;
	margin:0 auto;
	height: 283px;
	background: url(images/social-div-bg.png) top no-repeat;
}
#about-sub-content h1{
	font-size: 30px;
	padding: 40px 0 0 0;
	background: url(images/twitter-icon.png) 445px 20px no-repeat;
	height: 80px;
	font-family: Myriad Pro, Myriad, Trebuchet, sans-serif;  }

#about-sub-content h2{
	color: #ffffff;
	font-size: 30px;
	font-family: Myriad Pro, Myriad, Trebuchet, sans-serif;
	font-weight: bold;
	margin: 0 auto;
	line-height: 26px;
	text-transform: none;
	border-bottom: none;
	padding-bottom: 14px
}

#about-sub-content h5{
	font-family: Myriad Pro, Myriad, Trebuchet, sans-serif;
	text-transform: uppercase;
	color: #76abb8;
	font-size: 16px;
	font-weight: normal;

	margin: 25px 0 0 110px;

}

#about-sub-content h5 a{color: #76abb8;}
#about-sub-content a:hover, #about-sub-content h5 a:hover{color: #17c5f0;}

#about-sub-content p{
float: left; padding: 0 0 10px 28px;
}


.about-content .bloc{padding:8px;}
.bloc h2, .bloc h5{padding:4px 8px 8px 0;}
.bloc h2 {line-height: 24px}

#about-sub-content img {float: left; padding: 0 10px 0 0;}
#about-sub-content .bio{
	position: relative;
	float: left;
	width: 420px;
	margin: 10px 50px 0 0; 
}

#about-sub-content .network{
	position: relative;
	float: left;
	width: 420px;
	margin: 10px 10px 0 0; 
}
#about-sub-content .contentCenter {padding-left: 45px;}

/* Portfolio */


#portfolio-sub-content{
	display: none;
	height: 320px;
	margin:0 auto;
	background: #22001c url(images/about-sub-rpt.gif) repeat-x;
	clear: both;
	padding: 24px;
	overflow: visible;
}

#portfolio-sub-content h2{
	color: #ffffff;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 10px 0 28px 28px;
	line-height: 26px;
	text-transform: none;
	border-bottom: none;
}

#portfolio-sub-content h5{
	text-transform: uppercase;
	color: #ffffff;
	font-size: 12px;
	font-weight: normal;
	padding: 0 0 0 28px;
}

#portfolio-content .left{
	position: relative;
	float: left;
	width: 320px;
	margin: 10px 30px 0 0; 
}

#portfolio-content .left ul{font-size: 12px; margin: 0 0 0 10px;}

#portfolio-content .left h4{
	text-transform: uppercase;
	color: #333333;
	font-size: 14px;
	font-weight: normal;
	border-bottom: none;
	margin: 20px 0 0 0;
}

#portfolio-content .right{
	position: relative;
	float: left;
	width: 600px;
	margin: 10px 0px 0 0; 
}


/* CONTACT */
.contact-add p strong {
	color:#0065A4;
	font-size: 20px;
	margin: 8px 0 8px 0;
}
.contact-add p {
	margin: 5px 0;
}

#jbio, #sbio {
	width: 200px;
	margin: 0 50px 8px 0;
	float: left;
}
#sbio {
	margin-right: 0px;
}
#jbio h3, #sbio h3 {
	color: #F26522;
}
#jbio a.contact-twitter, #sbio a.contact-twitter {
	position: absolute;
	margin: 30px 0 0 165px;
}
#contact-sub {
	border-top:1px dotted #777777;
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
}
#map-image img {
	width: 487px;
	height: 396px;
}
#map-image {
	margin: 15px 0 20px 0;
}

/*
-----------------------------------------
FOOTER
----------------------------------------- 
*/
#push{height:20px}

#footer{
	font-size:12px;
	padding:20px 10px 20px 10px;
	border-top:1px solid #C9C9C9;
	margin:0;
	color:#7e667d;
	background: #2d002b url(images/footer-bg.png) repeat-x top;
	line-height: 16px;
	text-align: left;
}

#footer p{font-size:12px; color:#7e667d; line-height:1.5em; margin-bottom:0; margin-top:0.6em}

#footer p a{border-bottom:1px solid #c9c9c9; color:#f26522; text-decoration:none}

#footer p a:hover{border-bottom:1px solid #c9c9c9; color:#0b96d0; text-decoration:none}

.footerList{
	position: relative;
}

.footerList ul h5 {
	font-size: 18px;
	color: #ffffff;
	font-family: Myriad Pro, Myriad, Trebuchet, sans-serif;
	font-weight: normal;
	padding-bottom: 12px;
	border-bottom: 4px solid #2e012c;
	margin-bottom: 8px;
}

.footerList ul{
	position: relative;
	float: left;
	margin: 10px 20px;
	padding: 0;
	list-style: none;
	width: 200px;
 }


.footerList li{
	list-style: none;
	display: block;
	padding: 8px 0;
 }

.footerList li.list{
	border-bottom: 1px solid #5d0058;
}

.colophon {
	position: relative;
	bottom: 0;
	text-align: center;
	font-size: 10px;
	margin: 60px auto 0 auto;
	font-family: Georgia, serif;
	font-style: italic;
	width: 960px;
}
.colophon a{color: #1777bb}
.colophon a:hover{color: #ffffff}

.footerList a { color:#f26522; text-decoration:none;}
.footerList a:hover { color:#9E0096; text-decoration:none;}