@charset "utf-8";
/* CSS Document */
a:link, a:visited, a:active{
color: #E8C254;
text-decoration: none;
outline: none;
padding-bottom:2px;
border-bottom: 1px dotted transparent;
}
a:hover{
color: #E8C254;
padding-bottom:2px;
border-bottom: 1px dotted #6e99d4;
}
a img{
border:none;
outline: none;
}

h1{
font-size: 10pt;
padding-left: 10px;
}
h3{
margin: 10px 0 0;
padding-bottom: 5px;
/*border-bottom: 1px solid #6e99d4;*/
font-size: 7pt;
letter-spacing: 2pt;
}
h4{
margin:0 10px; 
padding:10px 10px 10px 0 ; 
background-color: #222;
background-image:url(../images/pgtitlebkg.gif);
background-repeat: repeat-y;
color: #ccc; 
line-height: 1.5em;
text-align:right; 
font-weight: normal;
font-size: 10pt;
}
strong{
font-weight: normal;
color: #ccc;
border-bottom: 1px dotted #777;
font-style: italic;

}
em{
color: #ccc;
border-bottom: 1px dashed #6e99d4;
font-style: normal;
}
hr{
margin: 10px 0 15px;
padding: 0;
width: 780px;
border: none;
height: 1px;
color: #E8C254;
}
.recentwork{
color: #fff; 
padding-bottom: 5px; 
margin: 10px 0 20px; 
clear:both; 
height:160px;
}
.rollover a {
padding:0;
display:block;
width: 470px;
height: 60px;
background: url("../images/demo_reel.jpg") 0 0 no-repeat;
border: 1px solid #333;
}
.rollover a:hover { 
background-position: 0 -60px;
border: 1px solid #fff;
}
/* ---------------------------------------------------------------------- PAGE TITLES ------------------------------------------------------------------------------ */
.portfolio{
margin:0; 
padding:0 0 10px; 
background-image:url(../images/portfolio.jpg); 
background-repeat: no-repeat; 
height: 140px;
}
.about{
margin:0; 
padding:0 0 10px; 
background-image:url(../images/about.jpg); 
background-repeat: no-repeat; 
height: 140px;
}
.contact{
margin:0; 
padding:0 0 10px; 
background-image:url(../images/contact.jpg); 
background-repeat: no-repeat; 
height: 140px;
}
.privacy{
margin:0; 
padding:0 0 10px; 
background-image:url(../images/privacy.gif); 
background-repeat: no-repeat; 
height: 25px;
}
/* ---------------------------------------------------------------------- END OF PAGE TITLES ------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------- NAVIGATION ------------------------------------------------------------------------------ */
body#index #indexNav,
body#about #aboutNav,
body#portfolio #portfolioNav,
body#contact #contactNav{
color: #E8C254;
}
ul.navBar{
padding:10px 0 0 0;
margin: 0 0 20px 0;
width: 100%;
text-align: center;
}
ul.navBar li{
list-style-type: none;
display: inline;
}
ul.navBar li a:link, ul.navBar li a:visited, ul.navBar li a:active{
padding: 5px 1em;
letter-spacing: 3pt;
font-size: 7pt;
color: #fff;
border-top: 3px solid #000;
text-transform: uppercase;
}
ul.navBar li a:hover{
text-decoration: none;
border-top: 3px solid #E8C254;
border-bottom: none;
}

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

/* ---------------------------------------------------------------------- PORTFOLIO DIVS ------------------------------------------------------------------------------ */
.controls{
margin: 0;
padding: 10px 10px 5px 0;
font-size: 7pt;
text-align: right;
clear:both;
color: #E8C254;
}
.sectionHeader{ /*header of 2nd demo*/
background-image:url(../images/sectionbkg.jpg);
background-repeat:repeat-x;
margin: 0;
padding-top: 14px;
padding-left: 10px;
height: 25px;
font-size: 7pt;
letter-spacing: 2pt;
text-transform: uppercase;
cursor: pointer;
}
.accordprefix{
color: #fff;
}
.sectionContent{
background-image:url(../images/sectionbkg_row.gif); 
color: #000;
width: 800px; 
height: 140px; 
clear:both;
}
.sectionContent a:link img, .sectionContent a:visited img, .sectionContent a:active img{
border: 1px solid #E8C254;
}
.sectionContent a:hover img{
border: 1px solid #fff;
}
.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: #E8C254;
}
.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: #E8C254;
}
/* ---------------------------------------------------------------------- END PORTFOLIO DIVS ------------------------------------------------------------------------------ */

dl.work dt{
font-weight: bolder;
}
dl.work dd{
margin:0;
padding: 0;
line-height: 1.5em;
}
ul.services{
margin: 0 0 0 20px;
padding: 0;
}
ul.services li{
list-style-image: url(../images/dot.gif);
}
ul.special{
margin: 10px 0 20px 20px;
padding: 0;
}
ul.special li{
list-style-image: url(../images/dot2.gif);
color:#efefef;
font-style:italic;
}
.container dl dt{
margin: 10px 0;
padding-bottom: 5px;
border-bottom: 1px solid #6e99d4;
color: #fc0;
font-size: 7pt;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2pt;
}
.container dl dd{
margin:0;
padding: 0;
}
dl.contacts{
margin: 0;
padding: 0;
}
dl.contacts dt{
margin:0;
padding: 0;
}
dl.contacts dd{
margin:0;
padding: 0;
color: #999;
}
.title{
color: #fff;
font-size: 7pt;
text-transform: uppercase;
letter-spacing: 2pt;
}
label{
display: block;
margin:10px 0;
color: #fff;
font-size: 7pt;
}
br{
clear:both;
}
input{
background-color:#222;
border: 1px solid #4d4d4d;
color: #fff;
}
input[type="submit"]{
padding: 5px;
width: 50px;
color: #fff;
font-size: 6pt;
text-transform: uppercase;
border: 1px solid #4d4d4d;
}
textarea{
background-color:#222;
border: 1px solid #4d4d4d;
font-family: "Century Gothic", Helvetica, Arial, sans-serif;
font-size: 10pt;
color: #fff;
}
/* ---------------------------------------------------------------------- FOOTER ------------------------------------------------------------------------------ */
dl.footerNav {
margin:0 auto;
text-align: center;
width: 100%;
}
dl.footerNav dt{
display: inline;
margin: 0 auto 10px;

}
dl.footerNav dd{
font-family: Arial, Helvetica, sans-serif;
font-size: 7pt;
margin: 0;
padding-top:10px;
}
dl.footerNav dt a:link, dl.footerNav dt a:visited, dl.footerNav dt a:active{
text-transform:uppercase;
padding:0;
font-size: 7pt;
margin: 0 2em;
}
dl.footerNav dd a:link, dl.footerNav dd a:visited, dl.footerNav dd a:active{
padding: 0;
margin: 0;
letter-spacing: 2pt;
font-size: 7pt;
text-transform: uppercase;
display: block;
}
ul.valid{
margin: 0 auto;
padding: 0;
list-style-type: none;
width: 800px;
font-size: 7pt;
color: #7a7976;
}
ul.valid li{
display:inline;
}
ul.valid li a:link, ul.valid li a:visited, ul.valid li a:active{
padding:0 ;
margin:0;
}

/* ---------------------------------------------------------------------- END OF FOOTER ------------------------------------------------------------------------------ */









.highslide-caption dl{
margin: 0;
padding: 10px 10px;
text-align:left;
}
.highslide-caption dl dt{
margin:0 0;
padding: 2.5px 0;
font-weight: bold;
float: left;
color: #fff;
}
.highslide-caption dl dd{
margin: 0 0 0 150px;
padding: 2.5px 0;
}
dl.sectionRow{
margin:0;
padding: 20px 0;
}
dd.itemsRowStart {
margin:0 0 0 45px;
padding: 0 10px 0 0;
color:#fff;
float:left;
width: 575px;
}
dt.itemsRowStart a:link img,  dt.itemsRowStart a:visited img, dt.itemsRowStart a:active img{
margin:0 0 0 10px;
width: 158px;
float:left;
border: 1px solid #6e99d4;
}
dt.itemsRowStart a:hover img{
border: 1px solid #fc0;
}
dt.items a:link img,  dt.items a:visited img, dt.items a:active img{
margin:0 0 0 46px;
width: 158px;
float:left;
border: 1px solid #6e99d4;
}
dt.items a:hover img{
border: 1px solid #fc0;
}
dt.itemsEnd a:link img,  dt.itemsEnd a:visited img, dt.itemsEnd a:active img{
margin:0 0 40px 46px;
width: 158px;
float:left;
border: 1px solid #6e99d4;
}
dt.itemsEnd a:hover img{
border: 1px solid #fc0;
}
dl.holder{
margin: 0;
padding: 0;
float:left;
width: 225px;
}
dl.holder dd{
margin:0;
padding:0;
}
.emailConfirm{
padding-left:10px;
}