@charset "UTF-8";
/* CSS Document */

/* Constant elements */

* {padding: 0; margin: 0;  } 

html {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	background: #a1a1a1 url('/images/body_bg.gif') repeat-x top left;
	text-align: center;
}







/* FORM ELEMENTS */

input, select, textarea {
	margin: 				0 10px 4px 15px;
	padding: 				3px 0 3px 2px;
	font-size: 				14px;
	color: 					#222;
	background-color:		#a9a9a9;
	height: 				auto;
	width: 					200px;
	border: 				2px solid #c9c9c9;
}
select {
	width: 					206px;
	height:					auto;
	margin: 				0 0 4px 15px;
	padding: 				4px 0 4px 0;
	border: 				1px solid #c9c9c9;
	background-color:		#999;
}
textarea {
	height: 				60px;
	font-family: 			Arial, Helvetica, sans-serif;
}
select:hover,
textarea:hover,
input:hover {
	background-color:		#b9b9b9;	
}
input.button {
	width:					206px;
	padding:				5px 0 5px 0;
	color:					#444;
	background-color:		#f3f3f3;
	background-image:		url('/images/button_bg.jpg');
	background-position:	bottom left;
	background-repeat:		repeat-x;
	border: 				1px solid #666;
	border-top:				1px solid #f2f2f2;
	border-left:			1px solid #f2f2f2;
	font-family: 			Arial, Helvetica, sans-serif;
	cursor:					pointer;
}
input.button:hover {
	color:					#d04c00;
	padding:				6px 0 4px 0;
	border:					1px solid #eee;
	border-top:				1px solid #333;
	border-left:			1px solid #333;
}

input.error_input,
select.error_input,
textarea.error_input {
	background: 			#fcf5f5;
	border: 				2px solid #d10000;
}

/* TABLE STYLES */

table {
	border-collapse: 		collapse;
	border: 				4px solid #c2c2c2;
	margin: 				10px 0 5px 0;
	width: 					100%;
	height: 				auto;
	background-color: 		#b2b2b2;	
}
table th {
	background-color: 		transparent;
	background-image: 		url('/images/th_bg.gif');
	background-position: 	top left;
	background-repeat: 		repeat-x;
	text-align: 			left;
	vertical-align: 		top;
	color: 					#fff;
	font-size: 				14px;
	font-weight: 			normal;
	padding: 				5px 0 0 10px;
	height: 				35px;
	border: 				0;
}
table td {
	vertical-align: 		top;
	padding: 				3px 10px 3px 10px;	
}



/* TYPOGRAPHY */

h1 {
	margin:					0;
	padding: 				20px 0 15px 0;
	font-size: 				2.4em;
	line-height: 			1.5em;
	font-family: 			'georgia', 'times new roman', 'times', arial, helvetica, sans-serif;
	font-weight: 			normal;
	text-align: 			left;
	color: 					#fff;
}

h2 {
	font-family: 			'georgia', 'times new roman', 'times', arial, helvetica, sans-serif;
	font-size: 				2.1em;
	padding: 				8px 0 5px 0;
	margin:					0;
	font-weight: 			normal;
	color: 					#444;
}

h3 {
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	color: #445559;
	margin: 0;
	padding: 5px 0 0 0;	
}
h4 {
	font-size: 15px;
	line-height: 20px;
	font-weight: normal;
	color: #333;
	margin: 0;
	padding: 10px 0 0 0;	
}

p {
	font-family: 			'georgia', 'times new roman', 'times', arial, helvetica, sans-serif;
	color:					#111;
	padding: 				4px 0 9px 0;
	font-size:				1.2em;
	line-height: 			2.1em;
}
p.error {
	color:					#900;
	font-weight:			bold;
}
ul, ol {
	margin: 				4px 0 4px 20px;
	padding: 				6px;
}
ul li {
	list-style-type: 		none;
	display: 				block;
	background-image: 		url('/images/tick.gif');
	background-position: 	0 4px;
	background-repeat: 		no-repeat;	
	padding: 				5px 0 5px 18px;
}
ol li {
	line-height: 			1.8em;
}
hr
{
	background: 			transparent;
	clear: 					both;
	color: 					#a1a1a1;
	height: 				0;
	border-top: 			1px solid #c9c9c9;
	margin: 				4px 0 8px 0;
}




a:link,
a:visited,
a:active,
a:hover {
	color: #d04c00;
	text-decoration: none;	
}
a:hover {
	color: #000;
	text-decoration: none;
}

.clear {
	clear: both;
	width: 0;
	height: 0;
	border: 0;
}
.hide {
	display: none;
}
.show {
	display: block;
}
img.float_left,
img.float_right {
	float:				left;
	border:				4px solid #c9c9c9;
	padding:			3px;
	margin:				5px 20px 5px 0;	
}
img.float_right {
	float:				right;
	margin:				5px 0 5px 20px;
}


/* LAYOUT */

div.wrapper {
	margin: 			0px auto;
	padding: 			0px;
	width: 				900px;
	height: 			auto;
	border: 			0;
}
img.logo {
	float: 				right;
	border: 			0;
	margin: 			105px 30px 0 0;
	padding: 			0;
}

#main_content {
	clear:				both;
	float: 				none;
	text-align: 		left;
	width: 				885px;
	padding: 			0 0 0 15px;
	margin: 			0;
	border: 			0;
	background: 		transparent url('/images/content_bg.gif') no-repeat 15px 0;
}

#photo-frame {
	float:				right;
	width:				376px;
	height:				424px;
	padding:			6px 0 0 7px;
	margin:				6px 10px 0 30px;
	border:				0;
	background: 		transparent url('/images/photo_frame.gif') no-repeat top left;
}
#photo {
	position:			relative;
 	height:				405px;
 	width:				356px;
 	padding:			0;
	margin:				0;
	border:				0;
	background:			transparent;
}
#photo div {
	position:			absolute;
	top:				0;
	left:				0;
	z-index:			8;
	filter:				alpha(opacity=0);
	-moz-opacity: 		0.0; 
	opacity: 			0.0;
	-khtml-opacity: 	0.0;
	width:				auto;
	height: 			auto;
	padding:			0;
	margin:				0;
	border:				0;
	background: 		transparent;
}
#photo div.active {
	z-index:			10;
	filter:				alpha(opacity=100);
	-moz-opacity: 		1.0; 
	opacity: 			1.0;
	-khtml-opacity: 	1.0;
}
#photo div.last-active {
    z-index:			9;
}
#photo img {
	border:				3px solid #c9c9c9;
	padding:			0;
	margin:				0;
}

#contact {
	float:				right;
	width:				50%;
	margin:				0 0 10px 20px;	
}

#gallery {
	clear:				both;
	background-color:	#252525;
	margin:				5px 0 5px 0;
	padding:			0 0 0 16px;
	text-align:			left;
	overflow:			hidden;
	height:				76px;
}
#gallery img {
	border:				2px solid #7a7d7f;
	padding:			0;
	margin:				12px 7px 12px 7px;
	cursor:				pointer;
}
#bottom {
	background-color:	#181716;
	width:				100%;
	height:				120px;
	text-align:			center;	
}

#footer {
	margin: 			0px auto;
	padding: 			10px 0 0 0;
	width: 				900px;
	height: 			auto;
	border: 			0;
}

#footer p {
	float:				left;
	width:				400px
	font-size: 			0.8em;
	color: 				#696969;
	font-weight: 		normal;
	text-decoration: 	none;
	text-align: 		left;
	margin: 			10px 0 0 15px;
	padding: 			0;
	line-height: 		2em;;
}

#footer p.design_by {
	float:				right;
	text-align: 		right;
	width:				400px
	margin-right: 		15px;	
}


/* MENU ELEMENTS */

ul#top_menu {
	float:				left;
	height: 			auto;
	border: 			0;
	padding: 			0;
	margin: 			165px 0 0 0;
}

ul#top_menu li {
	background: 		transparent;
	margin: 			0;
	padding: 			0;
	border: 			0;
	float: 				left;
	list-style: 		none;
}

ul#top_menu li a:link,
ul#top_menu li a:visited,
ul#top_menu li a:active,
ul#top_menu li a:hover {
	display:			block;
	float: 				left;
	height: 			auto;
	padding: 			11px 15px 12px 15px;
	font-family: 		'georgia', 'times new roman', 'times', arial, helvetica, sans-serif;
	font-size:			18px;
	color: 				#7f8485;
	position: 			relative;
}

ul#top_menu li a:hover {
	color:				#fff;
	text-decoration: 	none;	
}