/* Ragoodall Design ~ steven@ragoodall.co.uk */

/* Oblo Website Styles */

/* Global */
body					{margin: 0px; background-color: #62111a; background-image: url(../images/bg_main.gif); background-repeat: repeat-x; font-family: arial, helvetica, sans-serif; 
						font-size: 62.5%; line-height: 16px; color: #ffffff; text-align: center;}
h1						{font-size: 1.33em; color: #ffffff; border-bottom: 2px dotted #481218; margin: 0px 0px 16px 0px; padding: 0px 0px 4px 0px; text-align: left; position: relative;}
.under					{padding-top: 1px;}

h2						{font-size: 1.25em; color: #62111a; border-bottom: 2px dotted #bbb8a6; margin: 20px 0px 16px 0px; padding: 0px 0px 4px 0px;}
h3						{font-size: 1.20em; color: #ffffff; font-style: italic; font-weight: bold; margin: 0px 0px 13px 0px;}
h4						{color: #e1d2a9; font-weight: bold; margin-bottom: 12px;}

p						{margin: 0px 0px 12px 0px; padding: 0px; text-align: justify;}
small					{color: #ffffff; font-size: 0.92em; font-weight: normal;}

a						{outline: none;}

.list					{margin: 0px; padding: 0px;}
.list li				{list-style-image: url(../images/bullet.gif); list-style-type: circle; margin: 0px 0px 12px 22px; padding: 0px 0px 0px 12px; font-size: 0.92em;}
.list li a		 		{font-size: 1.17em;}

.logo img, .logo img a, .logo img a:hover
						{border: 0px;}

.social_title			{margin: 18px 0 18px 64px;}			
.facebook				{border: 0; margin-left: 70px;}
						
/* Layout */
#container_main			{width: 915px; height: 100%; margin: 0px auto 0px auto; font-size: 1.17em; text-align: left;}
#container_footer		{width: 100%; height: 100%; margin: 0px; background-color: #e7e3d0; font-size: 1.25em; color: #666352; text-align: left; border-top: 4px solid #ffffff;}
	
#header					{width: 100%; height: 80px; margin: 0px;}
#header .logo			{width: 311px; height: 100%; float: left; margin: 0px;}
#header .nav			{width: 604px; height: 100%; float: right; margin: 0px;}

#content				{width: 100%; height: 100%; margin: 0px; overflow: hidden;}
#content .full			{width: 907px; height: 100%; margin: 0px; padding: 20px 4px 20px 4px;}
#content .left			{width: 434px; height: 100%; margin: 0px; padding: 20px 16px 20px 4px; float: left;}
#content .right			{width: 434px; height: 100%; margin: 0px; padding: 20px 4px 20px 16px; float: right; text-align: left;}
#content .left_wide		{width: 634px; height: 100%; margin: 0px; padding: 20px 16px 20px 4px; float: left;}
#content .right_narrow	{width: 234px; height: 100%; margin: 0px; padding: 20px 4px 20px 16px; float: right; text-align: left;}

#content a				{color: #e1d2a9; text-decoration: none; outline: none;}
#content a:active		{color: #e1d2a9; text-decoration: none;}
#content a:visited		{color: #e1d2a9; text-decoration: none;}
#content a:hover		{color: #e1d2a9; text-decoration: none;}

#footer					{width: 915px; height: 100%; margin: 0px auto 0px auto; overflow: hidden;}
#footer .left			{width: 434px; height: 100%; margin: 0px; padding: 0px 16px 20px 4px; float: left;}
#footer .right			{width: 434px; height: 100%; margin: 0px; padding: 0px 0px 20px 16px; float: right; text-align: right;}

/* Navigation */
.menu					{width: 100%; height: 100%; margin: 0px; padding: 0px; font-size: 1em;}
.menu li				{display: inline;}
.menu li a				{display: block; float: left; color: #ffffff; padding: 55px 15px 10px 15px; text-decoration: none; border: 0px;}					
.menu li a:hover		{padding: 55px 15px 10px 15px; background-color: #4f141b; color: #e1d2a9; border: 0px;}

.drop					{position: absolute; margin-top: 3px; top: 0px; z-index:100; background-color: #e7e3d0; width: auto; visibility: hidden;
						filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;}
.drop a					{width: auto; display: block; padding: 8px 16px 8px 16px; color: #62111a; font-weight: bold; text-decoration: none; border: 0px;}
.drop a:hover			{background-color: #d3ceb8; color: #481218; border: 0px;}

/* Testimonials */
blockquote				{width: 75%; background: url(../images/quote.gif) no-repeat; background-position: top left; padding: 6px 0px 0px 34px; margin: 0px auto 0px auto; 
						text-align: justify;}
blockquote p			{background: url(../images/unquote.gif); background-repeat: no-repeat; background-position: bottom right; display: inline; padding: 0px 34px 10px 0px; margin: 0px;
						font-size: 1.17em; font-weight: bold; letter-spacing: 0.05em; font-style: italic; line-height: 17px;}
.cite					{width: 75%; color: #e1d2a9; margin: 0px auto 0px auto; padding: 21px 0px 0px 34px; text-align: center;}

/* Content */
#service				{margin: -18px 0px 16px 0px; text-align: center; background-color: #5a0f17; padding: 16px 8px 8px 8px; border: 2px dotted #481218;} 
#service .times			{margin: 0px 0px 8px 0px; padding: 0px;}
#service span, .profile span
						{color: #e1d2a9; font-weight: bold;}
.review span			{font-size: 1.17em; color: #e1d2a9; font-weight: bold;}
.profile, .review		{margin: 0px 0px 16px 0px; text-align: left; background-color: #5a0f17; padding: 16px; border: 2px dotted #481218;}
.profile p, .review p	{margin: 12px 0px 0px 0px;}

.print					{border: 0px; width: 10px; height: 10px; padding-top: 4px; position: absolute; left: 98%;}
.download				{border: 0px; width: 10px; height: 10px; padding-top: 4px; position: absolute; left: 94%;}
.profile-photo			{border: 5px solid #4f141b; height: 90px; width: 90px; float: right; margin: 0px 0px 16px 16px;}
.contact-name			{color: #e1d2a9; font-weight: bold;}

/* Contact Form */
#contact				{width: 634px; margin: 0px; padding: 0px;}
#contact p				{width: 520px; clear: left; margin: 0px; padding: 5px 0px 8px 114px; height: 1%;}
#contact label			{font-weight: bold; color: #e1d2a9; float: left; margin-left: -114px; width: 110px;}

#contact input			{color: #666352; background-color: #e7e3d0; border: 2px solid #ffffff; padding: 4px; width: 200px; font-family: arial, helvetica, sans-serif; font-size: 1.08em;}
#contact input.checkbox	{width: 20px; margin: 0px 4px 0px 0px;}
#contact input:focus	{background-color: #e2ddc7;}

#contact textarea		{color: #666352; background-color: #e7e3d0; border: 2px solid #ffffff; padding: 4px; width: 300px; font-family: arial, helvetica, sans-serif; font-size: 1.08em;}
#contact textarea:focus	{background-color: #e2ddc7;}

#contact .button		{width: 77px; height: 28px; background: #62111a url(../images/btn_contact.gif); border: 0px; cursor: pointer;}

#contact .error			{border: 2px solid #ffffff;}
#contact .errorMessage	{color: #e1d2a9; margin-left: 10px; font-size: 0.92em; vertical-align: top;}
#contact .mailing		{color: #e1d2a9; font-size: 0.92em;}
						
/* Menus - Dotted Leaders */
#menu_dotted			{width:100%; margin: 0px;}
dl						{width: 100%; overflow: auto; margin: 0 0 1em; background: url(../images/dot.gif) repeat-x 0 11px}
dt,dd.price				{background-color: #62111a; font-weight: bold; color: #e1d2a9;}
dt						{float: left; padding-right: 4px;}
dd						{margin:0}
dd.price				{float: right; padding-left: 4px;}
dd.description			{float: left; width: 100%; padding: 0px; font-size: 0.92em;}

/* Tables */
th						{border-bottom: 2px dotted #481218; color: #e1d2a9; font-weight: bold; padding: 0px;}
td						{padding: 8px 0px 8px 0px; border-bottom: 2px dotted #481218; vertical-align: top;}

#awards					{width: 100%; margin: 0 0 16px 0; padding: 0px;}
th.year, td.result		{width: 26px;}
th.award, td.award		{width: 290px; padding-left: 18px; padding-right: 18px;}
th.result, td.result	{width: 82px;}

#events					{width: 100%; margin: 0px; padding: 0px;}
#events a				{font-size: 0.92em;}
th.date, td.date		{width: 78px;}
td.date-passed			{width: 78px; text-decoration: line-through;}
th.event, td.event		{width: 520px; padding-left: 20px; padding-right: 20px;}

/* Footer */
#footer p				{margin: 0px 0px 3px 0px; padding: 0px; text-align: justify;}
.tel, .fax				{font-weight: bold; color: #62111a;}

#footer .left a			{color: #6e6b5b; border-bottom: #6e6b5b dotted 1px; text-decoration: none;}
#footer .left a:active	{color: #6e6b5b; border-bottom: #6e6b5b dotted 1px; text-decoration: none;}
#footer .left a:visited	{color: #6e6b5b; border-bottom: #6e6b5b dotted 1px; text-decoration: none;}
#footer .left a:hover	{color: #6e6b5b; border-bottom: #62111a dotted 1px; background: #ddd8c2; text-decoration: none;}

.directions input		{border: 2px solid #d3ceb8; background-color: #ffffff; color: #6e6b5b; margin: 12px 0px 0px 0px; padding: 4px;}
.directions input.button{width: 90px; height: 28px; border: 0px; background: #e7e3d0 url(../images/btn_directions.gif); margin: 0px 0px 0px 20px; cursor: pointer;}

#footer .underline		{border-bottom: #6e6b5b dotted 1px;}
#footer .map			{margin: 20px 0px 0px 0px; border: 5px solid #d3ceb8;}
#footer .map:hover		{border: 5px solid #c6c0a8;}

/* MooTools ToolTips */
.tool-tip				{color: #ffffff; width: 139px; z-index: 13000;}
.tool-title 			{font-size: 1.08em; font-weight: bold; margin: 0; color: #e1d2a9; padding: 5px 5px 0px 5px; background: url(../images/bg_tooltip.png) top left;}
.tool-text 				{font-size: 1.08em; padding: 0px 5px 5px 5px; background: url(../images/bg_tooltip.png) bottom right;}

.cream-tip				{color: #666352; width: 139px; z-index: 13000;}
.cream-title 			{font-size: 1.08em; font-weight: bold; margin: 0; color: #62111a; padding: 5px 5px 0px 5px; background: url(../images/bg_tooltip2.png) top left;}
.cream-text 			{font-size: 1.08em; padding: 0px 5px 5px 5px; background: url(../images/bg_tooltip2.png) bottom right;}

/* IE Hacks */

* html #header .nav		{width: 555px;}
* html #header .logo	{width: 360px;}
* html .drop 			{margin-top: 8px;}