@charset "UTF-8";
/* CSS Document */

/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* Basic Styles */

html {
	height: 100%;
}
body {
	background-color: #ffffff;
	padding: 0;
	margin: 0;
	height: 100%;
}

#container {
	min-height:100%;
   position:relative;
   height:100%;
}

#navBar {
	width: 100%;
	height: 45px;
	background: #5b3a8b;
}

#navContainer {
	max-width: 960px;
    margin: auto;
}

nav {
    max-width: 960px;
	margin: auto;
	height: 45px;
	font-size: 0.9em;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	position: relative;
}

nav ul {
	padding: 0;
	margin: 0 auto;
	height: 45px;
	float: right;
}

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

nav a {
	color: #663399;
	display: inline-block;
	width: auto;
	padding-left: 1em;
	padding-right: 1em;
	text-align: center;
	text-decoration: none;
	line-height: 45px;
	background-image: url(../images/navBtnsNorm.png);
	background-repeat: repeat-x;
	border-right: 1px solid #5b3a8b;
}

nav li a {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

nav a:hover, nav a:active {
	background-image: url(../images/navBtnsHilite.png);
	background-repeat: repeat-x;
}

nav a#pull {
	display: none;
}

body#home a#homeNav,
body#about a#aboutNav,
body#awards a#awardsNav,
body#testimonials a#testimonialsNav,
body#services a#servicesNav,
body#teenCrime a#teenCrimeNav {
	background-image: url(../images/navBtnsHilite.png);
	background-repeat: repeat-x;
	pointer-events: none;
	cursor: default;
}

#masthead {
	clear: both;
	position: relative;
	min-height: 160px;
	width: 100%;
	margin: 0;
	background: #5b3a8b url('../images/sieronHeaderBG.jpg') no-repeat scroll top center;
	border-bottom: 5px solid #663399;
}

#footer {
	clear: both;
	bottom: 0;
	height: 50px;
	width: 100%;
	background: #5b3a8b url('../images/sieronFooterBG.jpg') no-repeat scroll top center;
	border-top: 5px solid #663399;
}

#logoContainer {
    max-width: 960px;
	margin: auto;
}

#mainLogo {
	float: left;
	position: relative;
	width: 374px;
	height: 143px;
	background-image: url(../images/sieronLogoLg.png);
	background-repeat: no-repeat;
	margin: 1em;
}

#mastheadContact {
	float: right;
	text-align: right;
	position: relative;
	font-size: 1.3em;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	color: #ffffff;
	padding: 0.5em;
	vertical-align: bottom;
}
#mastheadContact a {
	color: #d1c1e0;
	text-decoration: none;
}
#mastheadContact a:hover {
	text-decoration: underline;
}

.content {
	clear: both;
	position: relative;
	top: 0em;
	padding: 1em;
    max-width: 960px;
	margin: auto;
	height: auto;
	min-height: 100%;
}

#demoVideo {
	position: relative;
}

.boldText {
	font-weight: 700;	
}

.twoColumnContainer {
	width: 100%;
	padding-bottom: 1em;
	height: auto;
}

.headshot {
	float: left;
	position: relative;
	width: 200px;
	height: 225px;
	left: 0px;
	top: 0px;
}
.robyn {
	background-image: url(../images/robyn.jpg);
}
.manuel {
	background-image: url(../images/manuel.jpg);
}
.chris {
	background-image: url(../images/chris.jpg);
}

.imageColumn {
	float: left;
	width: 255px;
	margin: 0;
	height: 145px;
}
.delp {
	background-image: url(../images/still_delp.jpg);
}
.aubrey {
	background-image: url(../images/still_aubrey.jpg);
}
.lens {
	background-image: url(../images/still_lens.jpg);
}
.web {
	background-image: url(../images/still_web.jpg);
}
.docs {
	background-image: url(../images/still_docs.jpg);
}

.wasted {
	background-image: url(../images/still_wasted.jpg);
}
.deathblow {
	background-image: url(../images/still_deathblow.jpg);
}
.crime {
	background-image: url(../images/still_crime.jpg);
}

.awards {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 667px;
	height: 377px;
	background-image: url(../images/awards.jpg);
}

.rightColumn {
	width: auto;
	z-index: 1;
	position: relative;
	top: 0px;
	right: 0px;
	padding-left: 200px;
}

.textColumn {
	margin-left: 260px;
	max-width: 605px;
	min-height: 150px;
	/*padding-left: 255px;*/
}

.sectionHeader {
	height: 45px;
	background: url('../images/section_header.jpg') no-repeat scroll top left;
	font-size: 1.4em;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	color: #ffffff;
	padding-top: 4px;
	padding-left: 8px;
	white-space: nowrap;
}

.bulletList {
	position: relative;
	max-width: 700px;
	margin-left: auto ;
	margin-right: auto ;
}

.bulletList ul {
	list-style-type: none;
}

.bulletList li
{
	font-size: 1.2em;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	color: #000000;
	text-align: left;
	padding-left: 30px;
	background-image: url(../images/reel_bullet.png);
	background-repeat: no-repeat;
	margin: 0 0 0.5em 0;
}

.bodyText {
	font-size: 1.2em;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	color: #000000;
	text-align: left;
	text-indent: 1.5em;
}

.bodyText a {
	color: #663399;
	text-decoration: none;
}
.bodyText a:hover {
	text-decoration: underline;
}

.C {
	text-align: center;
	text-indent: 0em;
}

.quoteAttrib {
	display: block;
	float: right;
	text-align: right;
	font-weight: 700;
}
.quoteFirm {
	display: block;
	font-size: 0.8em;
	font-weight: 700;
	text-align: right;
}

.divider {
	width: 100%;
	border-bottom: 5px solid #663399;
}

img.floatRight { 
    float: right; 
    margin: 10px; 
}

.peopleMag {
	
}

.peopleMag img {float:right;border:3px solid #663399}
.peopleMag p {margin-right:126px;}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
	nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		padding-left: 1em;
		padding-right: 1em;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
  	}
}

/*Styles for screen 480px and lower*/
@media only screen and (max-width : 480px) {
	nav {
		border-bottom: 0;
		white-space:nowrap;
	}
	
	nav ul {
		display: none;
		height: auto;
	}
	
	nav a#pull {
		display: block;
		background-color: #003f82;
		width: 100%;
		padding-left: 1em;
		padding-right: 1em;
		position: relative;
		border-bottom: 3px solid #663399;
	}
	
	nav a#pull:after {
		content:"";
		background: url('../images/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 35px;
		top: 10px;
	}
	
	#mastheadContact {
		font-size: 1em;
	}
	
	.headshot {
		width: 130px;
		height: 146px;
	}
	.robyn {
		background-image: url(../images/robyn_sm.jpg);
	}
	.manuel {
		background-image: url(../images/manuel_sm.jpg);
	}
	.chris {
		background-image: url(../images/chris_sm.jpg);
	}
	.rightColumn {
		padding-left: 0px;
	}

	.imageColumn {
	width: 130px;
	height: 74px;
	}
	.delp {
		background-image: url(../images/still_delp_sm.jpg);
	}
	.aubrey {
		background-image: url(../images/still_aubrey_sm.jpg);
	}
	.lens {
		background-image: url(../images/still_lens_sm.jpg);
	}
	.web {
		background-image: url(../images/still_web_sm.jpg);
	}
	.docs {
		background-image: url(../images/still_docs_sm.jpg);
	}
	.wasted {
		background-image: url(../images/still_wasted_sm.jpg);
	}
	.deathblow {
		background-image: url(../images/still_deathblow_sm.jpg);
	}
	.crime {
		background-image: url(../images/still_crime_sm.jpg);
	}


	.textColumn {
		margin-left: 0px;
	}

	.awards {
		width: 310px;
		height: 175px;
		background-image: url(../images/awards_sm.jpg);
	}

}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		padding-left: 1em;
		padding-right: 0;
	}
	#mainLogo {
		float: left;
		position: relative;
		width: 300px;
		height: 115px;
		background-image: url(../images/sieronLogoSm.png);
		background-position: right center;
		background-repeat: no-repeat;
		margin-top: 0.5em;
		margin-left: 0em;
	}
}