/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

/*@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/lightbox.css';*/
@import 'bp-compressed.css';

/* Plugins:
   Additional functionality can be found in the plugins directory.
   See the readme files for each plugin. Example:
   @import 'plugins/buttons/buttons.css'; */
   
  
  body {
  margin: 1.5em 0 3em 0;
  }
  
hr {
border: none;
background: #FFF url(../../img/stripe.gif) repeat-x top left;
height: 10px;
margin: .5em 0 .5em 0;
}

h1, h2, h3, h4, h5 {
letter-spacing: -1px;
font-weight: bold;
}

h1, h2, h3 {
letter-spacing: -2px;
}

h2.title {
font-size:400%;
line-height: 1em;
color: #6D6F72;
}

#homeOptions h2 {
/*letter-spacing: -.066em;*/
letter-spacing: -0.045em;
line-height:1em;
margin-bottom: .15em;
}

h5 {
text-transform: none;
font-size: 1.25em;
}

p, a, h1, h2, h3, h4, h5 {
}

p, a {
/*opacity:0.99;
text-shadow: 0 0 0 #000;*/
}

h1 {
margin-top: 225px;
margin-bottom: 5px;
font-size: 3.75em;
letter-spacing: -1.5px;
}

h3 em {
color: #46AEFF;
font-style:normal;
}

a:link, a:visited {
text-decoration: none;
font-weight: bold;
color: #fb4f14;

}
#subnav ul li a {
	color:#ffcc01;
}

a:hover, a:active {
text-decoration: none;
color: #46aeff !important;
}


a.activeLink, a.active {
color: #46AEFF !important;
}

#mission {
background: #252525;
}

#mission h3 {
color: #888;
padding-top: .5em;
/*letter-spacing: -1px;*/
font-size: 1.75em;
letter-spacing: -0.035em;
line-height: 1.5em;
}

.yellow {
color: #333;
padding: 2px;
background: #ffee4b;
}

#homeOptions {
margin-top: 2em;

}

#homeOptions h4 {
margin-top: 10px;
}



.photo {
background: transparent url(../../img/shadowBlock.gif) no-repeat 10px 10px;
padding: 0 10px 10px 0;
float: left;
margin-right: 15px;
}

.photo img {
border: 10px solid #eeeeee;
display:block;
}

.photo a:hover img {
border: 10px solid #46AEFF;

}

.star {
background: transparent url(../../img/star.gif) no-repeat left center;

}

#homeOptions p {
font-weight: bold;
text-transform: uppercase;
color:#bbbbbb;
margin: 0 0 5px 0;
}

#homeOptions p strong {
color: #999;
}

.quarter {
margin-top: 2.35em;
margin-bottom: 1.5em;
}

.quarter h3 {
line-height: 1em;
margin-bottom: .35em;
letter-spacing: -.05em;
height: 50px;
overflow:hidden;
}

.quarter h3 a:link, .quarter h3 a:visited {
color: #999;
}

.quarter h3 a:hover {
color: #fb4f14 !important;
}

.quarter ul {
border-top: 10px solid #EEE;
margin: 0;
list-style-type: none;
}

.quarter ul li {
padding: .75em;
}


.quarter ul li:hover {
background: #EEE;
}

#footer {
background: #EEE url(../../img/awpfooterlogo.png) no-repeat center center;
padding: 2em 0 1em 0;
text-align: center;
font-weight: bold;
color: #BBB;
margin-top: 15px;
}

#footLeft, #footRight {
width: 437px;
}

#footLeft {
float: left;
}

#footRight {
float: right;

}


#footer a {
color: #BBB;
margin-left: 5px;
}

.right {
text-align: right;
}

.left {
text-align: left;
}

#headContact {
text-align: right;
float: right;
}

#headContact h3 {
margin-bottom: 0px;
}

#headContact h5 {
font-size: 1.25em;
text-transform: none;
margin: 0  0 .5em 0;
}

#headContact h2 {
display: inline;
margin: 0;
width: auto;
font-size: 2em;
padding: 0 .25em 0 .25em;
letter-spacing: -1px;
}

/* Content View Styles */

.title {
	margin-top: 155px;
}

#sidebar .title {
	margin-top: 0px;
}

#teaser p, #homeSlide p, #homeSlide p a, #homeSlide a:hover {
	font-size: 1.65em;
	font-weight:bold;
	letter-spacing:-.035em;
	color:#BBB;
	margin-left:0;
	line-height: 1.25em;
}

#homeSlide p {
	width:300px;
}

#homeSlide p a, #homeSlide p a:hover {
	color:#BBB;
}

#contentPhoto {
	background: transparent url(../../img/shadowBlock.gif) no-repeat 10px 10px;
	padding: 0 10px 10px 0;
	width: 466px;
	margin-left:8px;
}

#contentPhoto img {
	border: 10px solid #eeeeee;
}

#content {
	padding-top:20px;
}

#content p, #content blockquote {
	margin-left:230px;
	font-size:1.08em;
	padding-right:20px;
}

#content h3 {
	display:inline;
	float:left;
	width:230px;
	margin-top:-8px;
}

#content blockquote {
	font-style:normal;
	font-weight:bold;
	border-top: 10px solid #f6f6f6;
	border-bottom: 10px solid #f6f6f6;
	color:#cccccc;
	font-size:1.5em;
	padding: 10px 0;
	margin:0 0 .4em 230px;
}


#homeSlide {
height: 450px;
background: #FFF;
}




/* Sidebar Styles */

#sidebar {
	padding-top:10px;
}

#sidebar h2 {
	border-bottom: 10px solid #f6f6f6;
	padding:5px;
	font-size:1.08em;
	text-transform:uppercase;
	color: #bbbbbb;
	letter-spacing:0px;
}

#sidebar h3 {
	font-size:2.08em;
	margin-bottom:0;
}

#sidebar h4 {
	color:#cccccc;
	font-size:1.08em;
	text-transform:uppercase;
	letter-spacing:0px;
	margin-bottom:25px; 
}

#sidebar hr {
	margin-bottom:6px;
}

#sidebar p {
	color:#CCC;
	font-weight:bold;
	font-size:1.5em;
	letter-spacing:-1px;
	line-height: 1.35em;
}

#nav ul {
	margin:0.5em 0;
}

#subnav ul {
	margin:0;
}

#nav ul li, #subnav ul li {
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0 0.5em 0 0;
}

#nav ul li ul {
	display:none;

}

#nav ul li a {
	font-size:1.5em;
	letter-spacing: -.033em;
}



/** Project Images **/

.newBadge {
border: 0px !important;
position: relative;
top:0px;
left:0px;
background:url(../../img/newbadge.png) no-repeat top left;
display: inline;
z-index: 800;
height: 44px;
width: 44px;
}

.projectImage {
z-index: 50;
position: relative;
top:0;
left:0;
}

#picWrapper {
	height:446px;
	width:446px;
	padding:20px;
	background:url(../../img/awp_project_image_box.gif) no-repeat 10px 10px;
	overflow:hidden;
}
.relatedPics {  
    height:  446px;  
    width:   446px;  
    padding: 0;  
    margin:  0;  
} 
 
.relatedPics .previewImage {  
    width:  446px; 
    height: 446px;
    top:  0; 
    left: 0;
    padding:0;
} 

#picNav {
	text-align:right;
	padding:0.25em 0;
	font-size:120%;
	letter-spacing:1em;
}

#picNav a.activeSlide {
	color: #46aeff;
}

.relatedPics .imageCaption {
	position:relative;
	width: 210px;
	background: transparent url(../../img/overlay.png);
	color:#eee;
	top:385px;
	/*left:216px;*/
	padding:10px;
}

.projects .relatedPics .imageCaption {
	position:absolute;
	top:620px;
}

.red {
 color:#fa5015;
}



a.play{
background: #FB5116;
color: #FFF !important;
border: 2px solid #FB5116;
letter-spacing: 2px;
display: block
width: auto;
height: auto;
padding: 1px 1px 1px 4px;
font-size: 11px;
text-align: center;

}


a.play:hover {
background: #999;
color: #FFF !important;
border: 2px solid #999;

}


/** Page Content **/

.content {
	margin-top:1em;
}

.main .content h3 {
	width:240px;
	font-size:2em;
	color:#999;
	float:left;
	text-align: right;
	line-height: 1em;
	letter-spacing: -.06em;
	clear:left;
}

.main .content h3:before {
   content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    width:100%;
}

.main .content p, .main .content .submit, .main .content table {
	margin-left:260px;
}

.main .content ol, .main .content ul {
	margin-left: 280px !important;
}

.main .content blockquote {
	font-style:normal;
	font-weight:bold;
	border-top: 10px solid #EEE;
	border-bottom: 10px solid #EEE;
	color:#cccccc;
	font-size:1.5em;
	padding: 10px 0;
	margin:0 0 1.5em 260px;
}

.main .content hr {
background: #FFF !important;
}

.main .content p, .main .content ol li, .main .content ul li, .main .content table {
	font-size:1.2em;
}

table#compare {
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	padding:5px;
	width:482px;
}

h6 {
	font-size:1.5em;font-weight:bold;margin-bottom:1.5em;margin-left:260px;
}

.floatRight {
float:right;
width: auto;
padding: 2px;
}


.blue {
color: #46AEFF !important;
}

.portfolioItem {
	width:135px;
	margin:60px 30px 0 0;
	height:130px;
	float:left;
}
.portfolioItem {
	position:relative;
}
.photo em {
	font-weight: bold;
	background: url(../../img/hover.png) no-repeat #fff;
	border:5px solid #ddd;
	width: 180px;
	height: 25px;
	position: absolute;
	top: -60px;
	left: -55px;
	text-align: center;
	padding: 10px 12px 10px;
	font-style: normal;
	z-index: 2;
	display: none;
	font-size:1.3em;
	vertical-align:center;
}

.portfolioItem .photo a {
	color:#46aeff;
	line-height:1em;
}
.content .tagList.first {
}

.content .tagList {
	float:left;width:220px;margin-right:15px;
}

.content .tagList h6 {
	margin-left:0;
	margin-bottom:0;
}

.content .tagList h6 a {
	color:#ffcc01;
}

/**** Contact Revealer ****/
#right {width:322px;margin-left:322px; }
#previous {overflow: hidden;}
#shifter { position: relative; width: 644px;}
.contact { position: relative; 
			width: 322px; 
			height: 143px; margin: 0; float: left;
			display: inline; 
			overflow: auto; 
			overflow-x: hidden; 
			overflow-y: auto; 
			padding: 0;
		}

.show {
	overflow:visible !important;
}

.reveal {
	overflow:hidden !important;
}

.remove {
	display:none;
}

.add {
	display:inline;
}

#homeHeader img {
width: 250px;
}

.message {color:#FFF;background:red;padding:1em;text-align:center;margin:1em;}

/*#twitter_div {
font-size: 14px;
font-weight: bold;
line-height: 1em;
letter-spacing: -0.015em;
}


#twitter_div a {
display: block;
margin-top: 5px;
font-size: 11px;
text-align: right;
color: #46AEFF;
}

#twitter_div span a {
display: inline;
margin-top: 0;
font-size: 14px;
text-align: left;
color: #FB4F14;
}*/


#twitter_div span {
height: 53px;
letter-spacing: -0.05em;
line-height: 18px;
margin-bottom: .35em;
overflow: hidden;
font-weight: bold;
font-size: 14px;
display: block;
}





#twitter_div a {
display: block;
text-transform: uppercase;
font-size: 100% !important;
}

#twitter_div span a {
display: inline;
color: #FB4F14;
text-transform: none;
color: #46AEFF;


}

#homeSlide {
position: relative;
}

#welcomeVideo {
position: absolute;
top: 410px;
}

.newsletter input.newsform {
background: #FFEE4B;
border: 2px solid #FFEE4B;
width: 210px;
}

.homesubmit {
font-size: 13px;
background-color: #FB4F14;
color: #FFF;
font-size: 11px;
letter-spacing: 2px;
}


#redTemp {
background-color: #BBB;
padding: 5px 0 0 0;
color: white;
margin-top: -20px;
margin-bottom: 20px;
font-weight: bold;
font-size: 1.15em;
display: block;
height: 25px;
text-align: right;
}

#redTemp a {
background color: white;
color: #FB4F14;
padding: 1px 3px;
}

#redTemp a:hover {
background: #FB4F14;
color: #FFF !important;
}

#redTemp em {
color: #DDD;
}


/* Redefine selection background color for fun */
::selection {
	background: #FAF819; /* Safari */
	}
::-moz-selection {
	background: #FAF819; /* Firefox */
}