/* ============================ common ============================== */

body { 
    color: #fff; background: #000;
    font: normal 67.5% "Segoe UI", Helvetica, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
    /*font: normal 62.5% Verdana, Arial, sans-serif;*/
}

a { color: #FF4D41; text-decoration: none; }
a:hover, a:active, a:focus { color: #FF7D41; }

img     { display: block; }
a img   { border: none; }
a span  { cursor: pointer; }
strong  { font-weight: bold; }
em      { font-style: italic; }

.clearfix:after {
    clear: both;
    display: block; visibility: hidden;
    height: 0;
    content: ".";   
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clear{
    clear: both; display: block;
}

.aural{
    position: absolute;
    left: -2007px;
    font-size: 0;
}

/* ========================== common end ============================ */

/* ============================ layout ============================== */

#holder{ 
    width: 1000px; height: 600px;
    margin: 29px auto;
    border: 2px solid #810000;
    background: url(../img/bg.jpg) no-repeat 0 0;
}

#header{
    height: 238px;
}

#content{ 
    height: 314px;
}

#side-bar{
    float: right; display: inline;
    margin: 0 25px 0 0;
    width: 269px; height: 290px;
    overflow: auto;
}
#side-bar.contact{
    width: 430px; height: 305px;
}

#footer{ 
    height: 48px;
}

/* ========================== layout end ============================ */

/* ============================ header ============================== */

h1{
    float: left; display: inline;
    padding: 35px 0 20px 114px;
}

#contact-details{
    float: right; display: inline;
    width: 354px;
    padding: 53px 0 0 0;
    color: #FF7D41;
    font-size: 1.2em; text-transform: uppercase; text-align: center; line-height: 1.6;
}

#nav{
    clear: both;
    text-align: center;
}
#nav li{
    display: inline;
    padding: 0 15px;
    font-size: 1.2em; font-weight: bold; text-transform: uppercase;
}

/* ========================== header end ============================ */

/* ============================ content ============================= */

#main{
    float: left; display: inline;
    height: 294px;
    margin: 0 0 20px 25px; padding: 0 10px 0 0;
}
.homepage   { width: 530px; }
.homepage.short { width: 400px; }
.wide       { width: 630px; }
.red-one    { width: 336px; }
.project    { width: 956px; }
.contact	{ width: 470px; }
#main.projects{
    float: none; display: block; 
    width: 800px;
    margin: 0 auto 20px auto; padding: 0;   
}

#main h2{
    margin: 0 0 10px 0;
    font-size: 1.4em; font-weight: bold;
}
#main h2.italic{
    font-style: italic;
}
#main h2.center{
    text-align: center;
}
#main h3{
    margin: 0 0 5px 0;
    font-size: 1.3em; font-weight: bold;
}
#main h3.center{
    text-align: center;
}
#main p{
    margin: 0 0 8px 0;
    font-size: 1.2em; line-height: 1.3;
}
#main .col-2 p{
    margin: 0 0 7px 0;
}
#main small{
    float: right; display: inline;
    margin: 4px 10px 0 0;
    font-size: 0.9em;
}
#main .scroller{
    height: 294px;
    overflow: auto;
}


.news-list li{
    margin: 0 0 15px 0;
}

.projects-list li{
    float: left;
    width: 50%;
    margin: 0 0 15px 0;
}
.projects-list li .thumb{
    float: left;
    margin: 2px 0 0 0;
    border: 1px solid #810000;
}
.projects-list li .desc{
    padding: 0 0 0 50px;
}
.projects-list li .desc p{
    display: inline;
}

.project .col-1{
    float: left; display: inline;
    width: 480px;
    margin: 0 20px 0 0;
}
.project .col-2{
    float: right; display: inline;
    width: 410px;
    margin: 0 20px 0 0;
}

.alignleft{ float: left; }
.alignright{ float: right; }

.cols-3{
    width: 965px;
}
.cols-3 .col{
    
    
    float: left; display: inline;
    width: 300px;
    margin: 0 24px 0 0;
}
.cols-3 .last{
    margin: 0;
}
.cols-3 .col .photo img{
    margin: 0 0 8px 0;
    border: 1px solid #810000;
    height:146px;
}
.cols-3 .col .photo:hover img,
.cols-3 .col .photo:focus img,
.cols-3 .col .photo:active img{
    border: 1px solid #FF7D41;
}


/* ========================== content end =========================== */

/* ============================ side-bar ============================ */

#tabs{
    float: right; display: inline;
    margin: 0 25px;
    width: 369px; height: 290px;
    border: 2px solid #810000;
}
#tabs.homepage{
    width: 492px;
}
#tabs-nav li{
    float: left;
    width: 123px;
}
.homepage #tabs-nav li{
    width: 164px;
}
#tabs-nav li.nav-2-1{ width: 185px; }
#tabs-nav li.nav-2-2{ width: 184px; }
#tabs-nav li a{
    display: block;
    padding: 5px;
    font-size: 1.2em; text-align: center;
    background: #810000;
}
#tabs-nav li a:hover,
#tabs-nav li a:focus,
#tabs-nav li a:active{
    color: #fff;
}
#tabs-nav li.ui-state-active a{
    color: #fff; background: none;
}

#tabs-home{
    float: right; display: inline;
    margin: 0 25px;
    width: 369px; height: 290px;
    border: 2px solid #810000;
}
#tabs-home.homepage{
    width: 492px;
}


.tab{
    clear: both;
    height: 253px;
    padding: 5px;
    overflow: auto;
}
.tab h2{
    float: left; display: inline;
    padding: 0 5px 10px 0;
    font-size: 1.4em; font-weight: bold; font-style: italic;
}
.tab .more{
    float: left;
    padding: 0.5em 0 0 0;
    font-size: 1em;
}
.tab ul,
.tab ol,
.tab .video{
    clear: both;
}
.tab ul li,
.tab ol li{
    margin: 0 0 10px 0;
}
.tab ul .date{
    float: left; display: inline;
    padding: 0.2em 10px 0 0;
    font-size: 1em;
    color: #FF4C00;
}
.tab ul h3{
    font-size: 1.2em; font-weight: bold;
    color: #FF4C00;
}
.tab ul p,
.tab ol p,
.tab .nocomments{
    clear: both;
    font-size: 1em; line-height: 1.3;
}
.tab ol cite{
    font-weight: bold;
}

.ui-tabs .ui-tabs-hide {
     display: none;
}
#latest-video {
    position:relative;
}
#latest-video2 {
    position:absolute;
    top:0; left:0; width:100%; height:100%;
    z-index:1000;
}

#side-bar h2{
    margin: 0 0 10px 0;
    font-size: 1.4em; font-weight: bold;
}

#side-bar h3{
    margin: 0 0 10px 0;
    font-size: 1.3em; font-weight: bold;
}
#side-bar ul{
    font-size: 1.2em; line-height: 1.4;
}
#side-bar ul.clients{
    padding: 0 0 0 2em;
    list-style: disc;
}

#commentform{
    clear: both;
    padding: 5px;
}
#commentform p{
    margin: 0 0 5px 0;
}
#commentform .text{
    width: 120px;
    padding: 2px;
    font: normal 1.1em "Segoe UI", Helvetica, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
    color: #fff; background: none;
    border: 1px solid #810000;
}
#commentform textarea{
    width: 340px; height: 85px;
    padding: 2px;
    font: normal 1.1em "Segoe UI", Helvetica, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
    color: #fff; background: none;
    border: 1px solid #810000;
}
#commentform #submit{
    padding: 2px 15px;
    font: normal 1.1em "Segoe UI", Helvetica, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
    color: #fff; background: #810000;
    border: 1px solid #810000;
    cursor: pointer;
}
#commentform #submit:hover,
#commentform #submit:focus,
#commentform #submit:active,
#commentform .text:hover,
#commentform .text:focus,
#commentform .text:active,
#commentform textarea:hover,
#commentform textarea:focus,
#commentform textarea:active{
    border: 1px solid #FF7D41;
}


#gallery{
    float: right;
    width: 598px;
}
#gallery li{
    float: left; display: inline;
    margin: 0 25px 10px 0;
}
#gallery li a img{
    border: 1px solid #810000;
}
#gallery li a:hover img,
#gallery li a:focus img,
#gallery li a:active img{
    border: 1px solid #FF7D41;
}

/* ========================== side-bar end ========================== */

/* ============================= footer ============================= */

#copyright{
    padding: 10px 0;
    text-align: center;
    font-size: 1em;
    color: #FF4D41;
}

/* =========================== footer end =========================== */

/*
body{
    scrollbar-face-color:#FF4D41;
    scrollbar-base-color:#FF4D41;
    scrollbar-arrow-color:black;
    scrollbar-track-color:#810000;
    scrollbar-shadow-color:#810000;
    scrollbar-highlight-color:#810000;
    scrollbar-3dlight-color:#810000;
    scrollbar-darkshadow-Color:#810000;
}
*/