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

/* Global ----------------------------------------------------------------------------------------------------------->*/

body		{background: url(images/background.gif); background-repeat: repeat; text-align: center; margin: 0px 0px 0px 0px; font-family: georgia, verdana, tahoma; color: #737b7a; font-size: 12px;}
p			{line-height: 15px;}

a			{outline: none;}

a:link				{text-decoration: none; color: #737b7a;}
a:active			{text-decoration: none; color: #737b7a;}
a:visited			{text-decoration: none; color: #737b7a;}
a:hover				{text-decoration: underline; color: #737b7a;}

#container			{margin: 0px auto; width: 745px; height: 410px;}

#topbar				{background: #2a464e; width: 100%; height: 18px; margin-bottom: 65px; font-family: tahoma; color: #719099; font-size: 11px;}
#topbar_left		{width: 29%; height: 18px; text-align: left; float: left;}
#topbar_left p		{margin: 1px 0px 0px 10px;}
#topbar_left img	{width: 12px; height: 12px; margin: 2px 2px 0px 0px; border: 0px;}

#topbar_right		{width: 70%; height: 18px; text-align: right; float: right;}
#topbar_right p	{margin: 1px 10px 0px 0px;}

/* Main Navigation -------------------------------------------------------------------------------------------------------->*/

#nav				{background: url(images/img_01.gif); background-repeat: no-repeat; width: 115px; height: 410px; text-align: left; float: left;}
#nav p			{margin: 20px 0px 0px 5px;}

.navlink			{height: 34px; width: 110px; border: 0px;}
.logo				{height: 60px; width: 90px; border: 0px; margin: 210px 0px 0px 10px;}

/* Page Container ----------------------------------------------------------------------------------------------------------->*/

#page_container{background: url(images/img_02.gif); background-repeat: no-repeat; width: 630px; height: 410px; padding: 0px 0px 0px 0px; text-align: left; float: right;}

/* Random Quote ----------------------------------------------------------------------------------------------------------------->*/

#quote			{width: 730px; height: 18px;  margin: 0px auto; padding: 5px 15px 0px 0px; text-align: right; font-family: tahoma; color: #719099; font-size: 11px;}

/* Form ------------------------------------------------------------------------------------------------------------------->*/

form				{position: relative; margin: 0px;}

.overlabel		{position: absolute; padding: 6px 2px 2px 8px; z-index: 1; cursor: text;}

#input1,
#input2, 
#input3,
#input4,
#input5,
#input6			{position: relative;}

input				{position: relative; background: #ffffff; border: 1px solid #6c8c95; color: #737b7a; margin-bottom: 10px; padding: 5px 2px 2px 7px; width: 230px; height: 18px; font-family: georgia, verdana, tahoma; color: #737b7a; font-size: 12px;}
input:hover		{position: relative; background: #ffffff; color: #737b7a; margin-bottom: 10px; padding: 5px 2px 2px 7px; width: 230px; height: 18px; font-family: georgia, verdana, tahoma; color: #737b7a; font-size: 12px;}

textarea			{position: relative; background: #ffffff; border: 1px solid #6c8c95; color: #3e7373; margin-bottom: 20px; padding: 5px 2px 2px 7px; width: 230px; height: 85px; font-family: georgia, verdana, tahoma; color: #737b7a; font-size: 12px;}
textarea:hover	{position: relative; background: #ffffff; color: #3e7373; margin-bottom: 20px; padding: 5px 2px 2px 7px; width: 230px; height: 85px; font-family: georgia, verdana, tahoma; color: #737b7a; font-size: 12px;}

.submit			{background: url(images/form_send.gif); width: 60px; height: 25px; margin-right: 115px; border: 0px; cursor: pointer;}
.submit:hover	{background: url(images/form_send_over.gif); width: 60px; height: 25px;}

.reset			{background: url(images/form_clear.gif); width: 60px; height: 25px; border: 0px; cursor: pointer;}
.reset:hover	{background: url(images/form_clear_over.gif); width: 60px; height: 25px;}

/* OTher Images ------------------------------------------------------------------------------------------------------------------->*/

.viewgallery	{width: 435px; height: 118px; border: 0px;}