@font-face {
    font-family: 'EBGaramondRegular';
    src: url('webfont/EBGaramond-webfont.eot');
    src: url('webfont/EBGaramond-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfont/EBGaramond-webfont.woff') format('woff'),
         url('webfont/EBGaramond-webfont.ttf') format('truetype'),
         url('webfont/EBGaramond-webfont.svg#EBGaramondRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* css reset */
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, font, 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 {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
td, th {text-align: left; vertical-align: top}


body {background: #fff; color: #333; font: 75% helvetica, sans-serif;}

/*
colors

*/

.l {text-align: left !important;}
.r {text-align: right;}
.c {text-align: center;}
.nowrap {white-space: nowrap;}

a[href="#"], a[href=""] {border-bottom: 3px solid red;}

a {color: #a70c02; text-decoration: none;}
#content a {text-decoration: underline;}
a:visited {color: #91504c;}
a:hover {color: #d61e1d;}
.hilight {background-color: yellow !important;}

p {margin: 0 0 .9em;}
hr {border: 1px solid #ddd; border-width: 1px 0 0; margin: 1em 0; height: 1px;}

#wrapper {width: 903px; margin: 0 auto;}
#logo {display: block; margin: 20px auto 30px;}

#nav {font-family: EBGaramondRegular; font-size: 130%; overflow: auto; text-align: center; height: 30px;}
#nav li {display: inline;}
#nav a {padding: 0 1.8em; color: #666;}
#nav a:hover {color: #a70c02;}
#home #nav #nav-home a, 
#portfolio #nav #nav-portfolio a,
#portfoliodetail #nav #nav-portfolio a,
#profile #nav #nav-profile a,
#perspective #nav #nav-perspective a,
#services #nav #nav-services a,
#servicesbp #nav #nav-services a,
#testimonials #nav #nav-testimonials a,
#contact #nav #nav-contact a {color: #000;}

#content {border: 2px solid #ccc; height: 432px; padding: 16px 45px 30px 300px; line-height: 1.3;}
#home #content, #portfolio #content, #portfoliodetail #content {padding: 6px; height: 466px;}

#profile #content {background: url(../img/ph-profile.jpg) 6px 6px no-repeat;}
#perspective #content {background: url(../img/ph-perspective.jpg) 6px 6px no-repeat;}
#services #content {background: url(../img/ph-services.jpg) 6px 6px no-repeat;}
#servicesbp #content {background: url(../img/ph-servicesbp.jpg) 6px 6px no-repeat;}
#testimonials #content {background: url(../img/ph-testimonials.jpg) 6px 6px no-repeat;}
#contact #content {background: url(../img/ph-contact.jpg) 6px 6px no-repeat;}
#credits #content {background: url(../img/ph-credits.jpg) 6px 6px no-repeat;}

#content img {display: block;}

h1, h2 {font-weight: normal; color: #666; font-family: EBGaramondRegular; line-height: 1.10;}
h1 {font-size: 260%; margin: 0 0 9px;}
h2 {font-size: 180%; margin: 12px 0 4px; color: #888;}

#portfolio .grid {width: 164px; height: 144px; margin: 6px 6px 7px 7px; float: left; position: relative;}
#portfolio .grid a {text-decoration: none; color: #666; font-family: EBGaramondRegular; line-height: 1; display: block; width: 164px; height: 94px; text-align: center; font-size: 140%; padding-top: 50px;}
#portfolio .grid img {position: absolute; top: 0; left: 0; z-index: 100;}
#portfolio #blank {background: #a70c02 url(../img/portfolio-blank.gif) no-repeat;}

#testimonials #tabs {height: 420px; background: url(../img/bg-quote.png) 100% bottom no-repeat;}
#testimonials #tabs div {font-family: EBGaramondRegular; font-size: 140%; color: #666;}
#testimonials #tabs div .attr {font-family: helvetica; font-size: 70%; text-align: right; color: #aaa;}

#tablinks {border-bottom: 1px solid #ddd; text-align: right;}
#content #tablinks li {background: none; padding: 0; margin: 0; display: inline;}
#content #tablinks li a {font-family: georgia; font-size: 120%; color: #aaa; text-decoration: none; border: 1px solid #ddd; background: #fff; display: inline-block; padding: 0 6px 2px; margin-bottom: -1px;}
#content #tablinks li a:hover {color: #a70c02;}
#content #tablinks li.ui-tabs-selected a {color: #000; font-weight: bold; border-bottom-color: #fff;}

#sswrapper {overflow: auto; position: relative;}
#sswrapper h1 {font-size: 190%; text-align: center; width: 280px; position: absolute; top: 0; left: 18px; margin: 0; padding: 30px 0 20px; background: url(../img/hd-portfoliobg.gif) bottom left no-repeat;}
#sswrapper a {text-decoration: none; font-size: 0;}
#sswrapper div.content {display: none; float: right; width: 565px;}
#sswrapper div.slideshow-container {position: relative; height: 466px;}
#sswrapper div.slideshow span.image-wrapper {position: absolute; top: 0; left: 0; width: 565px; height: 466px;}
#sswrapper div.loader {position: absolute; top: 0; left: 0; background-image: url(../img/loader.gif); background-repeat: no-repeat; background-position: center; width: 565px; height: 466px;}
#content #sswrapper ul.thumbs {clear: both; margin: 0; padding: 0; width: 300px; float: left; overflow: auto;}
#content #sswrapper ul.thumbs li {float: left; padding: 0; margin: 0 8px 8px 0; background: none;}
#sswrapper div.navigation {width: 300px; position: absolute; top: 110px; left: 18px;}
#sswrapper a.thumb {display: block;}
#sswrapper img {display: block;}
#sswrapper #back {text-decoration: none; color: #999; font-family: EBGaramondRegular; font-size: 110%; position: absolute; left: 18px; bottom: 10px;}
#sswrapper #back:hover {color: #a70c02;}
#sswrapper #credit {position: absolute; position: absolute; right: 590px; bottom: 5px; font-size: 80%; color: #888;}

#content ul {margin: 1em 0;}
#content ul.column {float: left; width: 48%; margin-right: 2%;}
#content li {background: url(../img/li.gif) 0 4px no-repeat; padding-left: 12px; margin: 0 0 .4em;}

dl {overflow: auto;}
dt {float: left; width: 40px; text-align: right; clear: left; margin-right: 1em;}
dd {float: left; width: 300px;}

#footer {font-size: 85%; color: #666; background: url(../img/logofoot.gif) top center no-repeat; height: 42px; margin: 10px 0 0;}
#footer a {color: #666;}
#footer a:hover {color: #a70c02;}
#footer p {margin: 30px 14px 0;}
#footer .left {float: left;}
#footer .right {float: right;}



#footer2 {font-size: 85%; color: #666; background: url(../img/logofoot.gif) top center no-repeat; height: 42px; margin: 10px 0 0;}
#footer2 a {color: #666;}
#footer2 a:hover {color: #a70c02;}
#footer2 p {margin: 30px 14px 0;}
#footer2 .left {float: left;}
#footer2 .right {float: right;}

.wrapper_full > table
{
    width: 100%;
    valign:middle!important;
    display:inline-block;
    *display:inline;
    
}


.footer2 {
  display: inline-block;
  padding: 20px 0
}

/* 
.btn-group {
  display: inline-block;
  border:none !important;
  padding: 40px!important;
  valign:middle!important;
  float:right!important;
  
}


.awards{
 display: inline-block;
float:left!important;
}
 */

/*
 * jQuery UI Tabs 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-hide {display: none !important;}