/*   CSS Document  */ 

/*   General Styles   */ 
.clear { clear: left; clear: right; clear:both } 
.left { float: left; display: inline; }
.right { float: right; display: inline; }

/*   Common Page Styles   */ 
body {font:100% Tahoma,sans-serif; background: #fff url(/images/templateImages/BGheadertile.jpg) repeat-x top left; color:#454545; margin:0 auto; padding:0; text-align:justify; }
h1, h2, h3, h4, h5 { font: bold 1.5em Tahoma, sans-serif; color:#3774a1; padding:0; margin: 0; text-align:left;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, dt strong { font-weight: bold }
h1, h1 a { display: block; height:61px; width:228px; }
h1 span { display:none }
h1 { background: url(/images/templateImages/skyrockit-logo.png) no-repeat top left; float: left; }
h2 { font-size: 2.0em; margin-bottom:20px;}
h3 { font-size: 1.3em; }
h4, h5 { font-size: 1em; }

p { margin:0; padding: .5em 0; text-align:justify; }
div, form, img, address, dl, dt, dd, ul { padding: 0; margin: 0; }
div { position: relative; }
address { font-style:normal; }
a { color:#0370C0; }
a:hover { text-decoration: underline; }
a, a:active, a img, abbr { border: none; text-decoration:none; outline: none; }
dl { padding: 0.5em 0;}
dt { font-weight: bold; color: #f0934e;}
hr { height: 1px; border: 0; margin: 0.5em 0;}
strong { font-weight: normal }
.calendar{
	font-size:0.8em;
margin-left:0px;
margin-bottom:25px;
	}

	.calendar td{
		width: 35px;
		}
/*   Template Styles  */ 
.container{	margin:0 auto;	width: 960px; }

/* masthead */
#masthead { background: #fff url(/images/templateImages/BGheader.jpg) no-repeat top left}
#header { display: block; padding: 32px 0 0 0; height: 100px}

/* main navigation */
#navwrap{ margin: 13px 0 0 260px; height: 30px; }
#holder {position:absolute; left:0; top:0; width:820px; overflow:hidden;}
.nav {width:296px; margin:-32700px -167px 0 0; float:left; color:#fff; text-transform:lowercase; font: normal 1.3em Tahoma, sans-serif;}
.nav a {color:#fff; display: block; padding:5px; text-indent: 10px; }
.nav span { display: none;}
.nav dt {float:left; padding:0; margin:32700px 0 0 0; position:relative; z-index:50; font-weight: normal; }
.nav dd {float:left; padding:0; margin:0; position:relative; z-index:10;}
.nav dt a {width:120px; padding-bottom:15px;height: 25px;}
.nav dd a { font-size: .7em; background:#000; width:156px;}
.nav dt a:hover,.nav dt a:active,.nav dd a:hover,.nav dd a:active{margin-right:1px; background:#3a3636;}
/* navigation "hacks" to fix spacing issues */
#nav-home { width: 280px }
#nav-home dt a { width: 104px }
#nav-clients { width: 290px }
#nav-clients dt a { width: 114px }
#nav-casestudies { width: 330px }
#nav-casestudies dt a { width: 154px }
ul{
font-size:	0.9em;
	}

/* main content area */
#lcolumn { width: 600px; }
#lcolumn, #rcolumn { float: left; margin-top: 10px; }
#mainContent { margin-top: 30px; }
#mainContent h2 { font-style: italic; border-bottom: 1px solid #3774a1; }
#mainContent p { font-size: .9em }


/* right column */
#rcolumn { width: 261px; height: 100%; margin-left: 30px; border-right: 19px dashed #b5d6ed; }
#rcolumn #offset { margin-right:-70px; }
#quotation { width:300px; background-color:#e1eef7; }
#quotation p { text-align: justify; padding: 20px; padding-top: 30px; }
#quotation p+p { text-align: right; padding-top: 0px; font-weight: bold;}

.quotation { width:300px; background-color:#e1eef7; }
.quotation p { text-align: justify; padding: 20px; padding-top: 30px; }
.quotation p+p { text-align: right; padding-top: 0px; font-weight: bold;}

.logoicon { background: url(/images/templateImages/rocketIcon.gif) top left no-repeat; height: 65px; width: 60px; display: block; float: left; }
.sidebar { border: 1px solid #ccc; width:278px; background-color: #fff; margin: 20px 0; padding: 10px; font-size:.9em} 
.sidebar h4 a{ color: #000; }
.sidebar h4 a span { color: #56a1d5; }
.sidebar h5 { margin-top: 10px; }
.sidebar hr { height:1px; border:none; border-bottom: 1px dotted #868585; }
.timestamp { font-size: .6em; color:#868585; margin-top: 0; padding-top:0; }
#DailyTeaser p { margin-left: 60px; } 

/* footer */
#footer { background: url(/images/templateImages/BGfootertile.gif) repeat-x top left; height:65px; margin-top: 20px; }
#footer ul { padding-top: 10px;}
#footer li { list-style-type: none; float: left; }
#footer li a { display: block; padding: 3px 5px; color:#454545; }
#footer p { font-size: .8em }


/*   Page Styles  */
/* tagline */
#tagline{ display: block; background: #fff url(/images/templateImages/BGtagline.gif) no-repeat top left; width: 960px; padding-bottom: 15px; }
#tagline h2 { margin: 0 auto; text-align: center; width: 710px; background-color:#fff; color:#000; font: normal 1.2em Tahoma, sans-serif; }
#tagline strong { color:#588f02; }

/* image rotator */
#imageRotator { background-color:#e1eef7; height: 260px; width: 600px; }

/* home page clients and case studies */
#clients, #casestudies { width: 300px; margin-top: 30px; }
#clients h3, #casestudies h3 { font-style: italic; font-size: 2.3em; }
.leftRule { margin-left: 27px; border-left: 15px solid #e7f2f9; padding: 20px 0 20px 25px; }
#LogoSoupSummary img { float: left; margin: 0 10px 10px 0 }
#casestudy-wrapper .project { margin-bottom: 20px; }
#casestudy-wrapper .project p { margin:0; padding:0; font-size:.8em; }
#casestudy-wrapper .project img { border: 3px solid #aad0ea; }
	
	/** PROMO CONTENT **/ 
	#promo{
		width: 600px;
		height: 250px;
		background: #160f06;
		overflow:hidden;
		padding: 3px 4px 4px 4px;
		_padding-left: 3px;
	}
	
#promo_content_1 .promotext, promo_content_3 .promotext {
margin-top:195px;
width:180px !important;
}


		
	#promo_content_0 .promotext{
		margin-top: 206px;
		width: 180px !important;
	}
	#promo_content_2 .promotext{
		margin-top: 195px;
		width: 180px !important;
	}	
	.promotext{
		font-size: 12px;
		color: #FFF;
		display: block;
		margin-left: 9px;
	}
	
	.buttonHover {	
		background: url('/images/promo_home/promo_hover_sm.jpg') top left no-repeat !important;
	}
	
	.buttonSelected{
		color: #fff;
		background: url('/images/promo_home/promo_selected_sm.jpg') top left no-repeat;
	}
	
	.buttonSelected a, .buttonHover a {
		color: #fff !important;
	}
	
	.buttonOff a {
		color: #999999;
	}
	
	.buttonOff{
		background: url('/images/promo_home/promo_off_sm.jpg') top left no-repeat;
	}
	
	.promoright {
		overflow:hidden !important;
	}
	
.button {
margin:3px 2px;
padding-top:0;
}
	
#promoButtons li {
display:block;
font-size:12px;
height:55px;
padding-bottom:5px;
padding-left:5px;
text-decoration:none;
width:190px;
}
	
	.promoleft{
		margin-top: -1px;
		margin-right: 6px;
		_margin-right: 0px;
		width: 190px;
		float: left;
		height: 246px;
	}
	
	.promoleft strong{
	text-align:left !important;
		font-size: 14px;
	}
	
	#promo_content {
		margin:0;
		padding:0;
		list-style:none;
	}
	
	#promo_content li a{
		display: block;
		width: 397px  ;
		height: 246px;
		float: left;
		color: #fff;
		text-decoration: none;
		margin-left:10px;
margin-top:2px;
	}
	
	#promo_content_0 {
	background: url('/images/promo_home/promo_50cent.jpg') top left no-repeat;
	}
	
	#promo_content_1{
		background: url('/images/promo_home/promo_zippo_sm.jpg') top left no-repeat;
		
	}
	
	#promo_content_2{
	background: url('/images/promo_home/promo_romplr_sm.jpg') top left no-repeat;
		
	}
	
	#promo_content_3{
	background: url('/images/promo_home/promo_paranormalstate_sm.jpg') top left no-repeat;
	padding-right:200px;
padding-top:180px;
width:200px !important;
	}
 .titleAreas,  ul.titleAreas{
	
	width: 640px;
	height: 590px;
	padding: 0;
	margin: 0;
	list-style: none;
	
}

 .titleAreas li,  ul.titleAreas li{
	float:left;
	height:96px;
	width:120px;
}
 #imgs1 {

background:transparent url(/images/mod_elements/mobile_cpsprite.gif) no-repeat scroll 0 0;
}
#imgs1, #imgs2, #imgs3 {
display:block;
float:left;
height:110px;
width:134px;
}
#imgs2 {

background:transparent url(/images/mod_elements/mobile_ondeck.jpg) no-repeat scroll 0 0;
}
 #imgs3 {

background:transparent url(/images/mod_elements/mobile_msphoto.jpg) no-repeat scroll 0 0;
}
.mobile1{
float:left;
height:85px;
margin-bottom:49px;
margin-left:15px;
padding-bottom:15px;
width:420px;
}
.portfolioImage {
float:left;

padding:0 23px 12px 20px;

}
.feed{display:none;}
#promo_buttons{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	margin: 3px;
	}
#promo_buttons li strong {
	display:block !important;
	font-weight: bold !important;

	}
#promo_buttons li{
	font-size: 14px;
	display:block;
height:53px;
margin-bottom:1px;
padding:5px;
text-align:left;
text-decoration:none;
width:171px;
color: #FFF;
	background: url(/images/promo/promo_btns.png) 0px 0px  no-repeat;
	}
#promo_buttons li.buttonHover{
	background: url(/images/promo/promo_btns.png)  0px -63px  no-repeat !important;
}
#promo_buttons li.buttonSelected{
background: url(/images/promo/promo_btns.png)  0px -126px  no-repeat;
}
#promoMain a{
	display:block;
	height: 254px;
	width: 408px;
	}
#promoMain{
	height: 254px;
	width: 408px;
	background: url(/images/promo/promo_images.png) top left no-repeat;
	 overflow:hidden;
	 float:left;
	 margin:2px;
	}
.clear{
		clear: both;
		}
.hidden{
display:none !important;
		}