/* GENERAL STYLES */

.hover{ cursor: pointer; }
.no_show{ display: none; }
.clearer{ clear: both; }
.active{ background-position: bottom !important;}
.underline{ text-decoration: underline !important; }
.no_underline{ text-decoration: none; }
.flt_left{ float: left; }
em{ font-style: normal; }
.flt_left{ float: left; }
.small{ font-size: 10px; }
.med{ font-size: 14px; }
p{ color: #434343; }
.green{ color: #81920a; }
.dark{ color: #434343; }
.blue{ color: #7b8eaf; }
.grey{ color: #a0a0a0; }
.orange{ color: #d96900; }
.red{ color: #a90909; }
.purple{ color: #520f5e; }
.pink{ color: #f3282c; }
.black{ color: #3a3a3a; }
.darkblue{ color: #14386a; }
.litered{ color: #d31b23; }
.ieblue{ color: #4d80d1; }
.white{ color: #fff; }
.up{ margin-top: -9px; }
.hide_text{ text-indent: -99999px !important; }


/* DESIGN STYLES */
html, body{
	height: 100%;
	float: left;
	font-family: "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	background: url(../images/page_scroll_bg.png) repeat-y;
	background-attachment: fixed;
}

/* FOOTER */
#main_footer{
  	width: 824px;
  	height: 16px;
		position: absolute;
  	z-index: 100;
}
#main_footer, .push {
    height: 123px;
}

.bottom_nav{ color: #000; }
		
p.submit{ position: relative; }
p.submit em {
	background: url("../images/hover-port.png") no-repeat;
	width: 92px;
	height: 34px;
	top: 0px;
	left: 2px;
	position: absolute;
	display: none;
	z-index: 1;	
}

div table tr td{
	color: #4c4c4c;
	font-size: 10px;
  	line-height: 15px;
}

/* classes */
.classes_head{
  	border-bottom: solid #d7d7d7 1px;
  	width: 458px;
  	height: 27px;
}
.date{
  	float: left;
  	text-transform: uppercase;
  	color: #a7a7a7;
  	font-size: 10px;
  	padding-right: 10px;
}
/* CONTACT FORM */
/* Overlay */
#contact-overlay {background-color:#000;}

/* Container */
#contact-container {
	width:518px !important; 
	left:50%; 
	top:15%; 
	margin-left:-210px; 
	font-family:'Trebuchet MS', Verdana, Arial; 
	font-size:16px; 
	text-align:left;
}
#contact-container .contact-content, #contact-container .portfolio-content  {
	background: url(../images/contact/contact-middle.png) repeat-y; 
	color:#ddd; 
	width: 518px;
	height:40px;
}
#contact-container h1 {
	color: #7f92b2; 
	margin:0 0 0 15px; 
	padding:0 0 6px 12px; 
	font-size:1.2em; 
	text-align:left;
}
#contact-container .contact-loading {
	position:absolute; 
	background:url(../images/contact/loading.gif) no-repeat; 
	z-index:8000; 
	height:55px; 
	width:54px; 
	margin:-14px 0 0 170px; 
	padding:0;
}
#contact-container .contact-message {text-align:center;}

#contact-container .contact-error {
	width:92%; 
	font-size:.8em; 
	background:#000; 
	border:2px solid #ccc; 
	font-size:0.8em; 
	font-weight:bold; 
	margin:0 auto; 
	padding:2px;
}
#contact-container br {clear:both;}

#contact-container form {
	padding:0; 
	margin:0;
}
#contact-container label {
	clear:left; 
	display:block; 
	width:100px; 
	float:left; 
	text-align:right; 
	padding-right:4px; 
	font-weight:bold;
}
#contact-container .contact-input {
	font-family:'Trebuchet MS', Verdana, Arial; 
	float:left; 
	padding:2px; 
	margin:2px; 
	background:#eee; 
	border:1px solid #fff; 
	width:250px;
}
#contact-container textarea {height:84px;}

#contact-container .contact-top {
	width: 518px;
	height:17px; 
	background:url(../images/contact/contact-top.png) no-repeat; 
	padding:0 0 0 5px; 
	margin:0;
}
#contact-container .contact-bottom {
	width: 518px;
	height:17px;  
	background:url(../images/contact/contact-bottom.png) no-repeat; 
	font-size:.7em; 
	text-align:center;
}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {
	position:relative; 
	top:-4px; 
	text-decoration:none; 
	color:#666;
}
#contact-container .contact-bottom a:hover {color:#888;}

#contact-container .contact-button {
	margin:4px 0 0 4px; 
	cursor:pointer; 
	height:24px; 
	border:0; 
	font-size:1em; 
	font-weight:bold; 
	color:#fff; 
	text-align:center; 
	vertical-align:middle;
}
#contact-container .contact-send {
	width: 83px;
	height: 25px; 
	background:url("../images/contact/btn-send.png") no-repeat;
}
#contact-container .contact-cancel {
	width: 83px;
	height: 25px; 
	background:url("../images/contact/btn-cancel.png") no-repeat;
}
h1.contact-title{
  	font-weight: bold;
  	padding-bottom: 10px;
}
#contact-container a.modalCloseX,
#contact-container a.modalCloseX:link,
#contact-container a.modalCloseX:active,
#contact-container a.modalCloseX:visited {
	text-decoration:none; 
	font-weight:bold; 
	font-size:1.2em; 
	position:absolute; 
	top:10px;
	margin-left: 90px;
	left:400px; 
	color:#999;}
#contact-container a.modalCloseX:hover {color:#9bb3b3;}

.small_chat{
  	margin: 10px 0 0 75px;
}

#nav{ margin-left: 32px; }
#nav a#prev, #nav a#next, #nav a#visit {
	display: block;
	width: 83px;
	height: 25px;
	float: left;
	margin: 10px 10px 0 0;
	font-size: 0px;
	text-indent: -9999px;
}