@import url(//fonts.googleapis.com/css?family=Raleway:600,500,400,700);
/* ========================================= HTML 5 and basics */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,div{display:block;position:relative;padding:0;margin:0;}.left {float:left;}.right {float:right;}.txtl{text-align:left;}.txtc{text-align:center;}.txtr{text-align:right;}.clear{clear:both;}img{border:0;}.clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}.clearfix{min-height:0;display:block;}* html .clearfix{height:1%;}

/* ================================================= Text & Links */
body, td, div, select, textarea, input {
	font: 14px 'Raleway', Arial, Helvetica, sans-serif;
	color: #58595b;
	letter-spacing: 1px;
}
a, div { outline: none; }
a {
	color: #c41230;
	text-decoration: underline;
}
a:hover { text-decoration: none; }
h1, h2, h3, h1 a, h2 a, h3 a, legend {
	color: #c41230;
	font-weight: 600;
}
h1 {
    margin: 0 0 10px;
	font-size: 22px;
}
h2 {
    margin: 0 0 10px;
	font-size: 18px;
}
h3 {
    margin: 0 0 10px;
	font-size: 16px;
}
p {margin:0 0 1em;line-height:1.4em;}
ul,ol{margin:0 0 1em;padding: 0;list-style:none;}
ul li, ol li{line-height:1.4em;margin: 0 0 6px;padding: 0;}
ul li { padding: 0 0 0 10px; background: url('../images/list-bullet.png') no-repeat left 7px; }
li ol, li ul{margin-bottom:0;}
.little{font-size:.8em;}
.col1 {
	width: 49%;
	float:left;
} 
.grey {
	margin: 0 0 0px;
	font-size: 28px;
	color: #aaabad;
	font-weight: 600;
}

/* =================================================== Page Content */
figure.right,figure.left{text-align:center;margin:0;background:#fff; padding: 3px; border: 2px solid #c41230;}
figure.right{margin:0 0 5px 40px;}
figure.left{margin:0 40px 5px 0;}
figure.right img, figure.left img { display: block; }
figcaption{padding:0;margin:5px 0 0 0;font-size:.85em;}
img.right{margin:0 0 5px 15px;}
img.left{margin:0 15px 5px 0;}
#leftcol aside, #rightcol aside{clear:both;padding:1px 20px 10px;}
hr{height:0;margin: 2em 0; border:none;border-top: 2px solid #e5e5e5; clear: both; }

/* ======================================================== Tables  */
.grid{width:100%;border-collapse:collapse;margin:1em 0;}
.grid th, .grid td{padding:10px 15px;}
.grid thead th, .grid tbody th{background:#eee;border:1px solid #ccc;border-bottom:3px solid #999;}
.grid tbody th{background:#eee;border:1px solid #ccc;border-right:2px solid #999;}
.grid td{border:1px dashed #ccc;border-bottom:1px solid #ddd;
	-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;
}
.grid tbody tr{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
.grid tbody tr:hover{-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);}

/* ================================================= Page Structure */
body{margin:0;padding:17px 0 0 0;text-align:left;
	background: #58595b url('../images/body-top-bg.png') repeat-x center top;
}
#pagewidth-holder{
	background: #fff url('../images/body-top-bg.png') repeat-x center top;
	width: 100%;
}
#pagewidth{margin:0 auto;
	width:955px;
}
#wrapper{
    padding: 30px 0 20px;
	clear:both;
}
#leftcol{float:left;z-index: 2;
	width:230px;
	background:#ccc;
}
#maincol{float: left;z-index: 1;
	width: 700px;
	padding:25px 25px 15px;
}

/* ========================================================== Header */
header.heady{z-index: 3;
	height: 169px;
}
header.heady h1 {
    margin: 0;
    padding: 10px 0 0 17px;
    text-align: center;
}

/* ========================================================== Content */
/* ============================== Portfolio */
.portfolio-holder {
    width: 100%;
    clear: both;
    margin: 0 0 20px;
    float: left;
}
.portfolio-holder a {
    display: block;
    margin: 0 18px 18px 0;
    float: left;
    position: relative;
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);-webkit-box-shadow:  0 0 4px 0 rgba(0, 0, 0, 0.4);box-shadow:  0 0 4px 0 rgba(0, 0, 0, 0.4);
}
.home .portfolio-holder { width: 940px; }
.home .portfolio-holder a { margin: 0 0 17px 16px; }
.home .portfolio-holder a.first { margin-left: 0; }
.home .portfolio-holder a.push-right { margin-right: -119px; }
.home .portfolio-holder a.push-bottom { margin-top: 120px; }
.portfolio-holder a:hover:after {
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(255,255,255,0.8) url('../images/icon-plus.png') no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
}
.portfolio-holder a.right {
    float: right;
}
.portfolio-holder a img {
    display: block;
}
.details-holder {
    width: 100%;
    overflow: hidden;
    margin: 0 0 20px;
    padding: 0 0 10px;
    background: url('../images/details-sep-bg.gif') repeat-y 626px top;
}
.details-holder .image-holder {
    width: 596px;
    height: 517px;
    overflow: hidden;
    margin: 0 30px 0 0;
    float: left;
}
.details-holder .description {
    float: right;
    width: 300px;
}
.details-holder .description p {
    font-weight: 500;
}
.details-holder .description p.details {
    color: #c41230;
    font-size: 12px;
    line-height: 1.6em;
}

/* ========================= About */

.our-team-holder {
    width: 100%;
    height: 840px;
    overflow: hidden;
    margin: 0;
}
.our-team-holder.list {
    height: auto;
    text-align: center;
    margin: 40px 0 20px;
}
.our-team-holder .row {
    width: 100%;
    overflow: hidden;
    margin: 0;
}
.our-team-holder figure {
    width: 199px;
    overflow: hidden;
    margin: 0;
    text-align: center;
    float: left;
    position: absolute;
}
.our-team-holder.list figure {
    float: none;
    position: relative;
    display: inline-block;
    margin: 0 0 40px 60px;
}
.our-team-holder .row figure:first-child { margin-left: 0; }

/* CSS For 6 team members on About Frederic Thomas page
.our-team-holder figure.item1 { width: 291px; left: 344px; top: 200px; }
.our-team-holder figure.item2 { left: 161px; top: 26px; }
.our-team-holder figure.item3 { right: 137px; top: 26px; }
.our-team-holder figure.item4 { right: 70px; top: 371px; }
.our-team-holder figure.item5 { left: 90px; top: 371px; }
.our-team-holder figure.item6 { left: 391px; top: 568px; }
*/

.our-team-holder figure.item1 { width: 291px; left: 344px; top: 200px; }
.our-team-holder figure.item2 { left: 90px; top: 76px; }
.our-team-holder figure.item3 { right: 70px; top: 76px; }
.our-team-holder figure.item4 { right: 70px; top: 421px; }
.our-team-holder figure.item5 { left: 90px; top: 421px; }
.our-team-holder figure.item6 { left: 390px; top: 580px; }

.our-team-holder figure a {
    display: block;
    padding: 2px;
    margin: 0 0 11px;
    background: #fff;
    border: 2px solid #fff;
    -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; 
}
.our-team-holder.list figure a { border: 2px solid #f8981d; }
.our-team-holder figure.item1 a { -moz-border-radius: 192px; -webkit-border-radius: 192px; border-radius: 192px; }
.our-team-holder figure a:hover {
    border: 2px solid #f8981d; 
    opacity: 0.65;
}
.our-team-holder figure a img {
    max-width: 100%;
    display: block;
    -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px;
}
.our-team-holder figure.item1 a img { -moz-border-radius: 192px; -webkit-border-radius: 192px; border-radius: 192px; }

.our-team-holder figure figcaption {
    font-size: 12px;
    color: #58595b;
    text-align: center;
}
.our-team-holder figure figcaption strong {
    font-size: 14px;
    color: #c41230;
}

.team-bio-holder {
    width: 100%;
    overflow: hidden;
    margin: 0 0 20px;
}
.team-bio-holder figure {
    padding: 4px;
    background: #fff;
    border: 2px solid #c41230;
    width: 283px; 
    height: 283px;
    -moz-border-radius: 192px; -webkit-border-radius: 192px; border-radius: 192px;
}
.team-bio-holder figure img {
     display: block;
     max-width: 100%;
     -moz-border-radius: 192px; -webkit-border-radius: 192px; border-radius: 192px;
}
.team-bio-holder .description {
     width: 600px;
     margin: 0 0 20px;
     float: left;
}
.team-bio-holder .description h2 {
     font-size: 22px;
}
.team-bio-holder .description h2 span {
     font-size: 16px;
     color: #58595b;
}
a.back {
     background: url('../images/icon-arrow-back.png') no-repeat left center;
     font-size: 18px;
     font-weight: 600;
     color: #f8981d;
     padding: 3px 0 3px 35px;
     text-decoration: none;
     display: inline-block;
}
a.back:hover { text-decoration: underline; }

/* ============================= Our Process */

.our-process-holder {
    width: 100%;
    overflow: hidden;
    margin: 0 0 20px;
    padding: 20px 0 0;
}
.our-process-holder .item {
    width: 100%;
    overflow: hidden;
    padding: 30px 0 0;
    margin: 30px 0 0;
    border-top: 2px solid #e5e5e5;
}
.our-process-holder figure { 
    margin-bottom: 0; 
    width: 435px;
    height: 270px;
    overflow: hidden;
}
.our-process-holder .description {
    width: 450px;
    overflow: hidden;
    float: left;
}
.our-process-holder .description h2 {
    font-size: 22px;
}
.our-process-holder .description h3 {
    font-size: 17px;
    color: #ef941f;
}

/* ========================================================== Footer */
footer.footy {
    clear: both;
    overflow: hidden;
    text-align: center;
    width: 100%;
	background: #58595b;
	padding:15px 0;
}
footer.footy p {
    color: #fff;
    margin: 0 0 10px;
}
footer.footy p strong {
    font-size: 16px;
    font-weight: 600;
}
footer.footy span.sep {
	background: url('../images/footer-sep.png') no-repeat left top;
	display: inline-block;
	width: 9px;
	height: 8px;
	text-indent: -9999em;
	margin: 0 8px;
}
footer.footy p#copy {
    text-align: center;
	font: 10px Arial, Helvetica, sans-serif;
	color: #818080;
}
footer.footy p#copy a {
	color: #818080;
}

/* =========================================================== Slider */
#slideshow-holder { width: 852px; padding: 0 50px; margin: 0 0 20px; background: #fff; overflow: hidden; }
/* slider container */
.iosSlider { position: relative; top: 0; left: 0; overflow: hidden; width: 852px; height: 389px; background: #fff; margin: 0; padding: 0 0 44px; }
.iosSlider .slider { width: 100%; height: 100%; }
.iosSlider .slider .slide { float: left; width: 852px; height: 389px; }
.iosSliderButtons { background: #fff; width: 100%; text-align: center; position: absolute; left: 0; bottom: 0; vertical-align: top; padding: 13px 0; }
.iosSliderButtons .button { display: inline-block; width: 14px; height: 14px; background: #e5e5e5; margin: 4px 0 0 10px; vertical-align: top; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;}
.iosSliderButtons .selected { background: #7a7a7a; }
#slideshow-holder .prev, #slideshow-holder .next { cursor: pointer; width: 30px; height: 60px; background: url('../images/slider-arrows.jpg') no-repeat left -56px; position: absolute; top: 150px; text-indent: -9999em; }
#slideshow-holder .prev { left: 0; }
#slideshow-holder .next { right: 0; background-position: right -56px;  }
#slideshow-holder .prev:hover { background-position: left 3px; }
#slideshow-holder .next:hover { background-position: right 3px;  }
#slideshow-holder .content-holder { display: table-cell; text-align: center; vertical-align: middle; width: 852px; height: 389px;  }
#slideshow-holder .content-holder h1 { font-size: 43px; color: #929292; margin: 0 0 30px; }
#slideshow-holder .content-holder h1 strong { font-weight: bold; color: #c41230; }

/* ================================================ Image Fader */

#imageContainer {
        width: 940px;  /*  Width of images */
        height: 370px; /* Height of images */
        position: relative;
        padding: 0 0 30px;
        margin: 0 0 30px;
        border-bottom: 2px solid #e5e5e5;    
        overflow: hidden; 
}
#imageContainer img {
        display:none;
        position:absolute;
        top:0; left:0;
}
#imageContainer a:first-child img{ display: block; }

/* ================================================ Horizontal Menu */
#hnav {clear:both;float:left;width:100%;margin:0;padding:0;position:absolute;
   	bottom: 0;
}
#hnav ul {margin:0;padding:0;list-style:none;}
#hnav ul li {margin:0;padding:0;position:relative;float:left; background: none;}
#hnav ul li a {display:block;margin:0;
   	padding:12px 20px;
   	font-size: 18px;
   	font-weight: 500;
   	line-height:1em;
   	text-decoration:none;
   	color: #c41230;
   	letter-spacing: 1px;
}
#hnav ul li a:hover, #hnav ul li:hover a {
   	color:#e78b15;
}
/* Center Menu */
#hnav ul{float:right;position:relative;right:50%;}#hnav ul li{position:relative;left:50%;}#hnav ul ul{right:auto;}#hnav ul ul li {left:auto;}
/* Submenu items */
#hnav ul ul {position:absolute;opacity:0;left:-888em;top:100px;
    background: #fff url('../images/dropdown-top-bg.png') repeat-x left top;
	width: 230px;
    padding: 10px 0; 
    -moz-border-radius: 0 0 12px 12px; -webkit-border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px;
    -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}
#hnav ul ul li {clear:left;margin:0;padding:0;width:100%;}

#hnav ul ul li a, #hnav ul li:hover ul li a{
	font-size: 15px;
	line-height:16px;
	color: #58595b; 
}
#hnav ul ul li a:hover,
#hnav ul li:hover ul li a:hover{ 
   	color: #c41230;
}
#hnav ul li:hover ul{left:0;height:auto;opacity:1;
top:42px; /* =(#hnav lineheight + #hnav ul li a top/bottom padding/margin) */ 
}
.nohover {
	cursor: default;
}

/* =========================================================== Forms */
form.lj fieldset {
border:1px solid #eee;  /* Fieldset Border */
margin:  0 0 1em 0;padding: 0 1em 1px;
}
form.lj input, 
form.lj select,
form.lj textarea {
color:#000;             /* Input Text Color */
display: block;
width: 96.5%;
background: #fff;
border: 2px solid #ccc; /* Input Border */
padding:.25em .5em;
font-weight:bold;
border-radius:5px;
}
form.lj input:focus, form.lj select:focus, form.lj textarea:focus{-moz-box-shadow:0 0 10px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 0 10px 0px rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);}
form.lj .submit {
background:#eee;        /* Submit Colors */
color:#000;
border: 2px solid #ccc;
font-weight:bold;
display:inline;margin:0 2em 1em 0;width: auto;}
form.lj .submit.light{color:#ccc;font-weight:normal;}
form.lj legend {     /* color defined above with h3 */
background:#fff;font-size: 1.1em;font-weight:bold;}
form.lj .ammerspay{position:absolute;width:50px;top:0;left:-5000px;}
form.lj fieldset.radio{margin: 1em 0 1em 0;}
form.lj fieldset label.radio,form.lj fieldset.radio label{cursor:pointer;line-height:1.6em;}
form.lj fieldset.radio input,form.lj label.radio input {width:auto;float:left;margin-right:6px;border:none;background:none;}
form.lj fieldset.float label,form.lj fieldset label.float{display:inline; float:left;white-space: nowrap;margin-right: 15px;}
form.lj input.hidden {border:none;padding:0;display:inline;}
form.lj legend a {font-weight:normal;font-size:.9em;}
form.lj label{display: block;margin-bottom: 1em;}
form.lj label.f3{float:left;width:33.3%;}
form.lj label.f3 input{width:90%;}
form.lj label.f2{float:left;width:50%;}
form.lj label.f2 input{width:93%;}
form.lj .first{padding-top: 1em;}
form.lj select{width:auto;}
form table,form h2{margin-left:0;margin-right:0;}
form.lj p{margin:0 0 .25em 0;padding:0;}
form.lj {margin-top: 1em;margin-bottom:1em;}

/* ========================================================= Alerts */
h3.alert, h3.alertyes, h3.alertwarn{font-size:12px;line-height:16px;padding:5px 5px 5px 30px;color:#000;border: 2px solid #0c0;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;margin-top:.8em;margin-bottom:1.8em;background: #cfc;border-radius:5px;-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,.7);-webkit-box-shadow:0 5px 10px 0px rgba(0,0,0,.7);box-shadow:0 10px 5px -5px rgba(0,0,0,.3);position:relative;}
h3.alert{background: #fcc;border-color:#c00;}
h3.alertwarn{background: #ffc;border-color:#ff3;}
h3.alert:before, h3.alertyes:before, h3.alertwarn:before{content:'!';position:absolute;left:0px;top:0px;background:#c00;text-align:center;padding:0px 10px 0px 8px;color:#fff;height:100%;line-height:2em;}
h3.alertyes:before{content:'✓';background:#0c0;padding:0px 8px 0px 6px;}
h3.alertwarn:before{content:'i';background:#ff3;color:#000;}

/* =========================================================== Grids */
.cols2, .cols3, .cols4, .cols5, .cols6{clear:both;overflow:hidden;}.cols2 section,.cols3 section,.cols4 section,.cols5 section,.cols6 section{float:left;margin-left:2%;}.cols2 section:first-child, .cols3 section:first-child, .cols4 section:first-child, .cols5 section:first-child, .cols6 section:first-child{margin-left:0}.cols2 section{width:49%;}.cols3 section{width:32%;}.cols4 section{width:23.5%;}.cols5 section{width:18.4%;}.cols6 section{width:15%;}.cols3 .merge2{width:66%;}.cols4 .merge2{width:49%;}.cols5 .merge2{width:38.8%;}.cols6 .merge2{width:32%;}.cols4 .merge3{width:74.5%;}.cols5 .merge3{width:59.2%;}.cols6 .merge3{width:49%;}.cols5 .merge4{width:79.6%;}.cols6 .merge4{width:66%;}.cols6 .merge5{width:83%;} 

/* ========================================================= Printer */
 @media print{
#leftcol, nav{display:none;}
body,#pagewidth,#maincol,#wrapper,footer.footy,header.heady,header.heady h1,#footer p{width:100%;float:none;background:none;padding:0;}
p, li, footer.footy p, footer.footy p a{color:#666;}
header.heady,header.heady h1, header.heady h1 a{ width: auto; height:auto; position:static;top:0;left:0;}
header.heady h1{ margin-bottom:1em;}footer.footy{margin-top:1em;}
footer.footy p#credit{position:static;top:0;right:auto;}
}