/* FidoFolio Theme: RUFUS (2009-06-03) */

body {
	background: #000 url('/theme/images/background.gif') repeat top left;
	color: #2b0c09;
	font: 13px Georgia, Arial, Verdana, sans-serif;
}
a {
	outline: none;
	color: #2b0c09;
	text-decoration: none;
}
a:hover {
	color: #CCC;
}
/*-------------------------------------- Body Wrapper -----------------------------*/

body {
	padding: 10px;
	margin: 0;
	text-align: center;
}
#wrapper {
	margin: 0 auto;
	padding: 1.5em 0 1em 0;
	text-align: left;
	width: 800px;
	position: relative;
}

/*----------------------------- Header and Nav ---------------------------*/
#logo {
	float: right;
}
#nav {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	top: 31px;
	z-index: 1001;
}
#nav ul li a	{display:inline-block !important;}
#nav ul li a {display:block !important;}
#nav a {
	display: block;
	margin: 0;
}
#nav li.main_list {
	float: left;
	padding: 0;
	width: 100px;
	position: relative;
	margin: 0;
}
#nav li ul {
	width: 100px; 
	position: absolute; 
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav li ul li {
	margin: 0;
	padding: 0;
	height: auto;
}
#nav li ul li a {
	background: #FFF;
	padding: .45em 0 .45em 20px;
	margin: 0;
}
#nav li ul li a:hover {
	background:#2b0c09;
	color: #FFF;
}
a#portfolio:hover {
	color: #2b0c09;
}
img#triangle {
	margin-right: 3px;
}
/*-------------------------------- Global Classes -----------------------------*/

.clear {
	clear: both;
}
img a, a img {
	border: none;
}
.required {
	color: #FF0000;
}
h1 {
	font: bold 22px Lucida Grande, Helvetica, Verdana, sans-serif;
	font-weight: 100;
}

/*------------------------------- Content ------------------------------------*/

#content {
	clear: both;
	height: 532px;
	width: 800px;
	position: relative;
	z-index: 1;
	background: transparent;
}

/*------------------------------- Overlay for Hover Zones ---------------------------*/
#zones {
	width: 840px;
	height: 532px;
	position: absolute;
	top: 80px;
	left: 0;
	z-index: 1000;
}
#zones td {
	width: 420px;
	border: 1px solid transparent;
}
* html #zones td {
	width: 420px;
	border: none;
}
#zones td a {
	display: none;
	padding: 0 5px;
	margin: 0;
	z-index: 1001;
}
div.rightz, td.rightz {
	text-align: right;
}
#internal {
	width: 840px;
	height: 532px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
div.left_zone, td.leftz {
	display: block;
	background: transparent;
	height: 532px;
	width: 420px;
	position: absolute;
	top: 100px;
	left: 0;
	z-index: 1000;
}
div.right_zone, td.rightz {
	display: block;
	background: transparent;
	height: 532px;
	width: 420px;
	position: absolute;
	top: 100px;
	left: 420px;
	z-index: 1000;
}
/*-------------------------------------- SlideShow ---------------------------*/
.gallery_containerÊ{ÊÊ
ÊÊÊÊheight:ÊÊ532px;ÊÊ
ÊÊÊÊwidth:ÊÊÊ800px;ÊÊ
ÊÊÊÊpadding:Ê0;ÊÊ
ÊÊÊÊmargin:ÊÊ0;ÊÊ
}Ê
Ê
.gallery_containerÊimgÊ{ÊÊÊ
ÊÊÊÊwidth:ÊÊ800px;Ê
ÊÊÊÊheight:Ê532px;Ê
ÊÊÊÊtop:ÊÊ0;Ê
ÊÊÊÊleft:Ê0Ê
}Ê
/*-------------------------------------- Gallery ---------------------------------------*/
#gallery {
	height: 1500px;
	width: 800px;
}
#s1 {
	opacity: 0;
}
/*-------------------------------------- Pages ---------------------------------------*/
#page {
	padding-top: 0em;
	background: #c19f6f;
	height: 600px;
	position: relative;
}
#left_side {
	width: 400px;
	float: left;
	overflow: hidden;
}
#left_side img {
	margin-top: 35px;
}

#right_side {
	padding-top: 1em;
	margin-left: 420px;
	width: 360px;
	font-family: sans-serif;
	line-height: 18px;
	text-align: left;	
	color: #5a3612;
}
div.hidden_div {
	display: none;
}

#page table td, #page table th {
	vertical-align: top;
}
#left_side #left_nav {
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 180px;
	right: 390px;
	background: transparent;
	z-index: 2;
	font-size: 15px;
	font-weight: bold;
	text-align: right;
}
#left_side #left_nav li a {
	padding: 1em 2em;
	display: block;
	text-decoration: none;
}
#clients_page ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 .5em;
}
/*---------------------------- Contact Page ----------------------------------*/
#error_messages {
	list-style: none;
	margin: 0;
	padding: 0;
}
#error_messages li {
	padding: 0;
	margin: 0 0 0 .5em;
	color: #FF0000;
	line-height: 16px;
}
/*---------------------------- Footer ---------------------------------------*/

#footer {
	clear: both;
	padding-top: .5em;
	font-weight: bold;
	text-align: center;
	z-index: 100;
}