/*
	© Rohan Newton 2008-09
	© Paul Davis 2008-09
	www.codebymonkey.com
*/

/*****
	CSS RESET - MODIFIED YAHOO YUI
*****/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} img {-ms-interpolation-mode: bicubic;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;} .clear {clear: both;}
ol,ul,li {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';} abbr,acronym { border:0;} * {outline: none; -webkit-text-size-adjust: none;}


/*****
	LAYOUT
*****/
html						{overflow-y: scroll;}
html, body					{height: 100%;}
body						{font-family: Arial, sans-serif; font-size: 80%; color: #000;
							 background: #EEEBE6 url(images/bg.jpg) top center fixed;}
							 
							 
/*****
	LAYOUT
*****/
#wrap						{width: 750px; margin: 0 auto -50px; min-height: 100%; height: auto !important; height: 100%;}
#main						{padding: 100px 30px 10px 10px; background: transparent;}

/* Content */
#content					{}
#content p					{margin: 0 0 10px 0; font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;}

/* Nav */
#nav						{background: url(images/top-bottom.png) center bottom repeat-x; height: 90px; position: absolute; width: 100%; top: 0; left: 0;}
#nav-in						{width: 750px; margin: 0 auto; position: relative;}
#nav-in ul					{position: absolute; top: 35px; left: 10px;}
#nav-in ul li				{padding: 0 25px 0 0; display: inline; list-style: none;}
#nav-in ul li a:link, #nav-in ul li a:visited	{color: #fff; font-size: 0.8em; text-decoration:none; font-weight: bold;
												 text-transform: uppercase; letter-spacing: 2px;}
#nav-in ul li a:hover, #nav-in ul li a:active	{color: #000; text-decoration:none;}
#nav-in .logo				{position: absolute; top: 7px; right: 0;}

/* Latest */
#latest						{position: relative; left: 10px; width: 711px; margin: 15px 0 15px 0;}
#latest li					{margin: 10px; display: inline;}
#latest li img				{border: 1px solid rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4); -webkit-transition: all 0.3s ease-in;}
#latest li img:hover		{border: 1px solid rgba(0,0,0,0.7); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.9); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.9);}


/* Gallery */
#options					{overflow: hidden; position: relative; left: 13px; top: 6px;}
#options li					{float: left;}
#options li a				{display: block; padding: 5px 8px; color: #666;}
#options li.active a		{color: #000;}
#options li a:hover			{text-decoration: none; color: #333;}
.images						{position: relative; left: 10px; width: 711px; margin: 15px 0 15px 0; overflow: hidden; display: block;}
.images li					{display: block; margin: 10px; float: left;}
.images li img				{border: 1px solid rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4); -webkit-transition: all 0.3s ease-in;}
.images li img:hover		{border: 1px solid rgba(0,0,0,0.7); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.9); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.9);}

/* Contact Form */
#contact-form				{width: 300px; margin: 0 auto;}
#contact-form tr td			{padding: 5px;}
#contact-form label			{float: right;}
#contact-form .box			{padding: 3px; width: 200px;}
#contact-form .bigbox		{padding: 3px; width: 200px;}

/* Footer */
#push						{height: 50px;}
#footer						{background: url(images/top-bottom.png) top center repeat-x; height: 50px;}
#footer-in					{width: 750px; margin: 0 auto;}
#footer p					{text-align: center; padding: 22px 0 0 0; font-size: 0.8em; color: #2F2F2C;}
#footer a:link, #footer a:visited	{color: #2F2F2C;}
#footer a:active, #footer a:hover	{color: #000;}



/*****
	TYPOGRAPHY
*****/
h1, h2, h3, h4, h5, h6		{font-family: Arial, Helvetica, sans-serif;}
h1							{font-size: 2em;}
h2							{font-size: 1.6em;}
h3							{font-size: 1.5em;}
h4							{font-size: 1.4em;}
h5							{font-size: 1.3em;}
h6							{font-size: 1.2em;}
p							{font-size: 1em; line-height: 1.6em;}

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