html, body { 	
	background: #3E3E3E url(../images/bl_mainBg.gif) repeat-x;
	color:#333333;
	font:normal 10px helvetica,arial,sans-serif;  
	text-decoration: none;
		}
a { 
	color:#FFFFFF; 
	font:normal 12px helvetica,arial,sans-serif; 
	text-decoration: none;
		}
				
a:hover { 
	color:#FFFF00;
		}
h1 { 
font-family: "Garamond", "Times New Roman", serif; 
font-size: 16pt; 
color: #1a79b0; 
font-style: bold;
font-variant: small-caps;
}

h2 { 
font-family: "Garamond", "Times New Roman", serif; 
font-size: 14pt; 
color: #1a79b0; 
font-style: bold;
}

h3 { 
font-family: "Garamond", "Times New Roman", serif; 
font-size: 14pt; 
color: #1a79b0; 
font-style: bold;
}

.text-normal {
	font:normal 12px helvetica,arial,sans-serif;  
	float:left;
	text-decoration: none;
		}	
.columnleft {		
	position:relative; 
	float:left;
	margin: 0;
	padding: 0.5em;
	width:225px;
		}
.columnright {
	position:relative; 
	float:right;
	width:225px;
	margin: 0;
	padding: 0.5em;
		}
.columncenter {
	margin-left: 230px;
	margin-right: 230px;
	padding: 0.5em;
		}
#wrapper{ 
	position:relative; 
	margin: 0px; 
	padding:0px; 
	text-align:center; 
	background:transparent;
	border-top:0px solid #333333;  
	border-bottom:0px solid #333333;
		}
#subwrapper{ 
	position:relative; 
	margin:25px auto; 
	padding:7px 5px 5px 7px; 
	width:780px; 
	vertical-align:bottom; 
	font:normal 12px helvetica,arial,sans-serif;
	color:  #cccccc;
	border-top:0px solid #333333;  
	border-bottom:0px solid #333333;
		}		
#outer { 
	position:relative; 
	margin:0px auto; 
	padding:0px; 
	width:780px; 
	text-align:left; 
	vertical-align:top; 
	background:  url(../images/bg_white.png) no-repeat; 
		}

#header { 
	position:relative; 
	margin: 0px; 
	padding:0px; 
	height: 48px; 
	overflow:hidden;
		}
#header a { 
	font:normal 8px helvetica,arial,sans-serif; 
	text-decoration: none;
		}
#menu { position:relative; 
	padding: 0px 5px; 
	height:3.75em;  
		}	
.tabsmenuclass ul{
	position:relative; 
	padding: 5px 5px; 
	height:0.8em;  
	background: transparent url();  
	color:#ffffff; 
	font:bold 13px helvetica,arial,sans-serif; 
	text-align:right; 
	overflow: hidden;
	width: auto;
	margin: 0;
	list-style-type: none;
		}

.tabsmenuclass li{
	margin-left: 0; 
	padding-left: 5px; 
	padding-right:5px; 
	list-style: none; 
	display: inline; 
		}

.tabsmenuclass a{
	position:relative; 
	padding: 0px 1px;
	background: transparent url(); 
	margin-right: 1px;
	text-decoration: none;
	font: bold 13px helvetica,arial,sans-serif; 
		}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
	background: transparent url(); 
	color:#FFFF00;
		}
.tabsmenucontentclass{
	background: transparent url(); 
	padding: 0px;
	border: 0px ;
	}

.tabsmenucontentclass ul{
	position:relative;
	float: right;
	margin: 1px 0 0 0;
	padding: 0;
	list-style-type: none;
		}

.tabsmenucontentclass li{
	float: left;
	margin-right: 1em;
		}

#content {
	position:relative; 
	margin: 0px; 
	padding:0px; 
	top:2px; 
	left:0px; 
	width:780px; 
	height:440px; 
	overflow:hidden;
		}
#footer {
	position:relative; 
	margin: 0px; 
	padding: 1px 1px 3px 3px; 
	height:1.5em; 
	border-top:0px;  
	color:#333333; 
	font:bold 10px helvetica,arial,sans-serif; 
		}
#footer a { 
	color:#333333; 
	font:bold 10px Tahoma,arial,sans-serif; 
	text-decoration: none;
		}
#footer a:hover { 
	color:#C0BEBE;
		}

#main { 
	position:absolute;
	padding: .98em 2px 2px 2px  ; 
    z-index: 2;
	width:99%; 
	height:100%; 
	text-align: center;
	background: transparent url(); 
	color:#333333; 
	font-family:helvetica,arial,sans-serif;
	font-size:10px; 
	overflow:hidden;
		}
#text { 
	position:absolute; 
	padding: .98em 2px 2px 2px  ; 
    z-index: 2;
	width:99%; 
	height:100%; 
	background: transparent url(); 
	color:#333333; 
	font-family:helvetica,arial,sans-serif;
	font-size:10px; 
	text-align:left;
	overflow:auto;
		}
	
.proofbox {
	position:relative; 
	margin:0; 	
	padding:0; 
	width:780px; 
	height:440px; 
	background:#FFF url('../images/bg_proof.jpg') no-repeat; 
	color:#000; 
	font-size:12px; 
	text-align:center;
		}
.proofwrapper {
	position:absolute; 
	top:0; 
	left:50%; 
	width:350px; 
	height:420px;
		}
.titlebox {
	position:absolute; 
	top:45px; 
	left:35px; 
	width:300px; 
	color:#000; 
	font-weight:bold; 
	font-size:14px;
		}
.textbox {
	position:absolute; 
	top:100px; 
	left:35px; 
	width:300px;}
.loginbox {
	position:absolute; 
	top:270px; 
	left:35px; 
	width:300px; 
	padding:20px 0; 
	border:1px solid #000; 
	text-align:center;
		}
.passwordbox {
	margin:2px 0; 
	width:200px;
		}
		
#contact-wrapper {
	position:absolute; 
	top:45px; 
	margin-left: 400px;
	border-left: 1px solid gray;
	background:transparent;
	padding:0;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
	margin-left:15px;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:1.2em;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:1.2em;
	color:#333;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}

.error{
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	color: #FF0000;
	}
.contact-left {		
	position:absolute; 
	top:45px; 
	float:left;
	margin-left: 10px;
	padding: 0.5em;
	width:200px;
		}
.pager {
	margin:0.6em 5.5em 0.7em;
}
.pager p{ 
	padding: 5px; 
	margin: 0; 
	}
.pager .nav { 
	background: #FFFFFF; 
	border-top: 1px ;
	solid: #999; 
	padding: 0;
	}
.pager .nav a { 
	padding: 0 9px; 
	}
.pager .nav a.highlight { 
	color: #000; 
	font-weight: bold; 
	}
.page-content {
	margin:0.6em 2.5em 0.7em;
	}
	
/* Listen */
ul#portfolio li img{
	border: 1px solid #ccc;
	padding: 4px;
}


.fade{
	margin-bottom: 2em;
}

.fade p{
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
	background: #fff;
}


	
#dialog {position:absolute; width:425px; padding:10px; z-index:200; background:#fff}
#dialog-header {display:block; position:relative; width:411px; padding:3px 6px 7px; height:14px; font-size:14px; font-weight:bold}
#dialog-title {float:left}
#dialog-close {float:right; cursor:pointer; margin:3px 3px 0 0; height:11px; width:11px; background:url(images/dialog_close.gif) no-repeat}
#dialog-content {display:block; height:160px; padding:6px; color:#666666; font-size:13px}
#dialog-mask {position:absolute; top:0; left:0; min-height:100%; width:100%; background:#FFF; opacity:.75; filter:alpha(opacity=75); z-index:100}
.error {background:#fff url(images/error_bg.jpg) bottom right no-repeat; border:1px solid #924949; border-top:none}
.errorheader {background:url(images/error_header.gif) repeat-x; color:#6f2c2c; border:1px solid #924949; border-bottom:none}
.warning {background:#fff url(images/warning_bg.jpg) bottom right no-repeat; border:1px solid #c5a524; border-top:none}
.warningheader {background:url(images/warning_header.gif) repeat-x; color:#957c17; border:1px solid #c5a524; border-bottom:none}
.success {background:#fff url(images/success_bg.jpg) bottom right no-repeat; border:1px solid #60a174; border-top:none}
.successheader {background:url(images/success_header.gif) repeat-x; color:#3c7f51; border:1px solid #60a174; border-bottom:none}
.prompt {background:#fff url(images/prompt_bg.jpg) bottom right no-repeat; border:1px solid #4f6d81; border-top:none}
.promptheader {background:url(images/prompt_header.gif) repeat-x; color:#355468; border:1px solid #4f6d81; border-bottom:none}