/*
	
 	Base Table of Content
========================
	
	#Reset & #Basics
	#Typography
	#Links
	#Lists
	#Images
	#Tables
	#Buttons & #Icons
	#Forms
	#Alerts
	#Misc

 */
 
/*  #Reset & #Basics 
==================================================================================================== */	

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	html{ 
		font-size:100%; 
		overflow-y:scroll; /* always force vertical scroll */ 
	}
	
	body{ 
		-webkit-font-smoothing:antialiased; 
		-webkit-text-size-adjust:100%; /* fix webkit text rendering */ 
		-ms-text-size-adjust:100%; 
	}


/*  #Typography
==================================================================================================== */

	body{
		background:#fff;
		color:#333;
		font:18px 'Open Sans', Arial, sans-serif; 
		line-height:23px;	
	}
	
	h1, 
	h2, 
	h3, 
	h4, 
	h5, 
	h6{
		color:#333;
		font-family:'Open Sans', Arial, sans-serif;
		font-weight:normal; 
	}
		
	h1 a, 
	h2 a, 
	h3 a, 
	h4 a, 
	h5 a, 
	h6 a{ 
		font-weight:inherit; 
	}
	
	h1{ 
		font-size:28px; 
		line-height:50px; 
		margin-bottom:14px; 
	}
	
	h2{ 
		font-size:24px; 
		line-height:40px; 
		margin-bottom:40px; 
	}
	
	h3{ 
		font-size:18px; 
		line-height:34px; 
		margin-bottom:8px;  
	}
	
	h4{ 
		font-size:16px; 
		line-height:30px; 
		margin-bottom:4px;  
	}
	
	h5{ 
		font-size:14px; 
		line-height:24px; 
	}
	
	h6{ 
		font-size:12px; 
		line-height:21px; 
	}
	
	p{ margin-bottom:20px; }
	
	em{ font-style:italic; }
	
	strong{ 
		font-weight:bold; 
	}
	
	small{ font-size:90%; }
	
	sub{ 
		vertical-align:sub; 
		font-size:10px; 
	}
	
	sup{ 
		vertical-align:super; 
		font-size:10px; 
	}
	
	abbr[title]{  
		border-bottom:1px dotted #999999; 
		cursor:help;
	}
	
	address{ 
		display:block; 
		margin-bottom:20px; 
	}
	
	blockquote{  }
	blockquote p{ font-style:italic; }
	blockquote span{ display:block; color:#999999; margin-top:5px; }
	blockquote span:before{ content:'\2013 \00A0'; }

	hr{ 
		border:solid #efefef; 
		border-width:1px 0 0 0; 
		height:0; 
		margin:30px 0; 
	}

	code, 
	pre{ 
		font-family:Monaco, Menlo, Consolas, "Courier New", monospace;
		-webkit-border-radius:3px;
		   -moz-border-radius:3px;
			    border-radius:3px;
	}
	
	code{ 
		background-color:#f7f7f7; 
		border:1px solid #e1e1e8; 
		color:#d14; 
		padding:1px 4px; 
	}
	
	pre{ 
		display:block; 
		padding:20px; 
		white-space:pre; 
		background-color:#f7f7f7; 
		border:1px solid #e1e1e8; 
		margin-bottom:20px;
		overflow-x:auto; 
	}
	
	/* Typography Helper Classes */
	
	/* <div class="hr"></div> acts like an <hr /> */
	.hr{ 
		border-top:1px solid #efefef; 
		margin:30px 0; 
	}
	.hr-alt{ 
		border-top:1px solid #efefef; 
		margin:10px 0; 
	}
	.hr-alt2{ 
		border-top:1px solid #efefef; 
		margin:10px 0 30px 0; 
	}
	.hr-alt3{ 
		border-top:1px solid #efefef; 
		margin:0 0 30px 0; 
	}
	
	.text-left{ text-align:left; }
	.text-right{ text-align:right; }
	.text-center{ text-align:center; }
	
	.text-highlight{ padding:1px 5px; background-color:#D5EDF8; color:#111111; }
	.text-highlight2{ padding:1px 5px; background-color:#FFF6BF; color:#111111; }
	
	.text-uppercase{ text-transform:uppercase; }
	
	.mute{ color:#aaa; }
	
	p.last,
	h1.last,
	h2.last,
	h3.last,
	h4.last,
	h5.last,
	address.last{ margin-bottom:0; }
	
	
/*  #Links
==================================================================================================== */
	
	a, 
	a:visited{ 
		color:#346699; 
		text-decoration:none; 
		outline:0; 
	}
	
	a:hover, 
	a:focus{ 
		text-decoration:underline; 
	}	
	
	
/*  #Lists
==================================================================================================== */
	
	ul, 
	ol{ 
		margin-bottom:20px;
		list-style-position:inside; 
	}
	
	ul ul, 
	ul ol, 
	ol ol, 
	ol ul{ 
		margin-left:30px; 
		margin-bottom:0; 
	}
	
	li{ }
	
	ul{ list-style-type:disc; }
	ol{ list-style-type:decimal; }
	
	/* List Helper Classes */
	
	ul.unstyled{ list-style-type:none; } /* unstyled list */
	.ie7 ul.unstyled{ list-style-position:outside; }
	ul.square{ list-style-type:square; } /* list with squares for bullets */
	ul.circle{ list-style-type:circle; }	/* list with discs for bullets */
	ul.checklist{ list-style-image:url(http://www.dynamiccontractservices.com/images/interface/bg-checklist.png); } /* list with custom image bullets */

	ul.last,
	ol.last{ margin-bottom:0; }


/*  #Images
==================================================================================================== */

	img{ 
		-ms-interpolation-mode:bicubic; 
		border:0; 
	}
	
	/* Images Helper Classes */
	
	.img-align-left{ margin:5px 10px 0 0; float:left; }
	.img-align-right{ margin:5px 0 0 10px; float:right; }


/*  #Tables
==================================================================================================== */

	table{ 
		background-color:transparent; 
		border-collapse:collapse; 
		border-spacing:0; 
		width:100%;
		margin-bottom:20px; 
	}
	
	caption{ 
		margin:20px 0; 
		text-align:center; 
		font-weight:bold; 
	}

	table th, 
	table td{ 
		padding:8px; 
		text-align:left; 
		vertical-align:top; 
		border-top:1px solid #efefef;
	}
	
	table th{ font-weight:bold; border-top:0; }
	
	table thead th{ vertical-align:bottom; }

	/* Table Helper Classes */

	.table-bordered{ 
		border:1px solid #efefef; 
		border-collapse:separate; 
		border-left:0; 
	}
	
	.table-bordered th, 
	.table-bordered td{ border-left:1px solid #efefef; }
	
	.table-bordered caption + thead tr:first-child th,
	.table-bordered caption + tbody tr:first-child th,
	.table-bordered caption + tbody tr:first-child td,
	.table-bordered colgroup + thead tr:first-child th,
	.table-bordered colgroup + tbody tr:first-child th,
	.table-bordered colgroup + tbody tr:first-child td,
	.table-bordered thead:first-child tr:first-child th,
	.table-bordered tbody:first-child tr:first-child th,
	.table-bordered tbody:first-child tr:first-child td{ border-top:none; }

	.table-condensed th,
	.table-condensed td{ padding:4px 8px; }
	
	.table-striped tbody tr:nth-child(odd) td,
	.table-striped tbody tr:nth-child(odd) th{ background-color: #f9f9f9; }
	
/*  #Buttons & #Icons
==================================================================================================== */

	.btn{ 
		display: inline-block; 
		cursor: pointer; 
		padding:6px 12px; 
		line-height:18px; 
		text-decoration:none; 
		margin: 0 5px 20px 0;
		outline:0;
		-webkit-border-radius:3px;
		   -moz-border-radius:3px;
		        border-radius:3px;
		-webkit-box-shadow: inset 1px 0px 0px rgba(255, 255, 255, .2);
		   -moz-box-shadow: inset 1px 0px 0px rgba(255, 255, 255, .2);
				box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .2);
		border:1px solid #dddddd;
		background-color:#F7F7F7;
		background-image:-webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
		background-image:   -moz-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
		background-image:    -ms-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
		background-image:     -o-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
		background-image:        linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
		color:#444;
		text-shadow:1px 1px 0px #fff;
		filter:dropshadow(color=#ffffff, offx=1, offy=1);		
	}
	
	.btn:active{
		-webkit-box-shadow:inset 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
				box-shadow:inset 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
	}

	.btn:hover{ background: #fbfbfb; }
	
	a.btn{ text-decoration:none; }
	
	.btn-large{
		padding:7px 14px;
		font-size:14px;
	}
	
	.btn i,
	.btn-large i{ 
		float: left; 
		margin: 2px 8px 0px -4px; 
	}
	
	/* Buton Colors */
	
	.btn-white{
		border:1px solid #dddddd;
		background-color:#F7F7F7;
		background-image:-webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
		background-image:   -moz-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
		background-image:    -ms-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
		background-image:     -o-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
		background-image:        linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
		color:#444;
		text-shadow:1px 1px 0px #fff;
		filter:dropshadow(color=#ffffff, offx=1, offy=1);
	}

	.btn-white:hover{ background: #fbfbfb; }
	
	
	.btn-black{
		border:1px solid #464646;
		background-color:#464646;
		background-image:-webkit-linear-gradient(bottom, #464646 0%, #656565 100%);
		background-image:   -moz-linear-gradient(bottom, #464646 0%, #656565 100%);
		background-image:    -ms-linear-gradient(bottom, #464646 0%, #656565 100%);
		background-image:     -o-linear-gradient(bottom, #464646 0%, #656565 100%);
		background-image:        linear-gradient(bottom, #464646 0%, #656565 100%);
		color:#fff;
		text-shadow:1px -1px 0px #444;
		filter:dropshadow(color=#4444444, offx=1, offy=1);
	}
	
	.btn-black:hover{ background:#535353; }
	
	
	.btn-blue{
		border:1px solid #1f70ad;
		background-color:#2778C8;
		background-image:-webkit-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%);
		background-image:   -moz-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%);
		background-image:    -ms-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%);
		background-image:     -o-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%);
		background-image:        linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%);
		color:#fff;
		text-shadow:1px -1px 0px #1c6396;
		filter:dropshadow(color=#1c6396, offx=1, offy=1);
	}
	
	.btn-blue:hover{ background:#287fc8; }

	.btn-red{
		border:1px solid #b23730;
		background-color:#C74039;
		background-image:-webkit-linear-gradient(bottom, #C74039 0%, #E35752 100%);
		background-image:   -moz-linear-gradient(bottom, #C74039 0%, #E35752 100%);
		background-image:    -ms-linear-gradient(bottom, #C74039 0%, #E35752 100%);
		background-image:     -o-linear-gradient(bottom, #C74039 0%, #E35752 100%);
		background-image:        linear-gradient(bottom, #C74039 0%, #E35752 100%);
		color:#fff;
		text-shadow:1px -1px 0px #a43b37;
		filter:dropshadow(color=#a43b37, offx=1, offy=1);
	}
	
	.btn-red:hover{ background:#ce4640; }

	.btn-green{
		border:1px solid #819633;
		background-color:#8DA046;
		background-image:-webkit-linear-gradient(bottom, #8DA046 0%, #A3B951 100%);
		background-image:   -moz-linear-gradient(bottom, #8DA046 0%, #A3B951 100%);
		background-image:    -ms-linear-gradient(bottom, #8DA046 0%, #A3B951 100%);
		background-image:     -o-linear-gradient(bottom, #8DA046 0%, #A3B951 100%);
		background-image:        linear-gradient(bottom, #8DA046 0%, #A3B951 100%);
		color:#fff;
		text-shadow:1px -1px 0px #77873b;
		filter:dropshadow(color=#77873b, offx=1, offy=1);
	}
	
	.btn-green:hover{ background:#93a749; }

	
/*  #Forms
==================================================================================================== */

	form{ }
	fieldset{  }
	
	form p{ margin-bottom:15px; }
	
	label{
		display:block;
		margin-bottom:5px;
	}

	label span{ color:#FF0000; }
	
	input[type="text"],
	textarea,
	select{
		border:1px solid #ddd;
		padding:6px 10px;
		outline:none;
		max-width:100%;
		display:block;
		margin-bottom:10px;
		background: #fff;
		color:#666;
		width:220px;
		-webkit-box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1);
		   -moz-box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1);
        		box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1);
		 -webkit-border-radius:3px;
			-moz-border-radius:3px;
				 border-radius:3px;
	}
	
	input[type="text"]:focus,
	textarea:focus{
		border-color:#cdcdcd;
  		outline:0;
	}
	
	select{ height:32px; }
	textarea{ min-height:100px; overflow:auto; }

	.radio,
	.checkbox{
	  min-height:18px;
	  padding-left:18px;
	}
	
	.radio input[type="radio"],
	.checkbox input[type="checkbox"] {
	  float:left;
	  margin-left:-18px;
	}


/*  #Alerts
==================================================================================================== */

	.alert{
	  padding:10px 35px 10px 15px;
	  margin-bottom:20px;
	  color:#C59A2E;
	  text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
	  background-color:#FBFAE2;
	  border:1px solid #DED58A;
	  -webkit-border-radius:3px;
		 -moz-border-radius:3px;
			  border-radius:3px;
	}
	
	.alert p{ margin-bottom:0; }
	.alert p+p{ margin-top:5px; }

	.alert-success{
	  color:#5F9025;
	  background-color:#ECF7E2;
	  border-color:#B3DC82;
	}
	
	.alert-error{
	  color:#E45959;
	  background-color:#FFECEC;
	  border-color:#FBC4C4;
	}
	
	.alert-info{
	  color:#6A91B2;
	  background-color:#EEF8FE;
	  border-color:#B6D7E8;
	}

	.alert-block{ padding: 20px 35px 20px 15px; }


/*  #Misc
==================================================================================================== */

	.bordered{ border:1px solid #efefef; padding:2px; }



/* 
	
	Grid Table of Contents
========================
   
    #Base 940 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Align
	#Responsive Images and Embeds
	#Clearing Content
	 
*/

/*  #Base 940 Grid
==================================================================================================== */

	.row{ 
		position:relative; 
		width:940px; 
		margin:0 auto;
	}
	
	.row .row{ width:auto; margin:0; }

 	.span1, 
	.span2, 
	.span3, 
	.span4, 
	.span5, 
	.span6, 
	.span7, 
	.span8, 
	.span9, 
	.span10, 
	.span11, 
	.span12 { float:left; }

	.span1{ 
		width: 60px;  
		margin-left:20px; 
	}
	
	.span2{ 
		width: 140px; 
		margin-left:20px; 
	}
	
	.span3{ 
		width: 220px; 
		margin-left:20px; 
	}
	
	.span4{ 
		width: 300px;
		margin-left:20px; 
	}
	
	.span5{ 
		width: 380px; 
		margin-left:20px; 
	}
	
	.span6{ 
		width: 460px; 
		margin-left:20px; 
	}
	
	.span7{ 
		width: 540px; 
		margin-left:20px; 
	}
	
	.span8{ 
		width: 620px; 
		margin-left:20px; 
	}
	
	.span9{ 
		width: 700px; 
		margin-left:20px; 
	}
	
	.span10{ 
		width: 780px; 
		margin-left:20px; 
	}
	
	.span11{ 
		width: 860px; 
		margin-left:20px; 
	}
	
	.span12 { 
		width: 940px; 
		margin-left:20px; 
	}
	
	.span1:first-child, 
	.span2:first-child, 
	.span3:first-child, 
	.span4:first-child, 
	.span5:first-child, 
	.span6:first-child, 
	.span7:first-child, 
	.span8:first-child, 
	.span9:first-child, 
	.span10:first-child, 
	.span11:first-child, 
	.span12:first-child{ margin-left:0; }
 
 
/*  #Tablet (Portrait)
==================================================================================================== */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	.row{ width:705px; }

	.span1{ 
		width: 45px;  
		margin-left:15px; 
	}
	
	.span2{ 
		width: 105px; 
		margin-left:15px; 
	}
	
	.span3{ 
		width: 165px; 
		margin-left:15px; 
	}
	
	.span4{ 
		width: 225px; 
		margin-left:15px; 
	}
	
	.span5{ 
		width: 285px; 
		margin-left:15px; 
	}
	
	.span6{ 
		width: 345px; 
		margin-left:15px; 
	}
	
	.span7{ 
		width: 405px; 
		margin-left:15px; 
	}
	
	.span8{ 
		width: 465px; 
		margin-left:15px; 
	}
	
	.span9{ 
		width: 525px; 
		margin-left:15px; 
	}
	
	.span10{ 
		width: 585px;
		margin-left:15px; 
	}
	
	.span11{ 
		width: 646px; 
		margin-left:15px; 
	}
	
	.span12{ 
		width: 705px;
		margin-left:15px; 
	}
	
}
	
/*  #Mobile (Portrait)
==================================================================================================== */

@media only screen and (max-width: 767px) {
	
	.row{ width:280px; }
	
	.span1,
	.span2,
	.span3,
	.span4,
	.span5,
	.span6,
	.span7,
	.span8,
	.span9,
	.span10,
	.span11,
	.span12{ 
		width:280px; 
		margin-left:0; 
	}
	
}
	
/*  #Mobile (Landscape)
==================================================================================================== */

@media only screen and (min-width: 480px) and (max-width: 767px) {

	.row{ width:420px; }
	
	.span1,
	.span2,
	.span3,
	.span4,
	.span5,
	.span6,
	.span7,
	.span8,
	.span9,
	.span10,
	.span11,
	.span12{ 
		width:420px; 
		margin-left:0; 
	}
		
}

/*  #Align
==================================================================================================== */

	.float-left{ float:left; }
	.float-right{ float:right; }


/*  #Responsive Images and Embedss
==================================================================================================== */

	.responsive-img{ 
		max-width:100%; 
		height:auto; 
	}
	
	.responsive-embed{
		position:relative;
		padding:0px;
		padding-bottom:56.25%; /* 16/9 ratio */
		height:0;
		overflow:hidden;
		margin-bottom:20px;
	}

	.responsive-embed iframe,
	.responsive-embed object,
	.responsive-embed embed{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	

/*  #Clearing
==================================================================================================== */

	.row:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
		.row{display:block;}
		/*  \*/

		.row{min-height:1%;}
		* html .row{height:1%;}

	/* Clear Fix Hack - add  class="fixed"  to div's that have floated elements in them */
	.fixed:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
		.fixed{display:block;}
		/*  \*/
		.fixed{min-height:1%;}
		* html .fixed{height:1%;}
		
	/* Clear <br class="clear" /> */	
	.clear{
      clear:both;
      display:block;
      overflow:hidden;
      visibility:hidden;
      width: 0;
      height: 0;
	} 
	


/* 
	
	Layout Table of Contents
========================
   
   	#Site Styles
	#Page Styles
	#Media Queries
		

	 
*/

/* #Site Styles (>1024px width screen resolutions)
==================================================================================================== */

	#wrap{ }


		#header{ position:absolute; top:0; left:0; right:0; background-color:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#88000000', endColorstr='#88000000');
 padding:30px 0 25px 0; }
		
		
			/* Logo 
			-----------------------------------------------------------------------------------------------*/

			#logo img{ display:block; }
			
			
			/* Dropdown Menu 
			-----------------------------------------------------------------------------------------------*/

			.selectnav{ display:none;  cursor:pointer;  width:100%;  padding:10px;  height:40px; color:#666; margin-top:10px;  }
			
			/* level 1 menu */
			ul#dropdown-menu{ list-style:none;  margin-bottom:0px; float:right; margin-top:15px; border-top:1px solid #fff; }
			ul#dropdown-menu li{ float: left;  }
			ul#dropdown-menu li a{ display: block;  padding:5px 5px 20px 5px; color:#fff; font-size:13px; font-family:'Open Sans', Arial, sans-serif; border-top:5px solid transparent; margin:-3px 20px 0 3px; }
			ul#dropdown-menu li.last > a{ margin-right:0;  }
			ul#dropdown-menu li.hover,  ul.dropdown-menu li:hover{ position: relative;  text-decoration:none;  }
			
			/* LEVEL 1 menu item styling ON HOVER */
			ul#dropdown-menu li.hover a{ text-decoration:none; color:#f00; }
			
			/* styling of LEVEL 1 menu item that is current */ 
			ul#dropdown-menu li.current > a{ color:#fff; border-top:5px solid #f11d1d; }
			  
				/* level 2 menu */
				ul#dropdown-menu ul{ width:170px;  position:absolute;  top:75%;  left:-6px;  margin:0; list-style:none;  display:none; background-color:rgba(255,255,255,0.7); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#88ffffff', endColorstr='#88ffffff');  border:1px solid #f11d1d; z-index:15; 
									 padding:0; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1); }
									 
				ul#dropdown-menu ul li{ width:170px;  padding:0;  }
				
				/* LEVEL 2 menu element styling  */ 
				ul#dropdown-menu li .sub-menu li > a{ width:140px; display:inline-block;  border:none; padding:10px 15px; font-size:11px; border-bottom:1px solid #f11d1d; margin:0; }
				 
				/* LEVEL 2 menu item styling ON HOVER */ 
				ul#dropdown-menu li .sub-menu li > a:hover{ text-decoration:none; color:#fff; background-color:#f11d1d; }
				
				/* LAST LEVEL 2 menu item styling */
				ul#dropdown-menu li .sub-menu li:last-child > a{ border:none; }
				ul#dropdown-menu li .sub-menu li:last-child > a:hover{  }
			
					/* level 3 menu */
					ul#dropdown-menu ul ul{ left:100%;  top:-1px;  }
					ul#dropdown-menu li:hover > ul{ visibility:visible;  }
					
					/* LEVEL 3 menu styling */
					ul#dropdown-menu ul ul li > a{ border-bottom:1px solid #fff;  border-bottom:none;  }
			 
			/* Dropdown Fix */ 
			.dropdown-fix{position: relative; z-index:999; }
			
		
		#content{ min-height:300px; }


			/* Accordion
			-----------------------------------------------------------------------------------------------*/
			
			.accordion{ list-style-type: none; margin-bottom:30px; }
			.accordion li{ float: left; display: block; width:100%; border-top:1px solid #e9e9e9; margin-bottom:0;   }
			.accordion li.current>a{  }
			.accordion li:last-child{ border-bottom:1px solid #e9e9e9;}
			.accordion li:hover{  }
			.accordion li.current{  }
			.accordion li div{ padding:0px 25px;  }
			.accordion li>a{ text-decoration: none; display: block; cursor: pointer;padding:15px 25px; }	
	
	
			/* Tabs
			-----------------------------------------------------------------------------------------------*/
			
			.tabs-menu{ list-style:none; border-bottom:1px solid #e9e9e9; margin-bottom:0; }
			.tabs-menu li{ display:inline; }
			.tabs-menu li a{ float:left; padding:10px 25px; display:block; margin-bottom:-1px;  }
			.tabs-menu li.active a{  border:1px solid #efefef; border-bottom-color:#fff; border-top:1px solid #ccc; color:#666; }
			.tabs-content{ padding:25px; border:1px solid #e9e9e9; border-top:none; margin-bottom:30px; }
			
			
			.headline{ text-align:center; margin:25px 0 15px 0; background:url(http://www.dynamiccontractservices.com/images/interface/bg-headline.png) repeat-x center center; }
			h2.headline{ margin:45px 0 15px 0; }
			h5.headline{ font-weight:bold; }
			.headline.alt{ margin-bottom:35px; }
			.headline.alt-2{ margin:45px 0 35px 0; }
				.headline span{ background-color:#fff; padding:0 5px; }
				
			h3{ margin-bottom:20px; }
			
			a.button-red{ background-color:#f11d1d; color:#fff; padding:8px 10px; display:inline-block; }
			a:hover.button-red{ text-decoration:none; }
			a.button-red.alt{ padding:0 5px; font-size:10px; line-height:14px; }
			
			.page-header{ height:485px; position:relative; }
				.page-header .hexagon{ position:absolute; top:45%; left:0; right:0; }
				.page-header .hexagon:hover{ cursor:default; }
					.page-header .hexagon .hexagon-top{ border-left:75px solid transparent; border-right:75px solid transparent; border-bottom:45px solid #f11d1d; margin:0 auto; }
					.page-header .hexagon .hexagon-bottom{ border-left:75px solid transparent; border-right:75px solid transparent; border-top:45px solid #f11d1d; margin:0 auto; }
					.page-header .hexagon .hexagon-middle{ background-color:#f11d1d; width:150px; padding:20px 0; text-align:center; margin:0 auto; }
						.page-header .hexagon .hexagon-middle h2{ color:#fff; margin-bottom:0; }
			.red{ color:#f11d1d; }
		
		
		#footer{ background-color:#333333; padding-bottom:70px; color:#fff; margin-top:50px; }
		
			#footer h5.headline{ color:#fff; text-align:center; background:url(http://www.dynamiccontractservices.com/images/interface/bg-headline-2.png) repeat-x center center; margin:10px -20px 20px 0; }
				#footer h5.headline.alt{ margin-right:0; }
			#footer h5.headline span{ background-color:#333333; padding:0 5px; }
			
			#footer .about{ margin-top:20px; }
				#footer .about img{ float:left; display:block; margin-top:10px; }
				#footer .about p{ margin-left:115px; }
				
			#footer form{ margin:25px 0 15px 0; }
			#footer input[type="text"]{ border-radius:0; border:none; background-color:#181818; box-shadow:none; color:#fff; width:165px; display:inline-block; padding:4px 10px; font-size:12px; font-family:'Open Sans', Arial, sans-serif; }
			#footer input[type="submit"]{ border:none; border-radius:0; display:inline-block; background-color:#f11d1d; color:#fff; padding:3px 10px; margin-left:-3px; cursor:pointer; background-image:none; font-size:12px; font-family:'Open Sans', Arial, sans-serif; }
			.ie7 #footer input[type="submit"]{ margin-top:-34px; padding:0px 10px 3px 10px; }
			
			#footer .blog-post{ margin-top:35px; border:none; }
				#footer .blog-post .date{ float:left; }
					#footer .blog-post .date .hexagon-top{ border-left:20px solid transparent; border-right:20px solid transparent; border-bottom:12px solid #181818; width:0; }
					#footer .blog-post .date .hexagon-bottom{ border-left:20px solid transparent; border-right:20px solid transparent; border-top:12px solid #181818; width:0; }
					#footer .blog-post .date .hexagon-middle{ background-color:#181818; width:20px; text-align:center; color:#fff; padding:0 10px; }
						#footer .blog-post .date .hexagon-middle p{ margin-bottom:0; line-height:10px; margin:0; }
				#footer .blog-post .article{ margin-left:60px; }
					#footer .blog-post .article p a{ color:#fff; font-size:12px; }
					#footer .blog-post .article p{ margin:0; margin-bottom:10px; font-size:11px; line-height:16px; }
					#footer a.button-red{ padding:0 5px; font-size:10px; margin-top:20px; line-height:14px; color:#fff; }
				
			#footer .contact{ margin:35px 0 60px 0; list-style:none; }
				#footer .contact li{ margin-top:15px; }
				#footer .contact li:first-child{ margin-top:0; }
					#footer .contact li.address{ background:url(http://www.dynamiccontractservices.com/images/interface/icon-home.png) no-repeat top left; padding-left:30px; }
					#footer .contact li.email{ background:url(http://www.dynamiccontractservices.com/images/interface/icon-email.png) no-repeat center left; padding-left:30px; }
					#footer .contact li.phone{ background:url(http://www.dynamiccontractservices.com/images/interface/icon-phone.png) no-repeat center left; padding-left:30px; }
			
			#footer #footer-logo{ display:block; margin:0 auto; margin-bottom:40px; }
			
			#footer p img{ vertical-align:middle; margin:0 3px; }
			
			.social-media{ list-style:none; text-align:center; margin-top:-33px; }
			.ie7 .social-media{ margin-top:-55px; }
				.social-media li{ display:inline-block; margin-left:15px; }
				.ie7 .social-media li{ display:inline; }
				.social-media li:first-child{ margin-left:0; }
			
					.social-media li .hexagon{ margin-top:0; }
					.social-media li .hexagon:hover{ cursor:pointer; }
					.social-media li .hexagon .hexagon-top{ border-left:29px solid transparent; border-right:29px solid transparent; border-bottom:17px solid #f11d1d; width:0; }
					.social-media li .hexagon:hover .hexagon-top{  }
					.social-media li .hexagon .hexagon-middle{ background-color:#f11d1d; width:54px; padding:2px; min-height:0; }
					.social-media li .hexagon:hover .hexagon-middle{  }
						.social-media li .hexagon .hexagon-middle i{ font-size:28px; }
							.social-media li .hexagon .hexagon-middle a i{ color:#fff; }
							.social-media li .hexagon .hexagon-middle a:hover i{ text-decoration:none; }
					.social-media li .hexagon .hexagon-bottom{ border-left:29px solid transparent; border-right:29px solid transparent; border-top:17px solid #f11d1d; width:0; }
					.social-media li .hexagon:hover .hexagon-bottom{  }
				

				
			

/* #Page Styles
==================================================================================================== */

/* Index
-------------------------------------------------------------------------------------------------*/

	.flexslider.index .slides li{ height:700px; }
		.flexslider.index .slides li .slidetext{ background:none; position:absolute; top:180px; }
			.flexslider.index .slides li .slidetext h1{ background:rgba(0,0,0,.75); padding:10px; color:#fff; font-size:36px; text-transform:uppercase; width:480px; }
			
			.flexslider.index .slides li .slidetext a{ display:inline-block; background-color:#f11d1d; padding:10px 20px; text-transform:uppercase; font-size:14px; color:#fff; }
	.flexslider.index .flex-direction-nav{ display:none; }
	.flexslider.index .flex-control-nav{ position:absolute; bottom:50px; right:25%; width:auto; }
	.flexslider.index .flex-control-paging li a{ background-color:#333333; width:8px; height:8px; }
	.flexslider.index .flex-control-paging li a:hover,
	.flexslider.index .flex-control-paging li a.flex-active{ background:#f11d1d; }

	h1{ font-size:36px; margin:10px 0 35px 0; }
		h1 span{ background-color:#333333; color:#fff; padding:0 5px; }
		
	.services{ position:relative; margin:50px 0; }
		.services img{ width:100%; display:block; }
		
		.services .hexagon{ position:absolute; top:37px; left:30px; }
		.services .hexagon:hover{ cursor:pointer; }
		.ie7 .services .hexagon{ position:absolute; top:37px; left:30px; }
		
		.services .hexagon .hexagon-top{ border-left:80px solid transparent; border-right:80px solid transparent; border-bottom:45px solid rgba(255,255,255,0.7); width:0; }
		.ie8 .services .hexagon .hexagon-top,
		.ie7 .services .hexagon .hexagon-top{ border-bottom:45px solid #fff; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);  }
		
		.services .hexagon .hexagon-middle{ width:160px; background-color:rgba(255,255,255,0.7); padding:17px 0; }
		.ie8 .services .hexagon .hexagon-middle,
		.ie7 .services .hexagon .hexagon-middle{ background-color:#fff; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); }
			.services .hexagon .hexagon-middle h3{ text-align:center; margin-bottom:0; }
			.services .hexagon .hexagon-middle h3 a{ color:#333333; }
		
		.services .hexagon .hexagon-bottom{ border-left:80px solid transparent; border-right:80px solid transparent; border-top:45px solid rgba(255,255,255,0.7); width:0; }
		.ie8 .services .hexagon .hexagon-bottom,
		.ie7 .services .hexagon .hexagon-bottom{ border-top:45px solid #fff; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);  }
		
		.services .hexagon:hover .hexagon-top{ border-bottom-color:rgba(0,0,0,0.7); }
		.ie8 .services .hexagon:hover .hexagon-top,
		.ie7 .services .hexagon:hover .hexagon-top{ border-bottom-color:#000; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); }
		.services .hexagon:hover .hexagon-bottom{ border-top-color:rgba(0,0,0,0.7); }
		.ie8 .services .hexagon:hover .hexagon-bottom,
		.ie7 .services .hexagon:hover .hexagon-bottom{ border-top-color:#000; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); }
		.services .hexagon:hover .hexagon-middle{ background-color:rgba(0,0,0,0.7); }
		.ie8 .services .hexagon:hover .hexagon-middle,
		.ie7 .services .hexagon:hover .hexagon-middle{ background-color:#000; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); }
			.services .hexagon:hover .hexagon-middle h3 a{ color:#fff; text-decoration:none; }
		
	.services-list{ list-style:none; margin:50px 0 25px 40px; }
		.services-list li{ background:url(http://www.dynamiccontractservices.com/images/interface/bg-checklist.png) no-repeat center left; padding-left:30px; margin-top:15px; }
		.services-list li:first-child{ margin-top:0; }
	
	img.services-img{ width:100%; display:block; margin-top:20px; }
	
	.testimonial{ margin-top:10px; }
		.testimonial blockquote{ background:url(http://www.dynamiccontractservices.com/images/interface/bg-blockquote-1.png) no-repeat top left, url(images/bg-blockquote-2.png) no-repeat bottom+40px right; padding:40px 20px 0 20px; margin:0 20px; }
		.ie8 .testimonial blockquote,
		.ie7 .testimonial blockquote{ background:url(images/bg-blockquote-1.png) no-repeat top left; }
			.testimonial blockquote p{ font-style:normal; /*border-bottom:1px solid #333333;*/ padding-bottom:0px; min-height:90px; }
	
	.flexslider.testimonial{ margin-bottom:10px; }
	.flexslider.testimonial .flex-control-paging,
	.flexslider.testimonial .flex-direction-nav{ display:none; }
	
	.portfolio-row{ margin:40px 0 90px 0; }
		.portfolio-row .portfolio{ float:left; width:20%; }
		.ie7 .portfolio-row .portfolio{ width:19%; }
			.portfolio-row .portfolio > a img{ border:none; }
			.portfolio-row .portfolio .portfolio-hover{ position:absolute; top:0; left:0; right:0; bottom:0; }
	

/* About
-------------------------------------------------------------------------------------------------*/

	.team-member{ text-align:center; margin:40px 0; position:relative; }
		.team-member img{ display:block; width:100%; margin-bottom:10px; }
		.team-member p{ margin-bottom:10px; }
		.team-member > a{ color:#333; display:inline-block; margin-top:35px; }
		
		.team-member .social-media{ opacity:0; position:absolute; top:200px; left:0; right:0; margin-top:0; transition:opacity 1s, top 1s; }
		.ie8 .team-member .social-media,
		.ie7 .team-member .social-media{ display:none; }
			.team-member .social-media li{ margin-left:7px; }
				.team-member .social-media li .hexagon .hexagon-top{ border-left:20px solid transparent; border-right:20px solid transparent; border-bottom:12px solid #f11d1d; }
				.team-member .social-media li .hexagon .hexagon-bottom{ border-left:20px solid transparent; border-right:20px solid transparent; border-top:12px solid #f11d1d; }
				.team-member .social-media li .hexagon .hexagon-middle{ background-color:#f11d1d; width:36px; padding-top:2px; }
					.team-member .social-media li .hexagon .hexagon-middle i{ font-size:16px; }
					.team-member .social-media li .hexagon .hexagon-middle a{ color:#fff; }
					.team-member .social-media li .hexagon .hexagon-middle a:hover{ text-decoration:none; }
		.team-member:hover .social-media{ opacity:1; top:140px; }
		.ie8 .team-member:hover .social-media,
		.ie7 .team-member:hover .social-media{ display:block; }
		

/* Services
-------------------------------------------------------------------------------------------------*/
	
	.portfolio{ position:relative; margin:10px 0; }
	.ie7 .portfolio{ margin:20px 0; }
	.portfolio.alt{ margin-bottom:100px; }
		.portfolio > a img{ width:100%; display:block; border:1px solid #000; }
		.portfolio > a img{ display:block; }
		.portfolio .hexagon{ position:absolute; top:-15px; left:45%; margin-top:0; }
		.ie7 .portfolio .hexagon{ position:absolute; top:11px; }
			.portfolio .hexagon .hexagon-left{ border-bottom:15px solid transparent; border-top:15px solid transparent; border-right:10px solid #f11d1d; float:left; }
			.ie7 .portfolio .hexagon .hexagon-left,
			.ie7 .portfolio .hexagon .hexagon-right{ height:0; }
			.portfolio .hexagon .hexagon-right{ border-bottom:15px solid transparent; border-top:15px solid transparent; border-left:10px solid #f11d1d; float:left; }
			.portfolio .hexagon .hexagon-middle{ width:15px; background-color:#f11d1d; text-align:center; color:#fff; padding:5px 0; float:left; min-height:0; }
	
	
	.hexagon{ float:left; margin-top:-6px; }
	.hexagon:hover{ cursor:pointer; }
	.ie7 .hexagon{ margin-top:-26px; }
		.hexagon .hexagon-top{ border-left:75px solid transparent; border-right:75px solid transparent; border-bottom:45px solid #333333; width:0; }
		.hexagon .hexagon-bottom{ border-left:75px solid transparent; border-right:75px solid transparent; border-top:45px solid #333333; width:0; }
		.hexagon .hexagon-middle{ width:110px; background-color:#333333; padding:20px; min-height:45px; }
			.hexagon .hexagon-middle h5 a{ color:#fff; text-align:center; display:block; }
	
	.services-details h1{ font-size:60px; float:left; margin:60px; }
	.services-details p{ margin-top:50px; float:left; width:635px; }

	.services-details.alt h1{ margin:20px 40px 0 0; }
	.hexagon.alt{ margin:-42px 35px -40px 0; }
	.ie7 .hexagon.alt{ margin-top:-82px; }
		.hexagon.alt .hexagon-top{ border-bottom:45px solid #f11d1d; }
		.hexagon.alt .hexagon-bottom{ border-top:45px solid #f11d1d;  }
		.hexagon.alt .hexagon-middle{ background-color:#f11d1d; }
	.services-details.alt p{ margin-top:20px; }
		
/* Services-inner
-------------------------------------------------------------------------------------------------*/
	
	.hexagon.alt-2{ position:relative; margin-left:40px; }
	.hexagon.alt-3{ position:absolute; bottom:-35px; left:40px; }
		.hexagon.alt-3 .hexagon-top{ border-left:37px solid transparent; border-right:37px solid transparent; border-bottom:20px solid #f11d1d; }
		.hexagon.alt-3 .hexagon-bottom{ border-left:37px solid transparent; border-right:37px solid transparent; border-top:20px solid #f11d1d;  }
		.hexagon.alt-3 .hexagon-middle{ background-color:#f11d1d; width:74px; padding:0; }
			.hexagon.alt-3 .hexagon-middle h1{ margin:0; color:#fff; text-align:center; font-size:30px; line-height:50px; }
	
	.services.alt{ margin:60px 0 20px 0; }
		.services.alt h5{ margin-bottom:30px; font-weight:bold; }
	
	.services-list.alt{ margin:0; }
		.services-list.alt li{ margin-top:5px; font-size:14px; padding-left:25px; }
		
	.hexagon.alt-4{ margin:0: }
		.hexagon.alt-4 .hexagon-top{ border-bottom:45px solid #f11d1d; }
		.hexagon.alt-4 .hexagon-bottom{ border-top:45px solid #f11d1d;  }
		.hexagon.alt-4 .hexagon-middle{ background-color:#f11d1d; }
		
	.portfolio-row.alt{ margin:5px 0 110px 0; }
		
/* Portfolio
-------------------------------------------------------------------------------------------------*/

	.categories{ list-style:none; background:url(http://www.dynamiccontractservices.com/images/interface/bg-headline.png) repeat-x center left; text-align:center; margin:50px 0; }
		.categories li{ display:inline-block; background-color:#fff; padding:0 5px; border-left:1px solid #333; line-height:12px; margin-right:-4px; }
		.ie7 .categories li{ display:inline; margin-right:0; }
		.categories li:first-child{ border-left:none; }
			.categories li a{ color:#333; }
			.categories li a:hover{ color:#fff; background-color:#f11d1d; text-decoration:none; }
			.categories li.current a{ color:#fff; background-color:#f11d1d; }
	
	.portfolio.alt-2{ position:relative; float:left; margin:0; }
		.portfolio.alt-2 img{ border:none; }
		.portfolio.alt-2 > a img{ width:100%; height:auto; }
		.ie7 .portfolio.alt-2 > img{ width:auto; }
	
		.portfolio-hover{ position:absolute; top:0; left:0; right:0; background-color:rgba(0,0,0,0.5); text-align:center; color:#fff; padding-top:30px; opacity:0; transition:opacity 1s; }
		.ie8 .portfolio-hover,
		.ie7 .portfolio-hover{ display:none; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#88000000', endColorstr='#88000000'); }
			.portfolio-hover h5{ color:#fff; }
			.portfolio-hover p{ margin:0 20px 20px 20px; }
			.portfolio-hover .portfolio-hover-bottom{ border-left:157px solid transparent; border-right:157px solid transparent; border-top:75px solid rgba(0,0,0,0.5); position:absolute; bottom:-75px; }
			.portfolio-hover .portfolio-hover-bottom.alt-2{ border-left:110px solid transparent; border-right:110px solid transparent; border-top:50px solid rgba(0,0,0,0.5); position:absolute; bottom:-50px; }
			.ie8 .portfolio-hover .portfolio-hover-bottom.alt-2,
			.ie7 .portfolio-hover .portfolio-hover-bottom.alt-2{ border-top:50px solid #000; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); }
			.ie8 .portfolio-hover .portfolio-hover-bottom,
			.ie7 .portfolio-hover .portfolio-hover-bottom{ border-top:75px solid #000; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); }
			
	.portfolio:hover .portfolio-hover{ opacity:1; }
	.ie8 .portfolio:hover .portfolio-hover,
	.ie7 .portfolio:hover .portfolio-hover{ display:block; }
	
		.portfolio-hover-controls{ opacity:0; text-align:center; position:absolute; bottom:0; left:0; right:0; transition:opacity 1s, bottom 1s; }
		.ie8 .portfolio-hover-controls,
		.ie7 .portfolio-hover-controls{ display:none; }
			.portfolio-hover-controls img{ margin-right:5px; }
	.portfolio:hover .portfolio-hover-controls{ opacity:1; bottom:15px; }
	.ie8 .portfolio:hover .portfolio-hover-controls,
	.ie7 .portfolio:hover .portfolio-hover-controls{ display:block; }
	
	.pagination{ list-style:none; text-align:center; background:url(http://www.dynamiccontractservices.com/images/interface/bg-headline.png) repeat-x center left; margin:65px 0 35px 0;}
		.pagination li{ display:inline-block; background-color:#fff; padding:0 5px; margin-right:-8px; }
		.ie7 .pagination li{ display:inline; margin-right:-5px; }
			.pagination li a{ color:#333; border:1px solid #333; padding:7px 12px; }
			.ie7 .pagination li a{ display:block; }
			.pagination li a:hover{ background-color:#333333; color:#fff; text-decoration:none; }
			.pagination li.current a{ background-color:#333333; color:#fff; }

		
/* Portfolio-inner
-------------------------------------------------------------------------------------------------*/

	.portfolio-hover-bottom.alt{ border-left:230px solid transparent; border-right:230px solid transparent; }
	
	.portfolio.alt-3{ margin-bottom:20px; }
		.portfolio.alt-3 > img{ border:none; }
		.portfolio.alt-3 > a img{ width:100%; }
		
	.services-list.alt-2{ margin:0; }
		.services-list.alt-2 li{ margin-top:5px; }
		
	address{ margin:35px 0 20px 0; }
	.ie7 address{ font-style:normal; }
	
	.testimonial.alt{ margin-bottom:60px; }
		.testimonial.alt img{ float:left; margin-top:15px; }
		.testimonial.alt blockquote{ background:url(http://www.dynamiccontractservices.com/images/interface/bg-blockquote-3.png) no-repeat top left; padding:0; margin-left:125px; padding-left:15px; }
			.testimonial.alt blockquote p{ border-bottom:none; min-height:0; padding-bottom:0; }

/* Blog
-------------------------------------------------------------------------------------------------*/

	.blog-post{ border:1px solid #dfdfdf; position:relative; }
		.blog-post img{ display:block; float:left; margin-right:30px; }
		.blog-post h3{ margin:25px 0 15px 0; font-weight:bold; }
		.blog-post p{ margin-right:20px; }
			.blog-post p.last{ margin-top:30px; }
		.blog-post a{ color:#333; }
		.blog-post p a.button-red{ float:right; color:#fff; padding:0 5px; }
		
		.blog-post .hexagon{ position:absolute; top:155px; left:240px; }
		.blog-post .hexagon:hover{ cursor:default }
			.blog-post .hexagon .hexagon-left{ border-top:30px solid transparent; border-bottom:30px solid transparent; border-right:20px solid #f11d1d; float:left; }
			.blog-post .hexagon .hexagon-right{ border-top:30px solid transparent; border-bottom:30px solid transparent; border-left:20px solid #f11d1d; float:left; }
			.blog-post .hexagon .hexagon-middle{ background-color:#f11d1d; text-align:center; width:40px; float:left; padding:0; }
			.ie7 .blog-post .hexagon .hexagon-left,
			.ie7 .blog-post .hexagon .hexagon-right{ height:0; }
				.blog-post .hexagon .hexagon-middle h3{ color:#fff; margin:0; padding:13px 0; }
	
	.blog-post.alt{ background-color:#333333; margin:50px 0; }
		.blog-post.alt h3,
		.blog-post.alt p,
		.blog-post.alt a{ color:#fff; }
	
	.pagination.alt{ margin-top:10px; }
	
	form.search{ margin-bottom:10px; }
		form.search input[type="text"]{ background-color:#333333; border:none; border-radius:0; box-shadow:none; color:#fff; width:170px; display:inline-block; font-size:12px; font-family:'Open Sans', Arial, sans-serif; }
		form.search input[type="submit"]{ background:#333333 url(http://www.dynamiccontractservices.com/images/interface/icon-zoom-2.png) no-repeat center center; border:none; border-radius:0; padding:7px 12px 7px 12px; display:inline-block; cursor:pointer; margin-left:-3px; }
		.ie8 form.search input[type="submit"]{ padding:14px 15px 15px 15px; }
		.ie7 form.search input[type="submit"]{ margin-top:-39px; padding-bottom:2px; }
	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		form.search input[type="submit"]{ padding:3px 12px 10px 12px; }	
	}
	
	@-moz-document url-prefix() {
		form.search input[type="submit"]{ padding:5px 10px 6px 10px; }	
	}
	
	.categories.alt{ background:none; text-align:left; margin:30px 0 30px 35px; }
		.categories.alt li{ display:block; border-left:none; border-top:1px solid #333; padding-left:0; padding-top:10px; margin-bottom:10px; }
		.categories.alt li:first-child{ border-top:none; padding-top:0; }
			.categories.alt li a:hover{ background:none; color:#333; text-decoration:underline; }
	
	p.text-widget{ margin:30px 0 30px 35px; }
	
	.gallery{ list-style:none; margin-top:30px; text-align:center; }
		.gallery li{ display:inline-block; margin:0 5px 10px 5px; }
	
/* Blog-inner
-------------------------------------------------------------------------------------------------*/

	form.search.alt{ margin-top:65px; }
	
	.image{ display:block; width:100%; margin:35px 0 30px 0; }
	
	.testimonial.alt-2 blockquote{ background:none; margin:0; padding:0; }
		.testimonial.alt-2 blockquote h3{ color:#878787; font-style:italic; line-height:25px; font-weight:300; }
		
	.comment{ margin:20px 0 35px 60px; }
		.comment img{ float:left; margin-top:10px; }
		.comment h5{ font-weight:bold; margin-left:100px; }
		.comment p{ margin-left:100px; }
		.comment a{ color:#333; }
	
	.comment.first{ margin-left:15px; }
	
	.comment-form{ margin:30px 0 45px 0; }
		.comment-form input[type="text"]{ border:1px solid #333; border-radius:0; color:#555; font-size:12px; font-family:'Open Sans', Arial, sans-serif; margin:0 30px 15px 0; padding:4px 10px; box-shadow:none; }
		.comment-form textarea{ border:1px solid #333; border-radius:0; color:#555; font-size:12px; font-family:'Open Sans', Arial, sans-serif; resize:none; width:405px; box-shadow:none; }
		.comment-form input[type="submit"],
		.comment-form input[type="reset"]{ font-size:14px; font-family:'Open Sans', Arial, sans-serif; color:#fff; background-color:#f11d1d; border:none; float:right; margin:5px 0 0 15px; padding:2px 10px; cursor:pointer; }


/* Contact
-------------------------------------------------------------------------------------------------*/

	.map{ width:100%; height:1025px; margin-bottom:-50px; }
	
	.contact-hexagon{ position:relative; float:right; margin-top:-650px; }
		.contact-hexagon .hexagon-top{ border-left:230px solid transparent; border-right:230px solid transparent; border-bottom:130px solid #333333; width:0; position:absolute; top:-130px; right:0; }
		.ie7 .contact-hexagon .hexagon-top{ position:absolute; top:-150px; }
		.ie7 .contact-hexagon .hexagon-bottom{ position:absolute; bottom:-150px; }
		.ie7 .contact-hexagon .hexagon-middle{ min-height:300px; }
		.contact-hexagon .hexagon-bottom{ border-left:230px solid transparent; border-right:230px solid transparent; border-top:130px solid #333333; width:0; position:absolute; bottom:-130px; right:0; }
		.contact-hexagon .hexagon-middle{ width:230px; background-color:#333333; padding:20px 0; float:left; min-height:290px; border-right:1px solid #414141; }
		.contact-hexagon .hexagon-middle.alt{ border-right:none; }
			.contact-hexagon .hexagon-middle h3{ color:#fff; text-align:center; }
			.contact-hexagon .hexagon-middle .contact{ list-style:none; color:#fff; margin-bottom:0; margin-left:45px; }
				.contact-hexagon .hexagon-middle .contact li{ margin-top:15px; }
				.contact-hexagon .hexagon-middle .contact li:first-child{ margin-top:0; }
					.contact-hexagon .hexagon-middle .contact li.address{ background:url(http://www.dynamiccontractservices.com/images/interface/icon-home-1.png) no-repeat top left; padding-left:30px; }
					.contact-hexagon .hexagon-middle .contact li.email{ background:url(http://www.dynamiccontractservices.com/images/interface/icon-email-1.png) no-repeat center left; padding-left:30px; }
					.contact-hexagon .hexagon-middle .contact li.phone{ background:url(http://www.dynamiccontractservices.com/images/interface/icon-phone-1.png) no-repeat center left; padding-left:30px; }

	.comment-form.alt{ margin:0; margin-left:25px; }
		.comment-form.alt input[type="text"]{ background-color:#414141; color:#fff; width:150px; display:block; }
		.comment-form.alt textarea{ width:150px; background-color:#414141; color:#fff; }
		.comment-form.alt input[type="submit"],
		.comment-form.alt input[type="reset"]{ float:left; font-size:12px; padding:0 5px; margin:0 10px 0 3px; }
		

/* #Media Queries
==================================================================================================== */

	/* #Smaller then 1024px wide screen resolution */
	
	@media only screen and (max-width: 1024px) {
		
		body{  }
		
		#wrap{ width:auto; margin:0; -webkit-box-shadow:none;  -moz-box-shadow:none;  box-shadow:none; }

			#header{  }
			
			#footer{  }
		
	}


	/* #Tablet (Portrait) - designed for 705px width grid */
	
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		#wrap{ width:auto; }
		
			#header{  }
			
				.selectnav{ display: block; }
				#dropdown-menu{ display: none; }
				
			#content{}
			
			
			#footer{}
				
				#footer input[type="text"]{ width:135px; }
				#footer .about img{ display:none; }
				#footer .about p{ margin-left:0; }
	
	/* Index
	-------------------------------------------------------------------------------------------------*/
	
		.flexslider.index .flex-control-nav{ position:absolute; bottom:20px; right:0; left:0; width:auto; }
			.flexslider.index .flex-control-paging li a{ width:12px; height:12px; margin-right:5px; }
		
		.services .hexagon{ position:absolute; top:26px; left:20px; }
			.services .hexagon .hexagon-top{ border-left:62px solid transparent; border-right:62px solid transparent; border-bottom:35px solid rgba(255,255,255,0.7); }
			.services .hexagon .hexagon-bottom{ border-left:62px solid transparent; border-right:62px solid transparent; border-top:35px solid rgba(255,255,255,0.7); }
			.services .hexagon .hexagon-middle{ width:124px; padding:18px 0; }
		
		.testimonial blockquote p{ min-height:120px; }
		
	/* About
	-------------------------------------------------------------------------------------------------*/
		
		.team-member .social-media{ top:120px; }
		.team-member:hover .social-media{ top:100px; }
		
	/* Services
	-------------------------------------------------------------------------------------------------*/
		
		.services-details p{width:500px; margin-top:20px; }
		.services-details .hexagon{ margin:0; margin-right:20px; }
		.services-details .hexagon.alt{ margin:0 20px 20px 0; }
			.services-details .hexagon.alt .hexagon-top{ border-bottom:30px solid #f11d1d; }
			.services-details .hexagon.alt .hexagon-bottom{ border-top:30px solid #f11d1d; }
		.services-details h1{ display:none; }
		
	/* Services-inner
	-------------------------------------------------------------------------------------------------*/
	
		.hexagon .hexagon-top{ border-left:50px solid transparent; border-right:50px solid transparent; border-bottom:30px solid #333333; width:0; }
			.hexagon .hexagon-bottom{ border-left:50px solid transparent; border-right:50px solid transparent; border-top:30px solid #333333; width:0; }
			.hexagon .hexagon-middle{ width:100px; background-color:#333333; padding:10px 0; }
		
		.hexagon.alt-3{ position:absolute; bottom:-60px; left:15px; }
		.hexagon.alt-4 .hexagon-top{ border-bottom:30px solid #f11d1d; }
		.hexagon.alt-4 .hexagon-bottom{ border-top:30px solid #f11d1d;  }
		
	/* Portfolio
	-------------------------------------------------------------------------------------------------*/
		
		.portfolio.alt-2 > img{ height:240px; }
		.portfolio-hover p{ display:none; }
			.portfolio-hover .portfolio-hover-bottom{ border-left:116px solid transparent; border-right:116px solid transparent; border-top:50px solid rgba(0,0,0,0.5); bottom:-50px; }
			.portfolio-hover .portfolio-hover-bottom.alt-2{ border-left:83px solid transparent; border-right:83px solid transparent; }
			
	/* Portfolio-inner
	-------------------------------------------------------------------------------------------------*/
		
		.portfolio.alt-2 > img{ width:100%; }
		.portfolio-hover-bottom.alt{ border-left:173px solid transparent; border-right:173px solid transparent; }
		
		
	/* Blog
	-------------------------------------------------------------------------------------------------*/
	
		form.search input[type="text"]{ width:119px; }
		
		.blog-post p{ margin-left:20px; }
		.blog-post p.last{ margin-bottom:25px; }
		
	/* Blog-inner
	-------------------------------------------------------------------------------------------------*/
		
		.comment-form textarea{ width:500px; }

					
	}
	
	/* #Mobile (Portrait) - designed for 280px width */
	
	@media only screen and (max-width: 767px) {
	
		#wrap{ width:auto; }
			
			#header{ padding-bottom:20px;  }

				#logo{ display:block; text-align:center; padding-bottom:20px; }
					#logo img{ margin:0 auto; }
					
				.page-header .hexagon{ top:53%; }
				
				.selectnav{ display: block;}
				#dropdown-menu{ display: none; }
			
			#content{  }
				
				.page-header .hexagon{ margin-left:0; }
			
			#footer{}
				
				#footer h5.headline{ margin-right:0; }
				
				#footer .social-media li{ margin-left:25px; }
					#footer .social-media li .hexagon{ margin:0; }

		p.last, h1.last, h2.last, h3.last, h4.last, h5.last, address.last, ul.last, ol.last, .extra-info.last{ margin-bottom:20px; }
		.text-right{ text-align:left; }
		
	/* Index
	-------------------------------------------------------------------------------------------------*/
	
		.flexslider.index .slides li .slidetext{ display:block; top:330px; }
			.flexslider.index .slides li .slidetext h1{ width:280px; font-size:28px; line-height:35px; }
			.flexslider.index .flex-control-nav{ position:absolute; bottom:20px; right:0; left:0; width:auto; }
			.flexslider.index .flex-control-paging li a{ width:12px; height:12px; margin-right:5px; }
			
		.services{ margin:10px 0; }
		
		.services .hexagon{ position:absolute; top:37px; left:30px; margin-left:0; }
			.services .hexagon .hexagon-top{ border-left:110px solid transparent; border-right:110px solid transparent; border-bottom:62px solid rgba(255,255,255,0.7); }
			.services .hexagon .hexagon-bottom{ border-left:110px solid transparent; border-right:110px solid transparent; border-top:62px solid rgba(255,255,255,0.7); }
			.services .hexagon .hexagon-middle{ width:220px; padding:40px 0; }
			
		.testimonial blockquote p{ min-height:430px; }
		
		.portfolio-row{ margin:0 auto; width:280px; }
			.portfolio-row .portfolio{ float:none; width:280px; height:auto; }
				.portfolio-row .portfolio > a img{ width:100%; display:block; border:none !important; }
		
	/* About
	-------------------------------------------------------------------------------------------------*/
		
		.team-member{ margin:20px 0; }		
			.team-member .social-media{ top:220px; }
			.team-member:hover .social-media{ top:180px; }
		
		.social-media li .hexagon{ margin:0; }
			
	/* Services
	-------------------------------------------------------------------------------------------------*/
		
		.services-details p{ margin:20px 0; width:auto; }
		
		.services-details .hexagon.alt{ margin:0; margin-left:70px; }

		.services-details h1{ display:none; }
		
		.portfolio .hexagon{ margin-left:0; }
		
	/* Services-inner
	-------------------------------------------------------------------------------------------------*/
		
		.hexagon{ margin:0 0 20px 70px; }
		.hexagon.alt-3{ position:absolute; top:25%; left:40%; }
		
		.services.alt{ margin-top:30px; }
			.services.alt h5{ margin-bottom:15px; }
			
		.portfolio-row.alt{ margin:0 auto; }
			
	/* Portfolio
	-------------------------------------------------------------------------------------------------*/
	
		.categories{ background:none; text-align:left; margin:30px 0; }
			.categories li{ margin:10px 20px 10px 0; border:none; }
		
		.portfolio-hover .portfolio-hover-bottom{ border-left:140px solid transparent; border-right:140px solid transparent; border-top:50px solid rgba(0,0,0,0.5); bottom:-50px; }
		.portfolio-hover .portfolio-hover-bottom.alt-2{ border-left:140px solid transparent; border-right:140px solid transparent; }
		
		.pagination{ background:none; }
		
	/* Portfolio-inner
	-------------------------------------------------------------------------------------------------*/
		
		.portfolio.alt-2 img{ margin-left:0; }
		.portfolio.alt-2 a img{ margin-left:9%; }
		.testimonial.alt img{ float:none; margin-bottom:10px; }
		.testimonial.alt blockquote{ margin-left:0; }
		
	/* Blog
	-------------------------------------------------------------------------------------------------*/
	
		.blog-post .hexagon{ position:absolute; top:145px; left:40px; }
		.blog-post img{ float:none; width:100%; }
		.blog-post h3,
		.blog-post p{ margin-left:20px; }
			.blog-post p a.button-red{ float:none; margin-top:10px; }
			
	/* Blog-inner
	-------------------------------------------------------------------------------------------------*/
		
		.comment-form input[type="text"],
		.comment-form textarea{ width:250px; }
		.comment-form input[type="submit"]{ margin-right:30px;}
		
		.comment img{ margin-right:20px; }
		.comment h5,
		.comment p{ margin-left:0; }
		.comment,
		.comment.first{ margin-left:0; }
		
	/* Contact
	-------------------------------------------------------------------------------------------------*/
	
		.contact-hexagon .hexagon-top{ border-left:140px solid transparent; border-right:140px solid transparent; border-bottom:80px solid #333333; top:-80px; }
		.contact-hexagon .hexagon-bottom{ border-left:140px solid transparent; border-right:140px solid transparent; border-top:80px solid #333333; bottom:-80px; }
		.contact-hexagon .hexagon-middle{ width:280px; min-height:0; border-right:none; }
		
		.comment-form.alt{ margin-left:40px; }
				
	
	
	}
	
	/* #Mobile (Landscape) - designed for 420px width */
	
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
		#wrap{ width:auto; }
		
			#content{  }
			
				.responsive-img{ max-width:100%; height:auto; display:block; margin:0 auto; }
				
				h2{ text-align:center; }
					
				.page-header .hexagon{ margin-left:0; }
			
			#footer{}
				
					#footer .social-media li{ margin-left:15px; }
		
		
	/* Index
	-------------------------------------------------------------------------------------------------*/
	
		.flexslider.index .slides li .slidetext h1{ width:350px; }
		
		.services img{ width:auto; margin:0 auto; }
		.services .hexagon{ position:absolute; top:25px; left:120px; }
			.services .hexagon .hexagon-top{ border-left:90px solid transparent; border-right:90px solid transparent; border-bottom:50px solid rgba(255,255,255,0.7); }
			.services .hexagon .hexagon-bottom{ border-left:90px solid transparent; border-right:90px solid transparent; border-top:50px solid rgba(255,255,255,0.7); }
			.services .hexagon .hexagon-middle{ width:180px; padding:30px 0; }
	
		.testimonial blockquote p{ min-height:250px; }
		
	/* About
	-------------------------------------------------------------------------------------------------*/
			
		.team-member .social-media{ top:350px; }
		.team-member:hover .social-media{ top:300px; }
		
	/* Services-inner
	-------------------------------------------------------------------------------------------------*/
	
		.services-details .hexagon.alt{ margin-left:150px; }
		
	/* Services-inner
	-------------------------------------------------------------------------------------------------*/
		
		.hexagon{ margin-left:150px; }
		.hexagon.alt-2{ margin-left:100px; }
		.hexagon.alt-3{ position:absolute; top:25%; left:-10%; }
		
	/* Portfolio
	-------------------------------------------------------------------------------------------------*/
		
		.categories li{ margin-right:10px; }
		
		.portfolio.alt-2{ margin-left:15%; }
		.portfolio-hover .portfolio-hover-bottom{ border-left:157px solid transparent; border-right:157px solid transparent; }
		.portfolio-hover .portfolio-hover-bottom.alt-2{ border-left:210px solid transparent; border-right:210px solid transparent; }
		
	/* Portfolio-inner
	-------------------------------------------------------------------------------------------------*/
		
		.portfolio-hover-bottom.alt{ border-left:210px solid transparent; border-right:210px solid transparent; }
		
	/* Blog
	-------------------------------------------------------------------------------------------------*/
		
		.blog-post p a.button-red{ margin-top:0; float:right; }
		
	/* Blog-inner
	-------------------------------------------------------------------------------------------------*/
	
		.comment-form textarea{ width:390px; }
		.comment-form input[type="submit"]{ margin-right:10px;}
		
	/* Contact
	-------------------------------------------------------------------------------------------------*/
	
		.contact-hexagon .hexagon-top,
		.contact-hexagon .hexagon-bottom{ right:140px; }
		
	}