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

@font-face {
    font-family: 'open_sanslight';
    src: url('../../../fonts/OpenSans-Light-webfont.eot');
    src: url('../../../fonts/OpenSans-Light-webfont.eot#iefix') format('embedded-opentype'),
         url('../../../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../../../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../../../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight_italic';
    src: url('../../../fonts/OpenSans-LightItalic-webfont.eot');
    src: url('../../../fonts/OpenSans-LightItalic-webfont.eot#iefix') format('embedded-opentype'),
         url('../../../fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('../../../fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('../../../fonts/OpenSans-LightItalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('../../../fonts/OpenSans-Bold-webfont.eot');
    src: url('../../../fonts/OpenSans-Bold-webfont.eot#iefix') format('embedded-opentype'),
         url('../../../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../../../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../../../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold_italic';
    src: url('../../../fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('../../../fonts/OpenSans-BoldItalic-webfont.eot#iefix') format('embedded-opentype'),
         url('../../../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../../../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../../../fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
margin:0;
padding:0;
}

body {
background-image:url("../../../images/background-image3.jpg");
background-position:center top;
background-repeat:no-repeat;
background-color:#000;
font-family:'open_sanslight', Helvetica, Arial, sans-serif;
margin:0;
padding:0;
width:100%;
overflow-x:hidden;
}

a{
outline:0;
border:none;
}

.green{
	color:#9FCC3B;
}

#outer {

background-position:center top;
background-repeat:no-repeat;
float:left;
padding:0 0 30px 0;
width:100%;
}

/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#outer {
		background-image:none;
	}
}

#wrap {
margin:0 auto;
width:916px;
}

#top {
float:left;
height:135px;
width:916px;
}

#top h2 {
background-image:url("../../../templates/crimsonfox/css/images/logo-reversed2.gif");
background-repeat:no-repeat;
float:left;
height:100px;
margin:20px 0 0;
text-indent:-9999px;
width:226px;
}

.dna-logo {
background-image:url("../../../images/new-logo.png");
background-repeat:no-repeat;
background-size:100%;
float:left;
height:76px;
margin:65px 0 0;
text-indent:-9999px;
width:187px;
}

#top h3 {
color:#fff;
font-size:38px;
font-weight:normal;
margin:20px 0 10px;
padding:10px 0 0 0;
float:right;
}

.dna-phone-number {
background:url('../../../images/phone-icon.png') left bottom no-repeat;
color:#fff;
font-family:'open_sansbold';
font-size:28px;
font-weight:normal;
margin:55px 0 7px 0;
padding:10px 0 0 40px;
float:right;
display:block;
height:31px;
}


#top ul {
float:right;
list-style:none outside none;
margin:0px 0 0;
padding:0;
}

#top li {
float:left;
margin:0 0 0 15px;
padding:8px 0 0;
}

#top li a {
border-bottom:none;
color:#b3b3b3;
font-size:15px;
padding:30px 0 5px 0;
text-decoration:none;
}

#top li a:hover{
border-bottom:3px solid #9FCC3B;
}

#top .selected a {
color:#fff;
}

#imagery {
float:left;
margin:30px 0 0;
width:916px;
}

#imagery img{
width: 916px;
}

#midsection, #midsection ul {
list-style:none outside none;
margin:0;
padding:0;
}

#sublist {
float:left;
height:95px;
list-style:none outside none;
padding:0;
margin:37px 0 0 0;
width:100%;
}

#sublist li {
float:left;
list-style:none outside none;
margin:0 37px 0 0;
padding:0;
}

#projectbtn{
	margin-right:0px !important;
}

#sublist li a {
background:#2B2B2B;
color:#fff;
float:left;
height:62px;
list-style:none outside none;
margin:0;
padding:33px 0 0 0;
width:280px;
text-align:center;
text-decoration:none;
font-size:20px;
	border-bottom:1px #8BC53F solid;
}

#sublist li a:hover {
background:#492F91;
text-shadow:#fff 0px 0px 5px;
	border-bottom:1px #fff solid;
}

#content {
float:left;
width:916px;
margin-top:40px;
}

#textarea {
float:left;
padding:0;
width:600px;
}


h1{
	color:#fff;
	font-size:34px;
	font-weight:normal;
}

#textarea h1, #sidebar h1 {
color:#fff;
font-size:34px;
font-weight:normal;
}


#textarea h2, #sidebar h2 {
color:#fff;
font-size:24px;
font-weight:normal;
}

#textarea h3, #sidebar h3 {
color:#fff;
font-size:16px;
font-weight:bold;
}

#textarea p, #sidebar p {
color:#b6b6b6;
font-size:14px;
}

#textarea a, #sidebar a {
text-decoration:none;
color:#fff;
}

#textarea a:hover, #sidebar a:hover{
	color:#8BC53F;
}

#textarea li {
color:#B6B6B6;
font-size:14px;
margin-bottom:10px;
}

#sidebar {
float:right;
width:280px;
}

#sidebar form {
background-color:#d5d5d5;
padding:15px 10px 10px 15px;
wid
th:265px;
}
#sidebar input {
color:#bbbbbb;
font-family:Helvetica,Arial,sans-serif;
font-size:14px;
margin:0 0 10px;
width:244px;
}

#textarea input {
color:#b6ad94;
font-family:Helvetica,Arial,sans-serif;
font-size:14px;
margin:0 0 10px;
width:244px;
border:none;
}

#textarea textarea{
border:none;
}

#textarea #submit {
width:252px;
}


#footer {
float:left;
margin:40px 0;
width:916px;
border-top:#2b2b2b 1px solid;
}


a:hover, a:active, a:focus {
outline:none;
}

#gallery a{
float:left;
padding:0 10px 10px 0;
}

.readmore a{
color:#B2A4BE;
}

.readmore a:hover{
color:#000;
}

#invisible-gallery{
text-indent:-9999999px;
height:1px;
}

#process-bg{
	background-image:url("../../../images/process-bg.png");
	background-repeat:no-repeat;
	width:580px;
	height:1039px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	font-size:13px;
}

#process-bg p{
	color:#fff;
}

#process-one{
	width:205px;
	position:absolute;
	top:50px;
	left:85px;
}

#process-two{
	width:256px;
	position:absolute;
	top:150px;
	left:290px;
}

#process-three{
	width:290px;
	position:absolute;
	top:300px;
	left:35px;
}

#process-four{
	width:190px;
	position:absolute;
	top:440px;
	left:335px;
}

#process-five{
	width:256px;
	position:absolute;
	top:530px;
	left:50px;
}

#process-six{
	width:230px;
	position:absolute;
	top:660px;
	left:310px;
}

#process-seven{
	width:256px;
	position:absolute;
	top:750px;
	left:30px;
}

#process-eight{
	width:256px;
	position:absolute;
	top:850px;
	left:290px;
}

#process-nine{
	width:170px;
	position:absolute;
	top:945px;
	left:50px;
}

#footer .joomla-nav{
	float:right;
	width:100%;
	list-style:none;
	padding:0;
	margin-top:40px;
}

#footer .joomla-nav li a{
	color:#666;
	text-decoration:none;
	font-size:.8em;
	float:left;
}

#footer .joomla-nav li a:hover{
	color:#fff;
}

.pagination ul{
	list-style:none;
	padding:0;
}

.pagination ul li{
	float:left;
	margin:0 5px;
}

.grey-btn{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
	margin-right:30px;
}

.grey-btn:hover{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);
}

.social{
	display:block;
	width:50px;
	height:39px;
	background-position:0 -50px;
	background-repeat:no-repeat;
	float:right;
	margin-left:20px;
	text-decoration:none;
	color:#fff;
	font-family: 'open_sansbold';
	font-size:20px;
	text-align:center;
	padding-top:10px;
	font-weight:normal;
}

.social:hover{
	background-position:0 0;
}

.facebook{
	background-image:url('../../../images/facebook.png');
}

.twitter{
	background-image:url('../../../images/twitter.png');
}

.womo{
	background-image:url('../../../images/womo.png');
}

.contact-form{
	width:265px;
}

.contact-form input, .contact-form textarea, #textarea input, #textarea textarea {
color:#000 !important;
font-size:14px;
margin:0 0 10px;
	padding:10px;
width:244px;
background:#ccc;
}

.contact-form input[type=submit], #textarea input[type=submit]{
	background-color:#8BC53F;
	cursor:pointer;
	font-weight:bold;
	padding:10px;
	width:265px;
}

.contact-form input[type=submit]:hover, #textarea input[type=submit]:hover{
	background-color:#492F91;
	color:#fff !important;
}

.contact-form button:hover, #textarea button:hover{
	background-color:#492F91;
	color:#fff !important;
}

.contact-form button, #textarea button{
	background-color:#8BC53F;
	cursor:pointer;
	font-weight:bold;
	padding:10px;
	width:265px;
	border:none;
    color: #000000 !important;
    font-size: 14px;
    margin: 0 0 10px;
	font-family: Helvetica,Arial,sans-serif;
}

.createsend-button{
	width:280px
	height:122px;
}


/*
playback timings (ms):
  captures_list: 0.516
  exclusion.robots: 0.017
  exclusion.robots.policy: 0.009
  esindex: 0.01
  cdx.remote: 19.345
  LoadShardBlock: 78.845 (3)
  PetaboxLoader3.datanode: 70.901 (5)
  PetaboxLoader3.resolve: 192.485 (3)
  load_resource: 247.347 (2)
*/