/*  
Theme Name: Firm Media 3
Theme URI: http://firm-media.com/
Description: Firm Media Template custom designed
Version: 3.0
Author: Thom Meredith
Author URI: http://firm-media.com/


*/

@import"css/reset.css";
@import"css/slimbox2.css";

/* Colors */

/*********************/
/** COLOR USAGE **/
/*********************/
/*red*/ 
h1, h2, #rightCol h3, .faq #rightCol h2, a, .time, #mnav a:hover, #mnav .selected a, .red, h6, #submit-btn, h5, .blog #snav .current-cat a {
	color: rgb(177,31,23);}
	
/* cool gray 11 */
p, a:hover, #mnav a, #submit-btn:hover, input, textarea, #rightCol h2, h4, .casestudy #rightCol li, .tweet_list li, ul, ol {
	color: rgb(117,116,119);}

/* gray 2 */
#snav a, #pdf a {
	color: #bcbec0;}
	
/* dark red */
	
#snav .title a {
	color: rgb(98,20,13);}
	
#snav a:hover, #snav .current_page_item a, #snav h2, #pdf a:hover, .home #homenav li a {
	color: #ffffff;}

/*********************/
/** TYPOGRAPHY **/
/*********************/
input, button, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin-bottom: 6px;
	margin-top: 0px;}

strong, #submit-btn, .more {
	font-weight: bold;}
	
em {
	font-weight: italic;}

#mnav a {
	text-transform: uppercase;
	text-decoration: none;
	padding: 0px 12px 0px 10px;}

h1, h2, h4, #snav a, #pdf {
	font-size: 1.8em;}
	
h5, #mnav a {
	font-size: 1.4em;}
	
h5 {
	line-height: 1.142em;}

h4 {
	line-height: 1.1em;}
	
h3 {
font-size: 1.5em;
margin-bottom: 4px;
}	

p, h6, #footer #follow a, .casestudy #rightCol li, .tweet_list li, #rightCol li, .blog #leftCol li {
	font-size: 1.2em;
	line-height: 1.5em;}
	
p, ul, ol, .tweet_list li {
	margin-bottom: 16px;}
	
#rightCol li, .blog #leftCol li {
list-style-type: disc;

}

	
.desc p {
	font-size: 1.3em;
	line-height: 1.5em;
	color: rgb(110,23,15);}
	
#submit-btn, .more { 
	font-size: 1.5em;}
	
.home #homenav li a {
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: .02em;
	font-size: 1.8em;}
	
a {
	text-decoration: none;}
	
.casestudy #rightCol li {
	list-style-type: disc;
	margin-left: 12px;}

/*********************/
/** GLOBAL STRUCTURE **/
/*********************/

/* general */
body {
	background: #ffffff url(img/basic/bg.gif) no-repeat center 227px;
	font-family: Arial, Helvetica, sans-serif;}

#rap {
	width: 940px;
	margin: 0 auto;}

.clearfloat{
	clear: both;}

.more {
	 padding-right: 24px;
	 background: transparent url(img/basic/more.png) no-repeat center right;
	 height: 17px;}

h4 {
	 margin-bottom: 8px;}
	 
h5 {
	margin-bottom: 2px;}

/* header */

#header {
	height: 136px;
	width: 940px;
	position: relative;}

#chat-btn {
	display: block;
	text-indent: -999em;
	background: transparent url(img/basic/click.gif) no-repeat top left;
	height: 28px;
	width: 122px;
	margin-right: 3px;}
	
#call-btn {
	display: block;
	text-indent: -999em;
	background: transparent url(img/basic/call.gif) no-repeat top left;
	height: 28px;
	width: 177px;
	margin-top:-4px;}
	
#chat-btn:hover, #call-btn:hover {
	background-position: bottom left;}

#logo, #mnav, #pnav {
	position: absolute;}

#pnav {
	top: 0px;
	right: 0px;}

#logo {
	top: 55px;
	left: 14px;}
	
#mnav {
	right: -2px;
	top: 70px;}

#mnav li, #pnav li {
	display: inline;
	float: left;}
	
/* body */
#body {
	padding-bottom: 15px;}

.col {
	float: left;
	display: inline;
	padding-top: 25px;}
	
h1, h2 {
	margin-bottom: 6px;}
	
/* footer */
#footer {
	background: #ffffff url(img/basic/footerbg.gif) repeat-x top left;
	padding: 16px 0px 0px 16px;
	margin-bottom: 30px;}
	
#footer h2 {
	margin-bottom: 22px;}
	
#contact-form input, #contact-form textarea {
	border: 1px solid rgb(198,198,198);
	width: 274px;
	padding: 3px 3px 4px;}
	
#contact-form textarea {
	resize: vertical;}
	
#footer .col {
	float: left;
	display: inline;
	width: 296px;
	margin-right: 20px;}
	
#footer .col #blog h2, #footer .col #follow h2 {
	padding-top: 30px;}	

.facebook, .twitter, .linkedin, .youtube{
	display: block;
	padding-left: 24px;
	padding-top: 4px;
	height: 19px;
	margin-bottom: 9px;}
#footer .facebook, #footer .twitter, #footer .linkedin, #footer .youtube{
	padding-left: 30px;
}
#pnav .facebook, #pnav .twitter, #pnav .youtube, #pnav .linkedin{
padding-top: 14px;
width: 10px;
}

#pnav .share {
margin: 8px 12px 0 0 }
	
.facebook{
	background: transparent url(img/basic/facebook_24.png) no-repeat left center;}
	
.twitter{
	background: transparent url(img/basic/twitter_24.png) no-repeat left center;}
	
.linkedin{
	background: transparent url(img/basic/linkedin_24.png) no-repeat left center;}
	
.youtube{
	background: transparent url(img/basic/youtube_24.png) no-repeat left center;}

	


#footer .col3 {
	width: 270px;
	margin-right: 0px;
	padding-left: 20px;}
	
#footer #submit-btn {
	background-image: none;
	border: 0px;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
	cursor: pointer;}

/*********************/
/** CUSTOM STRUCTURE **/
/*********************/

#leftCol {
	width: 295px;
	padding: 25px 20px 0px 16px;}

#rightCol {
	width: 550px;}

.casestudy #rightCol {
	width: 600px;
}
	
.home #homenav {
	width: 940px;}
	
.home #homenav li {
	display: inline;
	float: left;
	width: 235px;
	height: 43px;}
	
.hasjs .home #homenav li {
	padding-top: 12px;}
	
.hasjs .home #homenav .selected {
	background: transparent url(img/basic/homeselected.png) no-repeat center top;}
	
.home #homenav li:last-child {
	width: 235px;
	border-right: none;}	
	
.home #homenav li a { 
	width: 234px;
	display: block;
	background: transparent url(img/basic/homenavbg.gif) repeat-x left top;
	height: 31px;
	border-right: 1px solid #ffffff;
	padding-top: 12px;}
	
.home #homenav li:last-child a {
	border-right: 0px;
	width: 235px;}

.home #homenav li a:hover, .home #homenav .selected a {
	background-position: left bottom;}
	
.hasjs .home #body {
	position: relative;
	height: 695px;
	padding-bottom: 0px;}
	
.hasjs #homenav {
	position: absolute;
	z-index: 5;
	left: 0px;
	top: 320px;
	height: 55px;}
	
.hasjs .home #main .section img{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;}
	
.hasjs .home #main #socialmedia img, .hasjs .home #main #webdesign img, .hasjs .home #main #videomktg img {
	display: none;}
	
.hasjs .home #main .section .desc{
	position: absolute;
	top: 375px;
	width: 204px;
	border-right: 1px solid #ffffff;
	height: 290px;
	z-index: 3;
	padding: 15px;
	background: #fbfbfb url(img/basic/homedescbg.gif) repeat-x left top;}
	
.hasjs #seo .desc {
	left: 0px;}
	
.hasjs #socialmedia .desc {
	left: 235px;}
	
.hasjs #webdesign .desc {
	left: 470px;}
	
.hasjs .home #main #videomktg .desc {
	right: 0px;
	width: 205px;
	border-right: 0px;}
	
.hasjs .home #main .section .desc .more{
	position: absolute;
	bottom: 15px;}
	
.services, .casestudy {
	background: url(img/basic/redcol.gif) top left repeat-y !important;}
	
#snav li {
	width: 290px;
	padding-bottom: 6px;}
	
#snav .current_page_item {
	background: transparent url(img/basic/selected.gif) no-repeat right 3px;}
	
#pdf {
	margin-top: 36px;
	height: 66px;}
	
#pdf a {
	padding-left: 45px;
	background: transparent url(img/basic/pdf.gif) no-repeat top left;
	height: 54px;
	padding-top: 12px;
	padding-bottom: 36px;
	position: relative;
	display: block;}
	
#inlinesnav {
	margin: 35px 0px;}
	
#inlinesnav li {
	float: left;
	display: inline;
	margin-left: -3px;}
	
#inlinesnav #sn1 {
	margin-left: 0px;}
	
#sn1 a, #sn2 a, #sn3 a, #sn4 a, #sn5 a {
	display: block;
	text-indent: -999em;
	height: 29px;
	width: 87px;}
	
#sn1 a{
	background: transparent url(img/basic/sn1.gif) no-repeat top left;}
	
#sn2 a{
	background: transparent url(img/basic/sn2.gif) no-repeat top left;}
	
#sn3 a{
	background: transparent url(img/basic/sn3.gif) no-repeat top left;}
	
#sn4 a{
	background: transparent url(img/basic/sn4.gif) no-repeat top left;}
	
#sn5 a{
	background: transparent url(img/basic/sn5.gif) no-repeat top left;}
	
#sn1 a:hover, #sn1 .selected, #sn2 a:hover, #sn2 .selected, #sn3 a:hover, #sn3 .selected, #sn4 a:hover, #sn4 .selected, #sn5 a:hover, #sn5 .selected {
	background-position: bottom left;}

.about #rightCol {
	width: 295px;}
	
.about #leftCol {
	width: 525px;
	padding-right: 65px;}
	
#ourvideo {
	margin-bottom: 25px;}
	
#teambios img {
	margin-bottom: 10px;
	height: 83px;}
	
#teambios .desc {
	width: 295px;}
	
.hasjs #teambios h5 {
	cursor: pointer;}
	
.casestudy #rightCol .col {
	float: left;
	display: inline;
	width: 270px;
	padding-top: 0px;}
	
.casestudy #rightCol .col1 {
	margin-right: 30px;}
	
.casestudy .col img {
	margin-top: 14px;}
	
/* blog */

.blog #tagline {
	font-size: 1.4em;
	position: absolute;
	top: 80px;
	left: 195px;}

.blog #mainimg {
	height: 223px;}

.blog #col1, .blog #col2 {
	float: left;
	display: inline;
	padding-top: 36px;}

.blog #col1 {
	width: 525px;
	padding-left: 15px;
	padding-right: 90px;}

.blog .content {
	margin-top: 12px;}

.meta .category, .meta .comments {
	float: left;
	display: inline;
	margin-right: 21px;
	font-size: 1.2em;}
	
.blog .post {
	padding-bottom: 12px;
	border-bottom: 1px solid rgb(156,156,156); }

.blog .content p, .blog #sidebar li li a, .meta .category a, .meta .comments a{
	color: rgb(116,116,116);}
	
.blog .content img {
	margin-bottom: 16px;}
	
.meta .category a {
	padding-left: 16px;
	background: #ffffff url(img/basic/cat.gif) no-repeat left center;
	padding-top: 3px;
	padding-bottom: 3px;}
	
.meta .comments a {
	padding-left: 21px;
	background: #ffffff url(img/basic/comment.gif) no-repeat left center;
	padding-top: 3px;
	padding-bottom: 3px;}
	
.meta .socialmedia p {
	margin-bottom: 2px;}
	
.meta .socialmedia {
	margin-bottom: 21px;}

.blog .meta p, .blog #tagline {
	color: rgb(156,156,156);}
	
.meta .author {
	font-style: italic;}
	
.blog #col2 {
	width: 280px;
	padding-left: 15px;
	padding-right: 15px;
	background: #FFFFFF url(img/basic/footerbg.gif) repeat-x scroll left top;}
	
.blog #searchform input{
	border: 1px solid #999999;
	background: #ffffff;
	padding: 3px 4px;
	width: 226px;
	float: left;}
	
.blog #searchform input:focus{
	background: #eeeeee;}
	
.blog button {
	background: none;
	border: 0px;
	cursor: pointer;
	margin-top: 2px;}
	
.blog #searchform button {
	float: left;
	margin-top: 0px;}
	
.blog #searchform, .blog #sidebar li {
	margin-bottom: 27px;}
	
.blog #sidebar li li {
	font-size: 1.2em;
	margin-bottom: 5px;}
	
.blog #sidebar li li a:hover, .meta .category a:hover, .meta .comments a:hover{
	color: rgb(177,31,23);}
	
.blog #submit-btn {
	padding: 0px;}
	
#fax {
display: none;}

#crossslide {

height: 450px;
background: #f1f1f1 url(img/basic/preloader.gif) center no-repeat;

}


.blog #leftCol {
width: 500px;
padding: 25px 80px 0 49px;
}

.blog #rightCol {
width: 310px;
background:url("img/basic/footerbg.gif") repeat-x scroll left top #FFFFFF;
height:400px;
}

.headimg {
display: block;}

.blog #rightCol li {
list-style-type: none;
}

.blog #rightCol #snav {
margin-left: 14px;
}

.blog #snav a {
font-size: 16px;
color: #BCBEC0;
}

.blog #snav a:hover {
font-size: 16px;
color: #B11F17;
}


.blog .post {
margin-bottom: 36px;}


#fm-social-bar{
	background: url('img/social-bar/bar-bg.jpg');
	height: 21px;
	padding-top: 4px;
	margin: 0;
	width: auto;
}
#fm-social-bar ul{
	float: right;
}
#fm-social-bar ul li{
	float: left;
	margin-left: 8px;
}
.ninehundred{
	width: 920px;
	margin: auto;
}
#phone-bar{
	background-image: url(img/social-bar/cddc-phone.png);
	height: 43px;
	width: 210px;
	position: absolute;
	z-index: 99999;
	margin: -4px 0 0 570px;
}
.st_sharethis_custom{
        background: url("img/social-bar/sharethis.png") no-repeat scroll left top transparent;
        padding:4px 16px 0 0;
/* 		margin: 4px 0 0 0px; */
}
.sthis{
	margin-top: 5px;
}
#call-button {
	display: block;
	text-indent: -999em;
	background: transparent url(img/social-bar/call.png) no-repeat top left;
	height: 34px;
	width: 177px;
	margin-top:-4px;
	padding-right: 12px;}
	
.somespace {
	margin-top: 4px;
	border: 1px solid #d5d7d8;
}