/* CSS Document */

/* OTBI Property Limited */
/* Default Style Sheet v 1.0 */
/* Created by Christian Raymond (http://www.christianraymond.com) */
/* ¢ OTBI Property Limited 2007 */

/* basic elements */
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #982b2b url("../images/bg.jpg");
	background-repeat: repeat;
	background-position: center top;
	margin: 0px;
	color: #666666;
}

p {
	text-align: justify;
}

p .center {
	text-align: center;
}

h2, h3, h5, h6 {
	margin: 0px;
	padding: 0px;
	letter-spacing: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	color: #982b2b;
	border-bottom: 1px solid #982b2b;
}

.otbiTxt {
	background-image: url("../images/otbi_txt.jpg");
	border: none;
}

h1, h4 {
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
	letter-spacing: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	color: #982b2b;
	border: none;
}

#footer h2 {
	margin-right: 20px;
	margin-bottom: 20px;
}

a {
color: #982b2b; 
}

ul {
	margin-left: 30px;
	padding: 0px;
	list-style: square;
}

#footer p {
	text-align: center;
	font-size: 9px;
	color: #ffffff;
}

#footer a {
	color: #FF9933;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu img {
	margin: 0px;
}

.button li {
	display: inline;
}

.button a {
	display: block;
	float: left;
	width: 140px;
	height: 36px;
	margin: 0px;
	padding: 0px;
}

.buttonOverview a {
	display: block;
	float: left;
	width: 140px;
	height: 36px;
	margin-left: 4px;
}

.buttonOverview a:hover, #menu .active a {
	background: #000000;
	opacity: 0.3;
	-moz-opacity: 0.3;
	filter: alpha(opacity=30);
}

.button a:hover, #menu .active a {
	background: #000000;
	opacity: 0.3;
	-moz-opacity: 0.3;
	filter: alpha(opacity=30);
}

/* Specific divisions */

#header {
	background: #fff url("../images/header.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	margin: auto;
	padding: 0px;
	width: 808px;
	height: 303px;
}

#page {
	background-image: url("../images/content_bg.jpg");
	background-repeat: repeat-y;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	width: 808px;
}

#content {
	width: 784px;
	margin: 0 auto;
	background: #e8e8e8;
}

#footer {
	background: url("../images/footer.jpg") no-repeat;
	clear: both;
	margin: 0px auto;
	padding: 5px 0 0x 0;
	width: 808px;
	height: 48px;
}

#contact {
	width: 700px;
	margin-left: 23px;
	padding: 10px;
}

#contentLeft {
	width: 370px;
	padding: 10px;
}

.contentLeftForm {
	padding: 10px 10px 10px 70px;
}

#contentRight {
	float: right;
	width: 370px;
	overflow: visible;
	padding: 10px;
}

#contentRightForm {
	float: right;
	width: 300px;
	padding: 10px 50px 0 10px;
}


#menu {
	background: #fff url("../images/menu.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px auto;
	padding: 0px;
	width: 808px;
	height: 40px;
}
	
#text {
	margin: 20px 30px 10px 30px;
}

#textRight{
	position: absolute;
	margin-left: 395px;
	width: 360px;
	padding: 10px;
}

#textRightProducts{
	position: absolute;
	margin-left: 395px;
	margin-top: 40px;
	width: 360px;
	padding: 10px;
}

#skylightsImages {
	margin-top: 40px;
}

#galleryFlashBg {
	background: #e8e8e8 url("../images/red_bg.gif") no-repeat;
	margin-left: 78px;
	padding: 15px 0 0 15px;
	width: 626px;
	height: 485px;
}

#galleryTitle {
	padding: 33px 0 0 10px;
}

.title {
	padding: 23px 0px 0px 0px;
	height: 30px;
}

.managing {
	padding: 76px 0px 0px 0px;
	height: 30px;
}

.formTitle {
	font-family: Arial, Helvetica, sans-serif;
	color: #982b2b;
	font-size: 16px;
	font-weight: 300;
}