article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, section {display: block; overflow:hidden;}
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0px; font-size: 12px; line-height: 1.5; }
body{ background-image:url(../img/texture.png); background-repeat:repeat; }
body, button, input, select, textarea { font-family: "Lucida Grande", sans-serif; }
::-moz-selection { background: #3c4966; color: #fdfbf5; text-shadow: none;  }
::selection { background: #3c4966; color: #fdfbf5; text-shadow: none; }	
/* LINKS */
a { color: #fdfbf5; cursor: pointer; }
a:hover { color: #000; 
transition: color 0.2s linear;-moz-transition: color 0.2s linear;-webkit-transition: color 0.2s linear;-o-transition: color 0.2s linear;  } 
a:visited { color: ;}
*:hover, *:focus, *:active { outline: 0; outline: none; }
/* TYPO */
abbr[title] { border-bottom: 1px dotted; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
p {margin:0 0 1em; }
pre, code, kbd, samp { font-family: monospace, monospace; _n: 'courier new', monospace; font-size: 1em; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
blockquote { margin: 0 20px 20px 0; padding: 5px 5px 5px 15px; border-left: 1px solid #DDD; font-style: italic; color: #999; }
b, strong, .strong { font-weight: bold; }
small, .small { font-size: 85%; }
address{font-style: normal;}
.more a { color: #000; }
/* LIST */
dd { margin: 0 0 0 40px; }
ul, ol, menu { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* EMBEDDED CONTENT */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
/* FORM */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* TABLE */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


h1, h2, h3, h4, h5, h6 { margin: 0 0 1em;   font-family: 'Times New Roman';}
h1 { font-size: 40px; letter-spacing: 0.0em; text-transform: uppercase; line-height: 1.1; color: #282828; margin: 0 0 30px; font-weight: normal; text-shadow: 1px 1px #fff;}
h2 { font-size: 30px; margin: 0 0 20px; letter-spacing: -0.05em; color: #282828; line-height: 1; text-shadow: 1px 1px #fff}
h3 { font-size: 21px; text-shadow: 1px 1px #fff}
h4 { font-size: 18px; text-shadow: 1px 1px #fff; margin-bottom: 0;}
h5 { font-size: 15px; margin: 0; color: #282828; }
h6 { font-size: 12px; margin-bottom: 2px; }
body { width: 100%; min-width: 916px; overflow: hidden; background-color:#fff; }
.center { margin-left: auto; margin-right: auto; display: block; clear: both; overflow: hidden; width: 916px; }
.main {background-image:url(../img/bg.png); background-repeat:repeat-y; }
.columnthird a:hover{ color:#000000; } 
.columnthird a {color: #7d7d7d; }/*this edits the back to top on services*/
.columnthird {}
.column4 { width: 19.6993865%; overflow: hidden; float: left; display: block; height: 100%; }
.column3 { width: 28.2883436%; overflow: hidden; float: left; display: block; height: 100%; }
.column2 { width: 42.4662577%; overflow: hidden; float: left; display: block; height: 100%; }
.column2 h3:hover { color:#1f4797; }
.columnthird { width: 68.2331288%; min-width: 580px; overflow: hidden; float: left; display: block; height: 100%; padding-top: 0px;}
.mleft { margin-left: 4.06748466% }
.mright { margin-right: 4.06748466% }
.column4in { width: 29.5785124%; overflow: hidden; float: left; display: block; height: 100%; }
.column3in { width: 41.1487603%; overflow: hidden; float: left; display: block; height: 100%; }
.column2in { width: 64.2892562%; overflow: hidden; float: left; display: block; height: 100%; }
.mbottom { margin-bottom: 30px }
.mr { margin-right: 10px }
.mb { margin-bottom: 10px }
.fright, .fleft { display: block; overflow: hidden; }
.fright { float: right; }
.fleft { float: left; }
.bottoms { width: 397px; height: 133px; margin-bottom: -20px; padding: 5px; margin-left: 26px; }


/* HEADER */
.nav {	margin-right: 0px; 
		padding: 11px 30px 30px 18px;  
}
header#navtop { margin-bottom: -1px; 
		background: url(../img/header.png) no-repeat;
}
.logo { margin: 10px 18px; 
}
header nav { margin-top: 100px;
}
header nav ul { float: left; 
		overflow: hidden; 
		padding: 0 21px 9px 11px; 
		line-height: 20px; 
}
.crumbs { color:#838383;
		margin-bottom:0px; 
		padding-left: 20px;
}
nav a { text-decoration: none; 
		color: #ffffff; 	
		font-size: 15px; 
}
.nav a:hover {color: #b5b5b5
}
.navactive { color: #9ffcd8;
}
.head {text-align: right; 
		margin: 20px -10px 20px 0; 
		padding: 0px 15px 0 0;
}
.head2 { border-left: 2px #fff groove; 
		margin: 20px 0px 20px 0; 
		padding: 0px 0px 20px 10px; 
		width:360px; 
}
.head2 img { margin: 10px 0 0 30px;  
}

/* -----ABOUT----- */
menu p {padding: 0 11px; 
		color: #fff; 
		font-size: 17px; 
		line-height: 25px;
}
menu { padding: 1px; 
		margin: 1px;
}
.about { border-right: 2px #fff groove;
		 height: 295px; 
		 margin-left:3px; 
		 margin-bottom: 10px; 
}
.about p { padding: 10px; 
}
ul.bio { padding-left: 2px;
}
.bio h3 { text-decoration: none;
		color:#000; 
		padding-left:5px; 
		padding-top: 6px; 
		font-size: 17px; 
		margin-bottom: -5px;
}
.bio a { text-decoration: none;
}
.bio h3:hover { color: #1f4797; 
}
.bio h6 { font-size: 13px; 
		margin-left: 6px; 
		color: #565656; 
}
.info { margin-top: -20px; }		
							
/* /\/\/\/\/\/\/\\/\/\ Throw on a webkit transistion here!!/\\/\/\/\/\/\\/\/\\/ */
.contain_about { width: 800px; 
}
.question { cursor:pointer; 
		display:block;  
}
.question { float:left; 
}
.answer{ display:none;
		 width:490px; 
		 padding: 2 0 5 0; 
		 padding-left:15px;  
		 float: right; 
}
.open {display: block;
}

/* -----SERVICES----- */
.services a:hover{ color:#1f4797;
}
.services a {color:#000000; 
		padding-right: 10px; 
		font-size: 16px; /*edits the service menu list*/
		text-decoration: none
}
.services { padding-bottom: 55px; 
		margin: 15px 25px 0 10px; 
		width: 235px; 
		height: 230px; 
		border-right: 2px groove #fff;
}
.services ul { padding-left: 15px; 
		line-height: 25px;  
}
.services h2 {color: #fff;
}
.services p { padding-right: 30px; 
}
.list p  { padding-right: 40px; 
}


/* -----PARTNERS----- */
.partner { background-image: url(../img/box_column3.png); 
		background-repeat: no-repeat; 
		height: 150px; width:265px;
}
.add_partners { border-left:  2px #fff groove;  
		margin-bottom:20px; 
		padding-left: 20px; 
		margin-left: -20px;
}
.clients-logos{
	display: block;
	margin-bottom: 54px;
}
.clients-logos li{
	display: block;
	width: 170px;
	float: left;
	margin: .5px;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.1); 
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,.1); 
	-o-box-shadow: 0px 0px 2px rgba(0,0,0,.1);
	box-shadow: 0px 0px 2px rgba(0,0,0,.1);
}
.clients-logos li a{
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	border: #e3e3e3 solid 1px;
}
.clients-logos li a img{
	max-width: 100%;
	opacity: 0.5;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.clients-logos li a:hover img{
	opacity: 1;
}


/* ------CONTACT ------ */
.contact { margin-top: -28px;
 		background-repeat: no-repeat; 
 }
.contact a { color:#000; 
		text-decoration: none
}
.contact a:hover { color: #c2c2c2 
}
.contact_form { padding: 0 20px 30px 20px;
		 margin-top: 10px; 	
		 margin-right: 10px; 
}
.side_contact { background-repeat: no-repeat; 
		height: 304px;
		width:322px; 
		padding: 20px; 
		margin-right: 10px; 
}
.side_contact a { color: #000;
		 text-decoration: none;
}
.side_contact a:hover { color: #c2c2c2; 
}
		/* FORM */
	form { 
		margin-top: 30px 
	}
    form label, .contact_ie9 label { 
   	 	display: block; 
   	 	margin-bottom: 10px; 
   	 	font-weight: bold; 
   	}
    form ul li, .contact_ie9 li { 
    	margin-bottom: 10px 
    }
    form input, form textarea, .contact_ie9 input, .contact_ie9 textarea { 
	    width: 85%; 
	    height: 25px; 
	    line-height: 25px; 
	    padding: 5px; 
	    border:2px #fff groove; 
	    color: #999; 
	}
    form input, .contact_ie9 input { 
    	padding-right: 20px
    }
    form textarea, .contact_ie9 textarea { 
    	height: 100px; 
    	width: 100%; 
    }
    form button#submit, .contact_ie9 #submit { 
    	line-height: 18px 
    }

/* FOOTER */
#wrapper {background: transparent;
}
footer.part { background-image: url(../img/footer.png); 
		background-repeat: no-repeat;
		margin-bottom: -10px;
		padding:80px 0 20px 0px; 
		border: none; 
		color: #fcfcfc; 
}
footer nav ul { float: right; 
		overflow: hidden; 
		padding-right: 120px;
		font-size: 12px;
}
footer a {text-decoration: none;
		color: #fcfcfc; 
		font-size: 12px;
}
footer a:hover {text-decoration: none;
		color: #cfcfcf;
}
footer li { float: left; 
		margin-right: 10px; 
		padding-right: 15px;
		font-size: 11px; 
}
footer li:last-child { margin-right: 0; 
		padding-right: 10px; 
		border-right: none; 
}
.up .ir { display: block; 
		background: url(../img/up.png) no-repeat center; 
		width: 25px;
		height: 18px; 
		text-align: center; 
		margin: 0 auto; 
}
/*---------*/
.detail { margin-top: 20px; width:550px; padding-top: 10px; border-top: 2px solid #DDD; }
.services .detail:first-child { margin-top: 0 }
/* WORKS */
.work { width: 222px; overflow: hidden; float: left; display: block; height: 100%; margin-right: 30px; border-top: 1px solid #DDD; padding-top: 10px; }
    .work  { position: relative }
        .work > a { display: block; width: 222px; height: 137px; overflow: hidden; }
        .work img { max-width: 100%; height: auto; width: auto; }
    .work .zoom { display: block; position: absolute; top: 10px; left: 0; background: url(../img/zoom.png) no-repeat center; width: 222px; height: 137px; }
    .works figcaption, .work figcaption { margin-top: 10px; padding: 0 5px; white-space: nowrap; }
        .works figcaption a, .work figcaption a { margin: 0 0 2px; color: #555; font-weight: bold; }
        .works figcaption p, .work figcaption p { margin: 0; }
.main .work:last-child { margin-right: 0; }
.main { margin-top: -30px;}
.works .content .work:nth-child(3n) { margin-right: 0 }
.works .content .work { margin-bottom: 40px; position: relative; }
.works menu a { cursor: pointer }
.buttonactive { font-weight: bold; color: #777 }
/* Work SINGLE */
.singlework figure {margin-bottom: 30px;}
.singlework figure figcaption {
	 	 text-align: center}
.singlework img {
	 max-width: 100%; height: auto; width: auto; display: block; margin: 0 auto}

/*toggle*/
.toggle-view li { margin-bottom: 10px; position: relative; cursor: pointer; overflow: hidden; }
.toggle { padding: 7px 8px 7px 30px; margin: 0; border: 1px solid #ddd; text-shadow: 0 1px 0 #fff; background: #F3F3F3; background: -moz-linear-gradient(top, #f6f6f6 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#efefef)); background: -webkit-linear-gradient(top, #f6f6f6 0%,#efefef 100%); background: -o-linear-gradient(top, #f6f6f6 0%,#efefef 100%); background: -ms-linear-gradient(top, #f6f6f6 0%,#efefef 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#efefef',GradientType=0 ); background: linear-gradient(top, #f6f6f6 0%,#efefef 100%); }
.toggle:hover { border-color: #BBB }
.tactive { color: #333; border-color: #CCC; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.t { display: none; padding: 10px; }
/*tabs*/
.tab_wrap { width: 306px }
.tabs { float: left; height: 30px; }
    .tabs li { float: left; margin: 0 5px 0 0; padding: 0; line-height: 30px; overflow: hidden; position: relative; background: #EAEAEA; }
        .tabs li a { text-decoration: none; color: #666; display: block; padding: 0 20px; }
        .tabs li a:hover { background: #FFF }
    .tabs li.active { background: #f5F5F5 }
.tab_container { overflow: hidden; clear: both; float: left; width: 100%; }
.tab_content { padding: 10px }
#tab2, #tab3 { display: none }
/*---------*/
.warning { display: block; line-height: 30px; background: #F3F3F3; border: 1px solid #DDD; text-align: center; padding: 10px; margin: 20px 5px; }
/*html5/css3*/
input:required:valid { background: url(../img/valid.png) no-repeat 98% center }
input:invalid, textarea:invalid { }
input:focus, textarea:focus { outline: none; border: 1px solid #BBB; }
/* validate.js */
label.error { color: #D84A38; margin: 10px 0 0 5px; font-weight: normal; font-style: italic; }
.map { width: 222px; height: auto; overflow: hidden; }
    .map img { max-width: 100%; height: auto; width: auto; }
/*BUTTONS*/
.button { color: #666; font-weight: bold; text-decoration: none; line-height: 30px; padding: 7px 12px; margin: 0 5px 5px 0; text-shadow: 0 1px 0 #fff; border: solid 1px #dcdcdc; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.95) inset; -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.95) inset; box-shadow: 0 1px 1px rgba(255, 255, 255, 0.95) inset; background: #F3F3F3; /* Old browsers */ background: -moz-linear-gradient(top, #f6f6f6 0%, #efefef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#efefef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f6f6f6 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f6f6f6 0%,#efefef 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #f6f6f6 0%,#efefef 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #f6f6f6 0%,#efefef 100%); /* W3C */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.button:focus { color: #333; border-color: #BBB; }
.button:hover { color: #333; border-color: #BBB; -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.95) inset,0 2px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.95) inset,0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(255, 255, 255, 0.95) inset, 0 1px 2px rgba(0, 0, 0, 0.2); }
.button:active { color: #000; background: #F5F5F5; border-color: #444; }

/* --- END STYLE --- */
/* ---------------------------------------- */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* Media Query & Print styles!
/* Style adjustments for viewports 768px and over go here 
@media only screen and (max-width: 768px) { 
    body { min-width: 760px; font-size: 0.7em; }
    .center { width: 750px; }
    h1 { font-size: 38px }
    h2 { font-size: 24px }
    h3 { font-size: 18px }
    h4 { font-size: 14px }
    h5 { font-size: 12px }
    h6 { font-size: 11px }
    .slides_container { width: 363px; height: 225px; }
    .slides_container .slide { width: 363px; height: 225px; }
    .work { width: 170px; margin-right: 23px; }
    .work > a { width: 170px; height: 105px; }
    .work .zoom { width: 170px; height: 105px; }
    .columnthird { min-width: 556px; }
    .map { width: 170px }
    footer li { margin-right: 5px; padding-right: 5px; font-size: 10px; }
    footer li:last-child { margin-right: 0; padding-right: 0; border-right: none; }
}
/* --- Smartphones and small Tablet PCs --- 
@media screen and (max-width:620px) { 
    body { min-width: 610px; font-size: 12px; }
    .center { width: 600px }
    .column2 { width: 100% }
    .columnthird { width: 100% }
    header nav ul:last-child { padding-right: 10px }
    #slides { margin-top: 40px }
    .slides_container { width: 600px; height: 370px; }
    .slides_container .slide { width: 600px; height: 370px; }
    .main .work, .works .work { width: 285px; margin-right: 0; }
    .main .work { margin-right: 0!important }
    .work > a { width: 285px; height: 175px; }
    .work .zoom { width: 285px; height: 175px; }
    aside.column4 { float: none; width: 100%; }
    aside menu { display: none }
    .works .work:nth-child(odd) { margin-right: 30px!important }
    .main .work:nth-child(even) { margin-right: 30px!important }
    .contact .content { border-top: 1px solid #DDD; padding-top: 20px; } 
    .map { display: none }
    footer li { border-right: none; line-height: 2; float: none; margin: 1px; padding: 1px; }
    footer nav li { text-align: right }
    footer li:last-child { margin-right: inherit; padding-right: inherit; }
}
/* target the iPhone4 retina display 
@media only screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { 
    body { min-width: 480px; font-size: 12px; }
    .center { width: 470px }
    .columnthird { width: 100% }
    header#navtop { background-position: 23px 0 }
    header nav ul:last-child { padding-right: 0 }
    #slides { margin-top: 40px }
    .slides_container { width: 470px;height: 290px; }
    .slides_container .slide { width: 470px; xheight: 290px; }
    .main .work, .works .work { width: 220px; margin-right: 0; }
    .main .work { margin-right: 0!important }
    .work > a { width: 220px; height: 130px; }
    .work .zoom { width: 220px; height: 130px; }
    .column3in { width: 50% }
    .column4in { width: 40% }
    .column2in { width: 56% }
}
/* Style adjustments for viewports 480px and over go here 
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) { 
    body { min-width: 480px; font-size: 12px; }
    .center { width: 470px }
    .columnthird { width: 100% }
    header#navtop { background-position: 23px 0 }
    header nav ul:last-child { padding-right: 0 }
    #slides { margin-top: 40px }
    .slides_container { width: 470px; height: 290px; }
    .slides_container .slide { width: 470px;height: 290px; }
    .main .work, .works .work { width: 220px; margin-right: 0; }
    .main .work { margin-right: 0!important }
    .work > a { width: 220px; height: 130px; }
    .work .zoom { width: 220px; height: 130px; }
    .column3in { width: 50% }
    .column4in { width: 40% }
    .column2in { width: 56% }
}
@media print { 
    * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
    pre, blockquote { page-break-inside: avoid }
    thead { display: table-header-group }
    tr, img { page-break-inside: avoid }
    img { max-width: 100% !important }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid }
}
-------------------------------------------------------------------------------*/


/*-----sticky------*/
.floatingHeader {
  position: fixed;
  top: 0;
  visibility: hidden;
}

/* CONTACT FORM  */

textarea{
		overflow:hidden;
		height:50px;
		margin:0;
		}						
	
	/* our comment form */
	
	#contactForm{
		background:url(bg_form.jpg) no-repeat 0 0;
		width:302px;
		height:100%;
		}		
	#contactForm p{
		margin:2px 16px;
		width:250px;
		}	
	#contactForm input, #contactForm textarea{
		border:1px outset #ddd;	
		width:100%;
		font-size: 14px;
		}
	#contactForm button{
		border:none;
		width:45px;
		color: #000;
		height:35px;
		text-align:left;
		overflow:hidden;
		text-indent:-8000px;
		cursor:pointer;
		margin-top:5px;
		}								
	
	/* text field classes */
	#contactForm textarea {
		width: 300px;
	}
	#contactForm .inactive{
		color:#999;
		}	 
	#contactForm .active{
		color:#000;
		}	 		
	#contactForm .focused{
		color:#000;
		background:#e5e5e5;
		}