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


/*normalizer starts*/


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

/* Normalize header sizes */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

/* Normalize list styles */
ol, ul {
	list-style: none;
}

/* Normalize font style and weight on odd elements */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

/* Normalize table borders */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Normalize other borders */
fieldset, img {
	border: 0;
}

/* Normalize text-alignment */
caption, th {
	text-align: left;
}

/* Normalize (remove) quotation marks */
q:before, q:after {
	content: '';
}

/*end normalizer*/


body{
	background-color:#FFF;
	width:100%;
}

#wrapper {
	width:100%;
	
}

#follow_me {
	position:fixed;
	bottom:-105px;
	right:150px;
	cursor: pointer;
	background-image:url(../images/follow_me.jpg);
	z-index:900;
	height:136px;
	width:109px;
	background-repeat: no-repeat;

}

#welcome {
	width:650px;
	height:60px;
	position:relative;
	top:390px;
	left:230px;
}

#page_wrapper {
	width:960px;
	height:auto;
	margin: 0 auto;
	/*display:inline;*/
}

#home {
	width:920px;
	height:auto;
	top:0;
	display:block;
	float:left;
}

#home_content {
	margin-top:75px;
	margin: 0 auto;
	/*background-image:url(../images/home_background.jpg);*/
	background-image:url(../images/billboard_rework2.jpg);
	background-repeat:no-repeat;
	position:relative;
	float:left;
	width:920px;
	height:900px;
	
}
			 

#featured_projects {
	height: 350px;
	width:920px;
	margin:0 auto;
	position:relative;
	display:block;
	top:470px;
	
}

#featured_title {
	width: 147px;
	height:20px;
	background-color:#999;
	position:relative;
	margin-bottom:10px;
	left:45px;
	background-image:url(../images/featured_projects.jpg);
	background-repeat:no-repeat;
}

div.featured_home  {
	background-color:#FFF;
	display:block;
	width:295px;
	height:215px;
	float:left;
	position:relative;
	margin:4.5px;
	border: 1px solid #333;
	overflow:hidden;
}

div.description {
	height:150px;
	width:100%;
	background-color:#333;
	position: absolute;
	padding-left:5px;
	opacity: .9;
}

#work {
	width:920px;
	height:800px;
	margin:	0 auto;
	background-color:#FFF;
	position:relative;
	display:block;
	float:left;

}


div.left_sidebar {
	float:left;
	width:190px;
	height:500px;
	display:block;
	text-align:right;
	position: relative;
	top:70px;
	left:0;
}

div.right_content {
	float:left;
	position:relative;
	display:block;
	width:710px;
	height:500px;
	/*background-color:#CCC;*/
	left:25px;
}

#work_container {
	float:left;
	position:relative;
	width:700px;
	height:425px;
	border:solid 1px #999;
	display:block;
	margin-top:30px;
}


img.display {
	position:absolute;
	top:0;
	left:0;
	
}

div.description_container {
	float:left;
	position:absolute;
	width:710px;
	height:auto;
	display:block;
	top:515px;
	left:0;
}


#about_content {
	width:100%;
	height:100%;
	position:relative;
	top:29px;
	left:0;
	float:left;
	/*background-color:#999;*/
}

#contact_content {
	width:100%;
	height:100%;
	position:relative;
	top:29px;
	left:0;
	float:left;
	/*background-color:#999;*/
}

li.last {
	border-bottom: 1px solid;
	border-color:#798188;
}
			  

#about {
	width:920px;
	height:500px;
	margin: 0 auto;
	/*background-color:#0F0;*/
	position:relative;
	display:block;
	float:left; 
	background-image:url(../images/grid_background.jpg);
}

#contact {
	width:920px;
	height:auto;
	margin: 0 auto;
	/*background-color:#00F;*/
	position:relative;
	display:block;
	float:left;
	background-image:url(../images/grid_background.jpg);
}

#work_title {
	width:100%;
	float:left;
	position:relative;
	top:15px;
	left:0;
	height:40px;
	/*background-color:#000;*/
	background-image:url(../images/work_header.jpg);
	background-repeat:no-repeat;
}

#about_title {
	width:100%;
	float:left;
	position:relative;
	top:15px;
	left:0;
	height:40px;
	/*background-color:#000;*/
	background-image:url(../images/about_header.jpg);
	background-repeat:no-repeat;
}


#capabilities_header {
	background-image:url(../images/capabilities_subhead.jpg);
	background-repeat:no-repeat;
	left:95px;
	position:relative;
	float:right;
	right:0;
	height:16px;
	margin-bottom:10px;
	width:100%;
	
	
}

#info_header {
	background-image:url(../images/information_subhead.jpg);
	background-repeat:no-repeat;
	left:90px;
	position:relative;
	float:right;
	right:0;
	height:16px;
	margin-bottom:10px;
	width:100%;
	
	
}

#bio_header {
	background-image:url(../images/bio_subhead.jpg);
	background-repeat:no-repeat;
	left:0;
	position:relative;
	float:left;
	right:0;
	height:16px;
	margin-bottom:10px;
	width:100%;
	top:0;
	
	
}

#get_in_touch_header {
	background-image:url(../images/get_in_touch_subhead.jpg);
	background-repeat:no-repeat;
	left:0;
	position:relative;
	float:left;
	right:0;
	height:16px;
	margin-bottom:10px;
	width:100%;
	top:0;
	
	
}


#contact_title {
	width:100%;
	float:left;
	position:relative;
	top:15px;
	left:0;
	height:40px;
	/*background-color:#000;*/
	background-image:url(../images/contact_header.jpg);
	background-repeat:no-repeat;
}

div.clearfix {
	clear:both;
}

#footer {
	width:960px;
	height:30px;
	position:fixed;
	margin:0 auto;
	bottom:0;
	background-color:#FFF;
	padding-top:5px;
	opacity:.9;
	z-index:100000;
}

#social {
	width:184px;
	height:23px;
	float:left;
	position:relative;
	left:25px;
	display:block;
}

#footer_nav {
	height:20px;
	width:720px;
	display:block;
	float:left;
	position:relative;
	left:50px;
}


/*******************Navigation positioning**********************/

#top_bar {
	height:54px;
	position:fixed;
	top:0;
	background-image:url(../images/top_bar.png);
	background-repeat:repeat-x;
	width:100%;
	z-index:1000;
}

#top_bar_container {
	width:960px;
	height:45px;
	margin:0 auto;
	position:relative;
}

#logo {
	position:relative;
	top:0;
	left:25px;
	width:184px;
	height:45px;
	float:left;
	display:block;
}

#who_am_i {
	position: relative;
	left:50px;
	height: 20px;
	width:350px;
	float:left;
	top:22.5px;
}

#nav_container {
	height:45px;
	width: 200px;
	float:right;
	position:relative;
	background-color:#CCC;
	top:0;
	right:10px;
}

#main_nav {
	display: inline;
	position:relative;
}

#main_nav li {
	float: left;
}


/*******************Sprite Navigation****************************/



/***Work Button CSS***/
#top_bar #top_bar_container #nav_container #main_nav li a.work {
	display:block;
	background:url(../images/sprite_nav.jpg) 0 0;
	width:60px;
	height:45px;
	-webkit-transition-property:none;
	-webkit-transition-duration: none;
	-webkit-transition-timing-function: none;

	-moz-transition-property:none;
	-moz-transition-duration:none;
	-moz-transition-timing-function: none;

	-o-transition-property:none;
	-o-transition-duration:none;
	-o-transition-timing-function: none;
}

#top_bar #top_bar_container #nav_container #main_nav li a.work:hover {
	display:block;
	background:url(../images/sprite_nav.jpg) 0 45px;
	width:60px;
	height:45px;
	
}

#top_bar #top_bar_container #nav_container #main_nav li a.work:active {
	display:block;
	background:url(../images/sprite_nav.jpg) 0 45px;
	width:60px;
	height:45px;
}
/***Work Button CSS***/




/***About Button CSS***/
#top_bar #top_bar_container #nav_container #main_nav li a.about {
	display:block;
	background:url(../images/sprite_nav.jpg) -60px 0;
	width:65px;
	height:45px;
	-webkit-transition-property:none;
	-webkit-transition-duration: none;
	-webkit-transition-timing-function: none;

	-moz-transition-property:none;
	-moz-transition-duration:none;
	-moz-transition-timing-function: none;

	-o-transition-property:none;
	-o-transition-duration:none;
	-o-transition-timing-function: none;
}

#top_bar #top_bar_container #nav_container #main_nav li a.about:hover {
	display:block;
	background:url(../images/sprite_nav.jpg) -60px -45px;
	width:65px;
	height:45px;
	
}

#top_bar #top_bar_container #nav_container #main_nav li a.about:active {
	display:block;
	background:url(../images/sprite_nav.jpg) -60px -45px;
	width:65px;
	height:45px;
}
/***About Button CSS***/





/***Contact Button CSS***/
#top_bar #top_bar_container #nav_container #main_nav li a.contact {
	display:block;
	background:url(../images/sprite_nav.jpg) -125px 0;
	width:75px;
	height:45px;
	-webkit-transition-property:none;
	-webkit-transition-duration: none;
	-webkit-transition-timing-function: none;

	-moz-transition-property:none;
	-moz-transition-duration:none;
	-moz-transition-timing-function: none;

	-o-transition-property:none;
	-o-transition-duration:none;
	-o-transition-timing-function: none;
}

#top_bar #top_bar_container #nav_container #main_nav li a.contact:hover {
	display:block;
	background:url(../images/sprite_nav.jpg) -125px -45px;
	width:75px;
	height:45px;
	
}

#top_bar #top_bar_container #nav_container #main_nav li a.contact:active {
	display:block;
	background:url(../images/sprite_nav.jpg) -125px -45px;
	width:75px;
	height:45px;
}
/***Contact Button CSS***/



/*******************Sprite Navigation****************************/

/*******************Social Media Sprite**********************/


#social li {
	float:left;
}

#social_nav {
	display:inline;
	position:relative;
	float:right;
	display:block;
}

#follow_me_title {
	float:left;
	width:70px;
	position:relative;
	display:block;
	left: 45px;
}

/***Facebook Button CSS***/

#page_wrapper #footer #social li a.facebook {
	display:block;
	background:url(../images/social_media_sprite.jpg) 0 0;
	width:23px;
	height:23px;
		-webkit-transition-property:none;
	-webkit-transition-duration: none;
	-webkit-transition-timing-function: none;

	-moz-transition-property:none;
	-moz-transition-duration:none;
	-moz-transition-timing-function: none;

	-o-transition-property:none;
	-o-transition-duration:none;
	-o-transition-timing-function: none;
}

#page_wrapper #footer #social li a.facebook:hover {
	display:block;
	background:url(../images/social_media_sprite.jpg) 0 -23px;
	width:23px;
	height:23px;
}

/***End Facebook Button CSS***/


/***LinkedIn Button CSS***/

#page_wrapper #footer #social li a.linkedin {
	display:block;
	background:url(../images/social_media_sprite.jpg) -23px 0;
	width:23px;
	height:23px;
		-webkit-transition-property:none;
	-webkit-transition-duration: none;
	-webkit-transition-timing-function: none;

	-moz-transition-property:none;
	-moz-transition-duration:none;
	-moz-transition-timing-function: none;

	-o-transition-property:none;
	-o-transition-duration:none;
	-o-transition-timing-function: none;
}

#page_wrapper #footer #social li a.linkedin:hover {
	display:block;
	background:url(../images/social_media_sprite.jpg) -23px -23px;
	width:23px;
	height:23px;
}

/***End LinkedIn Button CSS***/


/***Twitter Button CSS***/

#page_wrapper #footer #social li a.twitter {
	display:block;
	background:url(../images/social_media_sprite.jpg) -46px 0;
	width:23px;
	height:23px;
		-webkit-transition-property:none;
	-webkit-transition-duration: none;
	-webkit-transition-timing-function: none;

	-moz-transition-property:none;
	-moz-transition-duration:none;
	-moz-transition-timing-function: none;

	-o-transition-property:none;
	-o-transition-duration:none;
	-o-transition-timing-function: none;
}

#page_wrapper #footer #social li a.twitter:hover {
	display:block;
	background:url(../images/social_media_sprite.jpg) -46px -23px;
	width:23px;
	height:23px;
}

/***End Twitter Button CSS***/



/***About Button CSS***/





/***Contact Button CSS***/
#top_bar #top_bar_container #nav_container #main_nav li a.contact {
	display:block;
	background:url(../images/sprite_nav.jpg) -125px 0;
	width:75px;
	height:45px;
}

#top_bar #top_bar_container #nav_container #main_nav li a.contact:hover {
	display:block;
	background:url(../images/sprite_nav.jpg) -125px -45px;
	width:75px;
	height:45px;
	
}

#top_bar #top_bar_container #nav_container #main_nav li a.contact:active {
	display:block;
	background:url(../images/sprite_nav.jpg) -125px -45px;
	width:75px;
	height:45px;
}
/***Contact Button CSS***/



/*******************Social Media Sprite**********************/



/*******************jquery page scroller**********************/
div.scroller {
 	position: relative;
 	margin:0 auto;
 	/*overflow: auto;
	overflow-y: hidden;*/
	overflow: hidden;
 	height: auto;
 	width: 920px;
	top:75px;
 }
 
 
div.content {
	width: 3680px;
	position: relative;
	float:left;
 
}
 
 


/*******************jquery page scroller**********************/

#menu1 li ul li a.subnav {
	line-height:16px;
	margin-bottom:2px;
}



a {
	outline:none;
	color:#000;
	text-decoration:underline;
	font-family: 'Arimo', Verdana, Geneva, sans-serif;
	
	-webkit-transition-property:color, text, background-image;
	-webkit-transition-duration: 0.25s, 0.25s;
	-webkit-transition-timing-function: linear, ease-in;

	-moz-transition-property:color, text, background-image;
	-moz-transition-duration:0.25s;
	-moz-transition-timing-function: linear, ease-in;

	-o-transition-property:color, text, background-image;
	-o-transition-duration:0.25s;
	-o-transition-timing-function: linear, ease-in;
}

#welcome a {
	outline:none;
	color:#fff;
	text-decoration:underline;
	font-family: 'Arimo', Verdana, Geneva, sans-serif;
	
	-webkit-transition-property:color, text, background-image;
	-webkit-transition-duration: 0.25s, 0.25s;
	-webkit-transition-timing-function: linear, ease-in;

	-moz-transition-property:color, text, background-image;
	-moz-transition-duration:0.25s;
	-moz-transition-timing-function: linear, ease-in;

	-o-transition-property:color, text, background-image;
	-o-transition-duration:0.25s;
	-o-transition-timing-function: linear, ease-in;
}

#welcome a:hover {
	outline:none;
	color:#CCC;
	text-decoration:underline;
	font-family: 'Arimo', Verdana, Geneva, sans-serif;
}

a.feature_link {
	color:#FFF;
}

a.feature_link:hover {
	color:#CCC;
}

a:hover {
	outline:none;
	color:#666;
	text-decoration:underline;
	font-family: 'Arimo', Verdana, Geneva, sans-serif;
}

h1 {
	display:none;
}

h2 {
	display:none;
}

h3 {
	font-weight:normal;
	font-size:13px;
	color:#CCC;
	line-height:16px;
	letter-spacing:.15px;
	font-family: 'Arimo', Verdana, Geneva, sans-serif;
	margin-bottom:10px;
}

h3.hidden {
	display:none;
}

h4 {
	display:none;
}

h5 {	
	font-family: 'Arimo', Verdana, Geneva, sans-serif;
	margin-bottom:5px;
}

h5.home_feature {
	color:#FFF;
	margin-top:7px;
	margin-bottom:2px;
}

p {
	font-family: 'Arimo', Verdana, Geneva, sans-serif;
	font-size:13.5px;
	line-height:20px;
}

p.home_feature {
	color:#FFF;
}

p.topbar {
	font-size:9px;
	font-weight:normal;
	color:#CCC;
	letter-spacing:.75px;
	font-family: 'Arimo', Verdana, Geneva, sans-serif;
}

p.footer {
	color:#798087;
	font-size:11px;
	font-weight:normal;
	margin-top:7px;
	font-family: 'Arimo', Verdana, Geneva, sans-serif;
}

p.content {
	font-size:13.5px;
	color:#333;
	font-family: 'Arimo', Verdana, Geneva, sans-serif;
	line-height: 20px;
	margin-bottom:10px;
	font-weight:normal;
}

p.left_content {
	font-size:11px;
	color:#333;
	font-family: 'Arimo', Verdana, Geneva, sans-serif;
	line-height: 17px;
	font-weight:normal;
}

p.hidden {
	display:none;
}

.bold {
	font-weight:bold;
	color:#798087;
}


a.subnav {
	font-size:11px;
	
}


/********************WORK CYCLE SLIDESHOW******************/

.slideshow { 
	height: 425px; 
	width: 700px; 
	margin: auto 
}

.slideshow img { 

}

/********************END WORK CYCLE SLIDESHOW******************/

/********************BAR SERIES SLIDER SLIDESHOW******************/

 
#slideshow {
	/*margin:0 auto;*/
	width:700px;
	height:425px;
	position:absolute;
	top:0;
	left:0;
}

#slideshow #slidesContainer {
  width:700px;
  height:425px;
  overflow:auto; /* allow scrollbar */
  position:relative;
  top:0;
  left:0;
}

#slideshow #slidesContainer .slide {
  position:relative;
  top:0;
  left:0;
  width:700px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:425px;
}

/********************HOCKEY SERIES SLIDER SLIDESHOW******************/

 
#slideshow2 {
	/*margin:0 auto;*/
	width:700px;
	height:425px;
	position:absolute;
	top:0;
	left:0;
}

#slideshow2 #slidesContainer2 {
  width:700px;
  height:425px;
  overflow:auto; /* allow scrollbar */
  position:relative;
  top:0;
  left:0;
}

#slideshow2 #slidesContainer2 .slide2 {
  position:relative;
  top:0;
  left:0;
  width:700px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:425px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  position:absolute;
  cursor: pointer;
  z-index:15000;
}

#leftControl {
  top:173.5px;
  left:0;
  background:transparent url(../images/control_left.jpg) no-repeat 0 0;
  opacity: .9;
 
}

#rightControl {
  top:173.5px;
  right:0;
  background:transparent url(../images/control_right.jpg) no-repeat 0 0;
  opacity: .9;
}

#rightControl: hover {
	 opacity: 1;
}

#leftControl: hover {
	 opacity: 1;
}





.slide img {
  float:right;

}




/********************END BAR SERIES SLIDER SLIDESHOW******************/


 * Slideshow controls style rules.
 */
.control2 {
  display:block;
  width:39px;
  height:263px;
  position:absolute;
  cursor: pointer;
  z-index:15000;
}

#leftControl2 {
  top:173.5px;
  left:0;
  background:transparent url(../images/control_left.jpg) no-repeat 0 0;
  opacity: .9;
 
}

#rightControl2 {
  top:173.5px;
  right:0;
  background:transparent url(../images/control_right.jpg) no-repeat 0 0;
  opacity: .9;
}

#rightControl2: hover {
	 opacity: 1;
}

#leftControl2: hover {
	 opacity: 1;
}





.slide2 img {
  float:right;

}

/********************CONTACT FORM*********************/

#contact_form_container {
	float:left;
	position:relative;
	width:100%;
	height:375px;
	display:block;
}

p.form {
	display:block;
	color:#333;
	font-size:12px;
	
}

#form_1 textarea {
	border:solid 1px #999;
	background-color:transparent;
	width:380px;
	height:100px;
	padding:5px;
	margin:2px 3px 15px 0;
	display:block;
	color:#333;
	font-family:'Arimo', Verdana, Geneva, sans-serif;
	font-size: 11px;

}

#form_1 input[type="text"] {
	margin:2px 3px 15px 0;
	height:14px;
	width:200px;
	padding:5px;
	border:solid;
	border-width:thin;
	border-color:#999;
	background-color:transparent;
	color:#333;
	

}


#submitter_name {
	display:block;
	border:solid 0 #fff;		
}

#submitter_email {
	display:block;
	border:solid 0 #fff;	
}

input.btn { 
	color:#666; 
	background-color: #FFF; 
	margin-top:10px;
	width:100px;
	height:40px;
	border:solid 1px #999;
	font-weight:bold;
	cursor:pointer;
	-webkit-transition-property:background-color, text;
	-webkit-transition-duration: 0.25s, 0.25s;
	-webkit-transition-timing-function: linear, ease-in;

	-moz-transition-property:background-color, text;
	-moz-transition-duration:0.25s;
	-moz-transition-timing-function: linear, ease-in;

	-o-transition-property:background-color, text;
	-o-transition-duration:0.25s;
	-o-transition-timing-function: linear, ease-in;
}


input.btn:hover {  
	color:#CCC; 
	background-color:#333;
}

/*#message {
	display:block;
	border:solid 0 #fff;	
}*/

/*hiding like and tweet buttons for lightbox*/
div.twitter {
	display:none;
}

div.facebook {
	display:none;
}