﻿html { overflow-y:scroll; }
body { margin:0; padding:0;background:url('../../images/global/backgroundShade.png') repeat-x;  font-size:62.5%; }

* { font-family:Arial, Sans-Serif; outline:none; background-repeat:no-repeat;  text-decoration:none; }
h1, h2, h3, h4, ul, li, p, img { margin:0; padding:0; border:none; }
ul li { list-style:none; }
h2 { padding-top:0px; padding-bottom:3px; font-size:26px; font-weight:normal;  }
.h2 { font-size:26px; font-weight:normal;  display:block; width:598px; margin-top:10px; border:none;}
.h2:hover { background-color:#e0e0e0; }
h2.alt {   color:#777777; }
h2.solidBack {   color:#ffffff; padding:10px 10px 10px 10px; font-family:Times New Roman, Serif; font-size:28px; width:500px; }
h3 { font-size:16px; margin-bottom:5px; color:#777777; }
p { padding-bottom:10px; font-size:12px;color:#666666; }
textarea { font-size:12px;color:#666666;  }
a { font-size:12px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; }
.darkText {color:#000000; }

.formArea li { padding-top:5px; clear:both; }
.formArea li em { font-weight:normal; }
/*Clearfix*/.formArea li:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .formArea li { display: inline-block; } html[xmlns] .formArea li { display: block; } * html .formArea li { height: 1%; }
.formArea label { font-size:12px; font-weight:bold; display:block; float:left; width:155px;  clear:both; padding-top:4px; padding-right:3px;  }
.formArea .textbox { display:block; float:left; width:200px; border:solid 1px #666666; padding:2px; }
.button { display:block; width:90px; text-align:center; float:left; font-size:12px; padding:5px; text-decoration:none ; font-weight:bold; color:White; }
.buttonsRight a.button { float:right;  }
.panelLeft { width:200px; float:left; }
.panelRight { width:400px; float:right; }
.panelMain { width:745px; float:left; }

.jButtonR,.jButtonL { padding:3px 5px 3px 5px; display:block; float:right; }
.jButtonL { float:left; }
.jButtonR span,.jButtonL span { float:left; display:block; }

.jButtonR.imageLeft { padding-left:3px; }
.jButtonR.imageLeft span { margin-right:2px; }

#subNavigation { }
#subNavigation li { float:none; border-bottom:solid 1px #bbbbbb; width:170px; }
#subNavigation a { display:block; padding:2px;}

h1 {  background-image:url('../../images/global/logo.png'); width:226px; height:100px; text-indent:-10000px; float:left;margin-bottom:10px; }
#topTools { float:right; padding-top:5px; width:200px; }
#topTools select { font-size:11px; width:130px; }
#topTools a { font-size:11px; }
#content { margin:0px auto 0px auto; background-image:url('../../images/global/shadow.png'); width:946px; padding:0px 43px 12px 39px; background-repeat:repeat-y; }
#bottom { margin:0px auto 0px auto; background-image:url('../../images/global/shadowBottom.png'); width:970px; height:60px; padding:0px 29px 0px 29px; }

#masthead {  }
.topImageArea { height:329px; background-position:21px 0px; padding-top:1px; overflow:hidden; width:946px; position:relative;   }
.topImageArea .fadeOut { background-image:url('../../images/global/topImageFadeOut.png'); background-repeat:repeat-y; height:340px; position:absolute; width:800px; margin-top:-1px; }
.topImageArea img { position:absolute; float:right; display:block; margin-top:-1px;  }
.topImageArea div.cont { font-family:Arial; color:#888888; font-size:26px; padding:10px; margin-top:30px; width:400px; position:absolute; margin-left:-500px;}
.topImageArea div.cont ul { }
.topImageArea div.cont ul li { padding:0px 0px 5px 15px; background-image:url(../../images/global/logo.gif); background-position:-151px -53px;   }
.topImageArea div.cont ul li  h3 { display:inline; margin:0; padding:0; color:inherit; font-size:inherit; font-weight:inherit; }

#main { padding-top:15px; }

.topImageArea h2 { font-family:Times New Roman; background-color:#662518; color:White; font-size:26px; padding:10px; margin-top:279px; width:500px; position:absolute;}
#navigation1 {    background:url('../../images/global/menuBarOverlay.png') repeat-x bottom; clear:both; }
#navigation1 li { float:left; padding-top:15px; padding-bottom:15px;   background:url('../../images/global/menuItemSeperator.png') no-repeat right; cursor:pointer;}
#navigation1 li:hover {background:url('../../images/global/hoverOverlay.png') repeat; }
#navigation1 li a { color:White; width:120px; display:block; text-decoration:none; font-size:11px; text-align:center; font-weight:bold; }
#footer { clear:both;  background:#662518 url('../../images/global/footerBackground.png') repeat-x bottom; height:27px; color:White; font-size:11px; margin-top:20px;}
#footer ul { float:right;  }
#footer ul li { float:left; padding:5px;margin-right:5px; }
#footer a {   color:White; font-size:11px; text-decoration:none;}
#footer a:hover {    text-decoration:underline;}

/* Home */
#home .homePastEvents li { margin-bottom:10px;  }
#home .homePastEvents li a { color:#666666; }
#home .homePastEvents li img { display:block; float:left; margin-right:5px;  }
#home p { font-size:14px; font-family:Times New Roman; }
#home p span { font-size:18px; font-weight:bold; color:#999999; font-family:Times New Roman; }
#home p img { margin-right:15px; }
 
 

/* Portfolio */
.portfolio li h3 { margin-left:20px; }
.portfolio li { float:left; height:200px; width:750px; margin-right:20px; background-image:url(../../images/global/roundedFrame.png); background-position:0px 15px; }
.portfolio img {  margin-right:10px;  }
.portfolio .img { float:left; width:265px; overflow:hidden; height:126px; margin-right:10px;  text-align:center; padding-top:8px;}
.portfolio div.text { float:left; width:450px; overflow:hidden;  }
.portfolio label { font-weight:bold; color:#99aa33;  }
.portfolio a { text-decoration:underline; color:#777777;  }

/* clients */

.clientList li { float:left; width:450px; text-align:center; height:150px; }

/* Contact */
#contactUs .form input,#contactUs .form textarea { width:400px; } 

/*videos*/
.videos { margin-left:-90px;}
.videos li { float:left; margin-left:90px; margin-bottom:30px; width:425px;}


/*  */
 
#preview,#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
 
/*  */