/*
Author: Yonny Sutanto
Site: http://www.ys-media.com
*/
body, html {
	font: normal 95% Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #690;
}

body a { text-decoration: none }

p { line-height: 1.4em; }

h1 { font-family: "Trebuchet MS"; font-size: 1em; }

h1 a { color: #000; }

#page {
	position: relative;
	width: 800px; 
	height: 500px;
	margin: auto;
}

#wrapper {
	height: 445px;
	padding: 30px;
	border: 3px solid #060;
	background-color: #FFF;
}

#header { position: relative; height: 55px; display: block; border: 1px solid #FFF; }

#menu {
	position: relative;
	float: right;
	width: 500px;
	height: 55px;
	text-align: right;
	border: 1px solid #FFF;	
}
	
	#menu a { color: #6F6F6F; }

	#menu_home, #menu_services, #menu_about, #menu_contact {
		position: relative;
		top: 0;
		margin-left: 20px;
		color: #6F6F6F;
		font-size: .9em;
		font-weight: bold;
		display: inline;
	}

#logo {
	float: left;
	width: 170px;
	height: 55px;
	background: url('images/logo.gif') no-repeat left;
}

#main { position: relative; width: 745px; margin-top: 25px; border: 1px solid #FFF; }

#main, #content, #sidebar { height: 375px; }

#content {
	float: left;
	width: 400px; 
	padding-right: 10px;
}

#sidebar {
	float: right;
	width: 300px;
	padding-left: 25px;
	border-left: 1px solid #ccc;
}

#info_response, #msgsent_response { display: none; }

.info1, .info2 {
	width: 90%;
	margin: auto;
	border: 2px solid #E93;
	background-color: #FFE;
	padding: 10px;
	font-size: .9em;
	color: #666;
	margin-bottom: 20px;	
}

.info1 { text-align: center }
.info2 { margin-top: 10px; height: 60px; font-size: 1em; line-height: 1.4em; }

#sendbutton {
	width: 155px;
	height: 20px;
	background-color: #363;
	border: 1px solid #CCC;
	padding-top: 2px;
	font-size: .9em;
	font-weight: bold;
	text-align: center;
}

#sendbutton a, #sendbutton a:visited { text-decoration: none; color: #FEFEFE; }

#sendbutton a:hover { padding-left: 3px; color: #F9FFFC; }

.inputbox, .msgarea {
	border: 1px solid #CEC; background-color: #FAFAFA; color: #333; padding: 2px;
}

.inputbox { width: 155px; text-align: right; padding-right: 3px; }

.inputbox_row { font-size: .9em; margin-bottom: 10px; }

.msgarea { 
	width: 285px; 
	height: 150px;
	overflow: auto;
}

#content_text {
	width: 400px;
	height: 325px;
	padding-right: 5px;
	overflow: hidden;
	border: 1px solid #FFF;
	font: normal 1em Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	text-align: justify;
}

#footer {
	display: block;
	margin: auto;
	padding: 0 0 0 10px;
	height: 15px;
	clear: both;
	font-family: "Trebuchet MS";
	color: #FEFEFE;
	text-decoration: none;
	text-align: left;
	font-size: .8em;
}

#container { display: none; }

.label { margin-top: 10px; font-weight: bold; color: #060; }
.data { margin: 0 0 10px 20px; }
.contact_link { color: #660; text-decoration: underline; }

.none { display: none }
.inline { display: inline }
.rightaligned { text-align: right }
.floatleft { float: left }
.floatright { float: right }
.fix125 { width: 125px; border: 1px solid #000; }