/*
Theme Name: Shoot The Company V2
Theme URI: http://www.shootthecompany.com/
Description: The WordPress theme for Shoot The Company.
Version: 1.0
Author: MWA Design
Author URI: http://www.mwadesign.com/

*/



body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 100%;  
	font-size: 62.5%;	
	color: #fff;
	text-align: center;
	font-family: arial, verdana, sans-serif;
	background: #101010 url(images/STC09_bgrnd_d6.jpg);
    }




body a img {
	border: none;
}


.clearing{	
	clear: both;
}





/*------ clear standard browser styles ------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}



/*------ general styles ------*/


.clear {
	clear: both;
	overflow: hidden;
	line-height: 0 !important;
	height: 0 !important;
	font-size: 0 !important;
	margin: 0 !important;
	}


.disguise {
	position: absolute;
	left: -10000px;
	}
	
.hide {
	display: none;
	}
	
	
	
/* http://positioniseverything.net/easyclearing */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0;
	clear: both; 
	visibility: hidden;
	}

.clearfix {
	display: inline-table;
        min-height: 0;
	}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


a:focus, a:hover, a:active { outline:none }


/*------ wrap ------*/


#wrap {
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	width: 880px;
	text-align: left;
	position: relative;	
	background: url(images/wrap-bg.jpg) no-repeat 0 0;
}


/*------ header ------*/


#header {
	float: left;
	width: 880px;
	padding-bottom: 40px;
	}
	


#header #logo{
	float: left;
	width: 280px;
	height: 88px;
	background: url(images/shoot-the-company-logo.gif) no-repeat 0 0;
	}	
	
	
	
#header #logo a{
	float: left;
	width: 280px;
	height: 88px;
	font-size: 1px;
	color: #000;
	background: url(images/shoot-the-company-logo.gif) no-repeat 0 0;
	}	
	
	
#navigation{
	float: right;
	margin: 75px 0 0 0;
	}	
	

#navigation a {
	display: block;
	}
	
	
#navigation li{
	float: left;
	margin: 0 35px 0 0;
	}

#navigation li.last{
	margin: 0 40px 0 0;
	}
	
* html #navigation li.last{
	margin: 0 20px 0 0;
	}


#navigation li a{
	float: left;
	height: 13px;
	padding: 0px 0 10px 0;
	text-decoration: none;
	text-indent: -9999px;
	}


#navigation li.home a{	
	width: 46px;
	background: url(images/nav-home.gif) no-repeat 0 0;
	}


#navigation li.home a:hover,
#navigation li.home:hover a,
#navigation li.home a.here{
	cursor: pointer;
	background: url(images/nav-home.gif) no-repeat -46px 0;
	}
	
#navigation li.about a{	
	width: 79px;
	background: url(images/nav-about.gif) no-repeat 0 0;
	}


#navigation li.about a:hover,
#navigation li.about:hover a,
#navigation li.about a.here{
	cursor: default;
	background: url(images/nav-about.gif) no-repeat -79px 0;
	}


	
#navigation li.news a{	
	width: 84px;
	background: url(images/nav-news.gif) no-repeat 0 0;
	}


#navigation li.news a:hover,
#navigation li.news a.here{
	background: url(images/nav-news.gif) no-repeat -84px 0;
	}


	
#navigation li.contact a{	
	width: 97px;
	background: url(images/nav-contact.gif) no-repeat 0 0;
	}


#navigation li.contact a:hover,
#navigation li.contact a.here{	
	background: url(images/nav-contact.gif) no-repeat -97px 0;
	}




	
	
#navigation li ul { /* second-level lists */
	position: absolute;
	background: #fff;
	width: 90px;
	padding: 15px 0px 5px 17px;
	margin-top: 20px;
	font-size: 1.2em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}



#navigation li:hover ul, #navigation li.sfhover ul { /* lists nested under hovered list items */
	left: 505px;
}


#navigation li ul li{
	padding: 0 0 10px 0;
	}

#navigation li ul a{
	display: block;
	width: 90px;
	text-indent: 0;
	height: auto;	
	padding: 0 0 0 0;	
	font-weight: bold;
	color: #666666;
	cursor: pointer !important;
	background: none !important;
	}
	

#navigation li ul a:hover,
#navigation li ul a.here{
	color: #000 !important;
	cursor: pointer !important;
	background: none !important;
	}	
	

/*------ theCompany ------*/

	
#theCompany {
  position: absolute;
  float: left;
  width: 880px;
  height: 347px;
  padding: 0;
  top: 140px;
  left: 0px;
  z-index: 2;
  background: url(images/theCompany-holder.png) no-repeat 50% 0;
}

* html #theCompany {
  background: url(images/theCompany-holder.jpg) no-repeat 50% 0;
}

/*------ homeContent ------*/


#homeContent {
	float: left;
	width: 800px;
	margin: 0 40px 10px 40px;
	padding-top: 280px;
}


* html #homeContent {
	margin: 0 20px 10px 20px;
}


#homeContent .pageTitle{
	float: left;
	width: 800px;
	height: 37px;
	margin: 0;
	padding: 0 0 0 0;
	background: url(images/pagetitle-home.gif) no-repeat 0 5px;
	text-indent: -9999px;
}





/*------ content ------*/


#content {
	float: left;
	width: 800px;
	margin: 0 40px 10px 40px;
	padding: 0 0 150px 0;
}


* html #content {
	margin: 0 20px 10px 20px;
}


#wrap div.contactPage{
	padding: 0 0 90px 0;
}


#wrap div.newsPage{
	padding: 0 0 0px 0;
}

#content.padded{
	padding: 280px 0 140px 0;
}


#content .pageTitle{
	font-size: 2.6em;
	color: #ffffff;
	padding: 0 0 45px 0;
}




#content h2{
	font-size: 2.6em;
	color: #fff;
	padding: 25px 0 45px 0;
}


#news h2{
	color: #ccc;
}


#content p{
	font-size: 1.4em;
	padding: 0 0 20px 0;
}


#content ul{
	padding: 0 0 20px 0;
}


#content ul li{
	padding: 0 0 10px 0;
	font-size: 1.4em;
}


#content ul li ul{
	padding: 0 0 0 20px;
}


#content ul li ul li{
	padding: 0 0 0 0;
	font-size: 0.9em;
}


#content ul li a{
	color: #fff;
	text-decoration: none;
}


#content ul li a:hover{
	text-decoration: underline;
}


#content p strong{
	color: #fff;
}


#content p a{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}


#content p a:hover{
	text-decoration: underline;
}


#content p.link{
	padding-top: 20px;
	font-size: 1.6em !important;
}



/*------ .team ------*/


#content .team{
	float: left;
	width: 800px;
	margin: 10px 0 30px 0;
	background: #333333;
}


#content .team .details{
	float: right;
	width: 320px;
	padding: 40px 40px 0 40px;
}


#content .rightImage .details{
	float: left;
}


#content .team h3{
	font-size: 1.8em;
	line-height: 1.1em;
	padding: 0 0 20px 0;
	color: #666666;
}


#content .team h3 strong{
	color: #fff;
}


#content .team p{
	font-size: 1.2em;
	line-height: 1.5em;
}


#content .team p strong{
	color: #ffffff;
}


#content .leftImage img{
	float: left;
}


#content .rightImage img{
	float: right;
}



/*------ testimonial ------*/


#content .testimonial{
	float: left;
	width: 800px;
	margin: 10px 0 25px 0;
}


#content .testimonial p{
	background: #333333 url(images/testimonial-bg.gif) no-repeat 0 0;
	padding: 25px 30px 0 30px;
	font-size: 1.6em;
	line-height: 1.5em;
	color: #fff;
}


#content .testimonial .quoted{
	float: left;
	width: 800px;
	text-align: right;
	font-weight: bold;
	padding: 70px 0 0 0;
	font-size: 1.4em;
	line-height: 1.5em;
	color: #999999;
	background: url(images/quoted-bg.png) no-repeat 0 0;
}


* html #content .testimonial .quoted{
	background: url(images/quoted-bg.gif) no-repeat 0 0;
}


/*------ contactForm ------*/


#contactForm{
	float: left;
	width: 409px;
	margin: 20px 0 50px 0;
	padding: 21px 29px 15px 29px;
	background: #333333;
}


#contactForm h3{
	font-size: 2.4em;
	color: #fff;
	padding: 0 0 16px 0;
}


#contactForm p{
	float: left;
	width: 409px;
	margin: 0 0 8px 0;
	padding: 0;
}


#contactForm p.warning{
	float: left;
	width: 409px;
	margin: 0 0 15px 0;
	padding: 0;
	color: #ffffff;
}


#contactForm p.send{
	float: left;
	width: 409px;
	margin: 0 0 15px 0;
	padding: 0;
	color: #ffffff;
}



#contactForm span.warning{
	float: right;
	width: 319px;
	padding: 5px 0 0 0;
	color: #ff0000;
}
	


#contactForm label{
	float: left;
	width: 82px;
	color: #999;
}


#contactForm .field input,
#contactForm .field textarea{
	float: right;
	width: 319px;
	border: 1px solid #666666;
	padding: 4px 3px;
}


#contactForm .submit{
	float: left;
	width: 409px;
	margin: 3px 0 0 0;
}


#contactForm .submit input{
	float: right;
}


#content .telephone{
	float: right;
	width: 309px;
	margin: 42px 0 0 0;
	padding: 0;
	font-size: 2.4em;
	line-height: 1.4em;
	color: #fff;
}


#content .telephone a{
	font-size: 0.6em !important;
	color: #999999;
	font-weight: bold;
}


#content .map{
	float: left;
	width: 800px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 1em;
}


#content .map span{
	font-size: 2.4em;
	color: #fff;
}


#content .map a{
	font-size: 1.4em;
	color: #999999;
	font-weight: bold;
	margin-left: 5px;
}






/*------ intro ------*/


#intro {
	float: left;
	width: 800px;
	margin-bottom: 55px;
}


#intro .welcome{
	float: left;
	width: 538px;
	background: #333333;
	font-size: 1.4em;
	padding: 22px 0 4px 0;
}


#intro .welcome p{
	padding: 0 22px 18px 22px;
}


#intro .welcome strong{
	color: #fff;
}


#intro .welcome a{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}


#intro .welcome a:hover{
	text-decoration: underline;
}


#intro blockquote{
	float: right;
	width: 185px;
}


#intro blockquote p{
	font-size: 2.4em;
	color: #fff;
	padding-bottom: 40px;
	line-height: 1.1em;
}


#intro blockquote p em{
	font-style: normal;
	color: #FF0000;
}


#intro blockquote .quoted{
	font-size: 1em;
	color: #666666;
	font-weight: bold;
	padding-bottom: 0px;
	line-height: 1.4em;
}



/*------ latestNews ------*/


#latestNews{
	float: left;
	width: 541px;
	background: url(images/latestnews-bg.gif) no-repeat 0 33px;
}


#latestNews .title{
	font-size: 1.8em;
	font-weight: bold;
	color: #fff;
	padding-bottom: 15px;
}


#latestNews .story{
	float:left;
	width: 238px;
}


#latestNews .first{
	margin-right: 44px;
}


#latestNews p{
	font-size: 1.2em;
	margin-top: 18px;
	color: #999999;
}


#latestNews p strong{
	color: #fff;
}


#latestNews p a{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}


#latestNews p a:hover{
	text-decoration: underline;
}


/*------ news ------*/

#news{
	float: left;
	padding: 40px 40px 0 40px;
	width: 520px;
	background: #fff;
}


#news .pagetitle{
	margin: 0;
	padding: 0 0 30px 0;
}


#news img.alignright {float:right; margin:0 0 1em 1em}
#news img.alignleft {float:left; margin:0 1em 1em 0}
#news img.aligncenter {display: block; margin-left: auto; margin-right: auto}
#news a img.alignright {float:right; margin:0 0 1em 1em}
#news a img.alignleft {float:left; margin:0 1em 1em 0}
#news a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


#news .news-item{
	float: left;
	width: 520px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 20px;
}


#news .news-item img{
	margin-bottom: 15px;
	}


#news .news-item .title{
	font-size: 1.8em;
	font-weight: bold;
	color: #000;
	padding: 0 0 5px 0;
	}


#news .news-item .title a{
	color: #000;
	text-decoration: none;
}


#news .news-item .title a:hover{
	text-decoration: underline;
}

	
#news .news-item p{		
	color: #333333;
	font-size: 1.2em;
	padding-bottom: 15px;
	}	
	
#news .news-item p.posted{
	color: #999999;
	font-weight: bold;
	font-size: 1.4em;
	padding-bottom: 20px;		
	}
	
#news .news-item p.options{
	font-size: 1.4em;
	font-weight: bold;
	padding-top: 15px;
	}	
	
	
#news .news-item a.view{	
	background: url(images/icon-view.gif) no-repeat 0 50%;
	padding: 0 20px 0 20px;
	}
	
	
#news .news-item a.comment{	
	background: url(images/icon-comment.gif) no-repeat 0 50%;
	padding: 0 0 0 20px;
	}	
	
	
#news .news-item ul{		
	color: #333333;
	font-size: 1.2em;
	list-style: disc;
	margin-bottom: 15px;	
	}
	
	
#news .news-item ol{		
	color: #333333;
	font-size: 1.2em;
	list-style: decimal;
	margin-bottom: 15px;
	}	
	

#news .news-item li{
	margin: 0 0 5px 20px;
	}					
	
#news .news-item a{
	color: #999999;
	font-weight: bold;
	}


#news .news-item strong{
	color: #333;
	}	


#news .news-item .postmetadata{
	padding-top: 10px;
	font-size: 1em !important;
	}
	
#news .news-item .postmetadata strong{
	color: #333;
	}	
	
#news .news-item .postmetadata a{
	color: #666666;
	}


#news .news-item .alt{
	font-size: 1.2em;
	color: #666666;
}		


#news .navigation{
	float: left;
	width: 520px;
	padding: 0 0 20px 0;
	font-size: 1.4em;
	font-weight: bold;
}

#news .navigation a{
	color: #999999;
	text-decoration: none;
	}
	
	
#news .navigation a:hover{
	text-decoration: underline;
	}	
	
	
#news .navigation .alignleft{
	float: left;
	}


#news .navigation .alignleft a{
	padding-left: 25px;
	background: url(images/icon-older-posts.gif) no-repeat 0 50%;
}
	
#news .navigation .alignright{
	float: right;	
	}

#news .navigation .alignright a{
	padding-right: 25px;	
	background: url(images/icon-newer-posts.gif) no-repeat 100% 50%;
}	



/*------ comments ------*/

#respond h3{
	font-size: 1.4em;
	color: #333333;
	font-weight: bold;
	padding: 10px 0 20px 0;
}



#comments{
	font-size: 1.4em;
	color: #333333;
	font-weight: bold;
	padding: 10px 0 0px 0;
}	


#commentform small{
	font-size: 1em;
	padding-left: 20px;
}


#commentform textarea{
	font-size: 1.1em !important;
	font-family: arial, sans-serif;
}


ol.commentlist{
	float: left;
	width: 520px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}


ol.commentlist li{
	float: left;
	width: 505px;
	margin: 0 0 0 0!important;
	padding: 15px 0 0 15px !important;
	list-style: none;
	font-size: 1em !important;
	border-bottom: 1px solid #ccc;
}



ol.commentlist li.bypostauthor{
	background: #f3f3f3;
}



ol.commentlist .comment-author{
	float: left;
	width: 520px;
}


ol.commentlist .comment-author img{
	float: left;
	margin: 0 !important;
	padding: 0 !important;
}


ol.commentlist .comment-author cite{
	float: left;
	padding: 0px 0 0 8px
}


ol.commentlist .comment-meta{
	float: right;
	width: 465px;
	margin-top: -13px;
	padding-bottom: 10px;
	font-size: 0.8em;
}


ol.commentlist .says{
	display: none;
}



ol.commentlist p{
	clear: both;
	font-size: 1em !important;
}


/*------ sidebar ------*/

#sidebar{
	float: right;
	width: 170px;
	padding-bottom: 40px;
}


#sidebar ul li{
	font-size: 1em;
}


#sidebar ul li ul{
	padding: 0 0 0 0px;
}


#sidebar h2{
	font-size: 1.8em;
	color: #fff;
	margin: 0;
	padding: 37px 0 23px 0;
	}
	
	
#sidebar p.rss{
	font-size: 1.2em;
	margin: 0;
	padding: 0 0 0 26px;
	background: url(images/icon-rss.gif) no-repeat 0 0;
	}	
	
#sidebar p.rss a{
	color: #999999;
	}
	
	
#sidebar .widget_mycategoryorder ul li,
#sidebar .widget_archive ul li{
	font-size: 1.4em;
	margin: 0 0 8px 0;
	padding: 0;
	}
	
	
#sidebar .widget_mycategoryorder ul li a,
#sidebar .widget_archive ul li a{
	color: #999999;
	font-weight: bold;
	text-decoration: none;
	}
	
	
#sidebar .widget_mycategoryorder ul li a:hover,
#sidebar .widget_archive ul li a:hover{
	text-decoration: underline;
	}	
		

/*------ follow ------*/


#follow {
	float: left;
	width: 85px;
	position: absolute;
	right: 40px;
	bottom: 340px;
}



#follow dt{
	font-size: 1.8em;
	color: #fff;
	font-weight: bold;
}


#follow dd{
	font-size: 1.2em;
	padding: 15px 0 0 22px;
}


#follow dd a{
	color: #999999;
	text-decoration: none;
}


#follow dd a:hover{
	text-decoration: underline;
}


#follow .youtube{
	background: url(images/icon-youtube.gif) no-repeat 0 100%;
}


#follow .facebook{
	background: url(images/icon-facebook.gif) no-repeat 0 100%;
}


#follow .linkedin{
	background: url(images/icon-linkedin.gif) no-repeat 0 100%;
}


#follow .share{
	padding: 15px 0 0 0;
}


/*------ map ------*/


#map {
	width: 800px; 
	height: 450px; 
	position: absolute; 
	left: -9999px;
	top: 200px;
	z-index: 1000;
	color: #999;
	border: 1px solid #333;
}


#map a{
	color: #333;
	text-decoration: none;
	font-size: 1.4em;
}


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


/*------ preFooter ------*/


#preFooter {
	float: left;
	width: 800px;
	margin: 23px 40px 25px 40px;
	background: #666 url(images/prefooter-bg.jpg) repeat-x 0 0;
}


* html #preFooter {
	margin: 23px 20px 25px 20px;
}


#preFooter .contact{
	float: left;
	padding: 40px 0 0 40px;
	color: #000;
}


#preFooter .contact h4{
	font-size: 1.8em;
	color: #fff;
	margin: 0 0 10px 0;
}


#preFooter .contact p{
	font-size: 1.2em;
	line-height: 1.3em;
}


#preFooter img{
	float: right;
}



/*------ footer ------*/


#footer {
	float: left;
	width: 800px;
	margin: 0 40px 15px 40px;
}


* html #footer {
	margin: 0 20px 15px 20px;
}


#footer ul{
	padding-bottom: 19px;
}


#footer li{
	padding-bottom: 7px;
}


#footer li a{
	color: #fff;
	text-decoration: none;
}


#footer li a:hover{
	text-decoration: underline;
}


#footer p{
	float: left;
	color: #999;
	line-height: 1.7em;
}


#footer .siteBy{
	float: right;
	padding: 15px 0 0 0;
}	
	


#footer .siteBy a{
	font-weight: bold;
	color: #999;
	text-decoration: none;
}



#footer .siteBy a:hover{
	text-decoration: underline;
}


#footer .siteBy a strong{
	color: #fff;
}