/* GENERAL */
body{
    background-color: #e2ead6;
    margin: 0px;
    font-family: Arial,Helvetica,sans-serif;
    color: #333333;
    font-size:12px;
    padding: 10px;
}

h1 {
    color: #333333;
    font-size: 20px;
}

h2 {
    color: #333333;
    font-size: 16px;
    margin-top: 3px;
    margin-bottom: 3px;
}





/* IDs */
#main {
    padding-left: 5px;
}

#page_header_bar{
    height: 22px;
	margin-left:0; margin-top:4px;
	font-size: 14px;
    font-family: Arial,Helvetica,sans-serif;
    background-color:#333333;
    color: #EEEEEE;
    padding-left: 5px;
	/* CSS3 properties */
    -moz-box-shadow:0 1px 10px rgba(0, 0, 0, 0.55);
    -webkit-box-shadow:0 1px 10px rgba(0, 0, 0, 0.55);
}

#content .contact {color:#666666; font-size:15px;}
#content .contact .firstCol {margin-left:0; margin-top:15px;}
#content .contact .secondCol {margin-right:0; margin-top:15px;}

#content .contact hr {margin:15px 0 40px 0;}
#content .contact .grid_4 hr { margin-left:-10px;}

#content .contact .sexy .list-wrapper ul {list-style-type:none; padding:0; margin:0; height:200px;}


#content .contact .address {margin-bottom:50px;}
#content .contact .simpleButton {font-size:12px;}
#content .contact .text {font-size:12px; line-height:20px;}
#content .contact .errorText {text-align:right; clear:both; display:block; color:#FE3131; display:none; font-size:11px; line-height:12px;}

#contactForm input, #contactForm select {float:right;}

#contactForm p {clear:both; display:block; height:26px; padding-bottom:20px; margin:0;}
#contactForm .messageBox {clear:both; overflow:hidden; margin-bottom:0; padding-bottom:20px; height:168px;}
#contactForm .responseText {text-align:right; display:none; clear:both;}
#contactForm .requiered {margin-top:0px; margin-bottom:0px;}
#contactForm .requiered small {margin-left:120px; font-size:11px; color:#42b7d4; float:left;}
#contactForm .loadingImage {margin:4px 2px 0 0px; display:block; float:right; display:none;}
#contactForm .formText {float:left; line-height:26px;}

#contactForm .textInput {
	background:url(images/forms/textInput340.png) no-repeat top right; 
	font-size:12px;
	border:0; 
	height:15px; 
	width:310px; 
	color:#666666; 
	padding:6px 15px 6px 15px; 
}
#contactForm .textInput:focus {background-position:right -27px; outline:none;}
#contactForm .textInput.error {background-position:right bottom;}

#contactForm .textarea {float:right; width:340px; margin-bottom:3px;}
#contactForm .textarea .top {background:url(images/forms/textInput340.png) no-repeat left top; height:14px;}
#contactForm .textarea .bottom {background:url(images/forms/textInput340.png) no-repeat left -13px; height:14px;}
#contactForm .textarea textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666; 
	background:none;
	border:0;
	background-color:#f9f9f9;
	border-left:1px solid #d3d1d1;
	border-right:1px solid #d3d1d1;
	padding:0 15px 0 15px; 
	margin-bottom:0;
	overflow:auto;
	width:308px;
	height:140px;
}

#contactForm .textarea.focus .top {background-position:left -27px;}
#contactForm .textarea.focus .bottom {background-position:left -40px;}
#contactForm .textarea.focus textarea {background:none; background-color:#f9f9f9; border-left:1px solid #b6e4ef; border-right:1px solid #b6e4ef;}

#contactForm .textarea.error .top {background-position:left -54px;}
#contactForm .textarea.error .bottom {background-position:left -67px;}
#contactForm .textarea.error textarea {background:none; background-color:#ffeded; border-left:1px solid #f9acac; border-right:1px solid #f9acac;}

#contactForm .button {
	background:url(images/buttons/send.png) no-repeat left top; 
	text-indent:-9999px; 
	height:24px; 
	width:68px; 
	display:block; 
	float:right; 
	border:0;
}
#contactForm .button:hover {background-position: left -24px;}
#contactForm .button:active {background-position: left -48px;}
#contactForm .clearButton {background:url(images/buttons/clear.png) no-repeat left top; margin-right:20px;}

/* ######## Saf3+, Chrome1+ hacks ######## */
@media screen and (-webkit-min-device-pixel-ratio:0) { 			
	#mainHeader .mainMenu li a {text-shadow:0 -1px 0.5px #20B3DC, 0 0.5px 1px #D3F2F8;}
	#mainHeader .mainMenu li:hover a {text-shadow:0 0.8px 0.5px #2e95b2, 0 1px 0.4px #7bd1e5;}
	#mainHeader .mainMenu li:active a {text-shadow:0 1px 0.4px #77cbe0, 0 -0.8px 0.5px #2d7083;}
	#mainHeader .mainMenu .current a {text-shadow:0 1px 0.4px #77cbe0, 0 -0.8px 0.5px #2d7083;}
	
	#content #commentsForm .textarea textarea {resize:none; padding:5px 5px 20px 15px; height:73px;}
	#content .contact .textarea textarea {resize:vertical; max-width:308px; margin-bottom:-3px; outline:none;}
	#footerWidgets .contactForm .textarea textarea {resize:vertical; max-width:190px;}
}

/* Remove the outlines from links and buttons and sIFR text replacement */
a, .customCheckbox label.focus, .customRadio label.focus, .sIFR-flash {outline:none;}

/* Remove the drag handles from the textarea in Safari and Chrome  */
#footerWidgets .contactForm .textarea textarea, #content .contact .textarea textarea {resize:none;}