/* CSS Document */

body, html {
	width:100%;
	height:100%;
}

body {
	background-color:#838383;
	margin:10px 0 0 0;
	padding:0;
	background-image: url(images/background.gif);
	background-repeat: repeat-x;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

h1 {
	font-size:15px;
	color:#FF9900;
}

a:link, a:hover, a:active, a:visited {
	color:#000000;
}

#wrapper {
	background-color:#FFFFFF;
	width:800px;
	height:500s;
	margin:auto;
	text-align:left;
}

.clear {
	clear:both;
}

#header {
	height:52px;
	background-image: url(images/header.gif);
}

#content {
	padding:0 auto 10px auto;
}

#grey-frame {
	background-color:#D0D0D0;
	padding:10px 130px 10px 130px;
}

#white-frame {
	background-color:#FFFFFF;
	padding:10px 50px 10px 50px;
}

#contact-frame {
	background-color:#FFFFFF;
	padding:50px 10px 10px 10px;
}

#photo, #text {
	background-color:#FFFFFF;
	padding:10px;
}

#text {
	padding-bottom:60px;
	line-height:18px;
}

#photo {
	margin:0 0 10px 0;
}

.required {
	color:#ff9900;
}

/*
	////////// CONTACT //////////
*/

#contact-photo {
	float:left;
	margin-bottom:100px;
}

#contact p {
	margin:0 0 5px 0;
}

#contact label {
	width:150px;
	display:block;
	float:left;
}

#contact input, #contact textarea, #contact select {
	width:250px;
	border:1px solid #999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#contact .submit {
	border:none;
	width:auto;
	padding:0 20px 0 20px;
}

/*
	////////// PORTRAIT //////////
*/

.portrait {
	line-height:18px;
	padding:0 0 10px 0;
}

.portrait img {
	float:left;
	margin:0 20px 0 0;
}

.portrait p {
	margin:0 0 5px 0;
}

.layout-01 {
	float:left;
	width:210px;
	height:250px;
	margin:0 25px 0 25px;
}

.layout-01 span {
	font-weight:bold;
	color:#FF9900;
}