/* 			
			©Copyright Toby Clark

			Grey	#2d313a
			Gold  	#92762c		
*/

html								{background: url(../img/bg.jpg) repeat-x #e2e1df;}
body								{font-family: Tahoma;, sans-serif; font-size: small;}
#container							{background: white; overflow: hidden;}
#header								{margin-top: 30px; margin-bottom: 20px;}
.contact							{float: right;}
#mainContent						{}
#secondary img						{padding-bottom: 10px;}
#col1, #col2						{padding-top: 10px;}
#footer								{padding-top: 20px; margin-bottom: 20px; font-size: 75%; border-top: 1px #333 solid; border-bottom: 1px #333 solid;}
#col_info							{font-size: 80%; float: right; margin-top: -70px;}
#col_info h5						{float: right; color: #eea815; margin-top: -20px; font-size: 140%;}

h1									{}
h2									{color: #92762c; line-height: 1.2em; font-size: 140%; font-weight: normal;}
h3									{color: #92762c;font-size: 120%; margin: 0 0 0 0; font-weight: normal;}
h4									{font-size: 110%; font-weight: normal;}
p									{margin-bottom: 12px;}
li									{list-style-type: none; margin: 0; color: #3d1b1b; font-size: 100%;}
span								{color: #92762c;}
.sml_txt							{font-size: 80%;}
.lge_txt							{font-size: 170%;}

a:link								{color: #92762c; font-size: 100%; text-decoration: none;}
a:visited							{color: #92762c; font-size: 100%; text-decoration: none;}
a:hover								{color: #2d313a; text-decoration: underline;}

#social								{padding-top: 20px;}
#social dt							{float: right; width: 180px;}
#social dl							{padding-bottom: 30px;}
.link								{float: right; width: 180px;}
#social dd.img img 					{float: left;}

ul#bullit li						{list-style-type: disc; list-style-position: inside; padding-bottom: 2px;}	


#nav								{float: left; width: 940px; margin: 20px 0 0 0; padding: 0; list-style: none; background: #2d313a;}
#nav li								{float: left; margin: 0; padding: 0; font-size: 100%; }
#nav a 								{float: left; display: block; margin: 0; padding: 5px 20px; border-right: 2px #c0c0c0 solid;}
#nav a:link							{color: #eee; text-decoration: none;}
#nav a:visited						{color: #eee; text-decoration: none;}
#nav li a:hover						{color: #eee; background-color: #92762c; }
li.active							{color: #eee; background-color: #92762c; }

.sml-links							{padding-left: 10px; background-color: aqua;}

/* Portfolio */

.portfolio							{width: 125px; float: left; padding-right: 18px; font-size: 85%;}
.portfolio_last						{padding-right: 0px; font-size: 85%;}
.portfolio img						{padding-top: 5px;}
.portfolio_last img					{padding-top: 5px;}

/* Form */

#contact p, label, legend 			{font: 100%;}

#contact h1 						{ margin: 1px 0 10px; font-size: 20px; color: #333333; }
#contact hr 						{ color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact 							{ display: block; width: 440px; margin: 0 0 20px 0; padding: 10px; border: 1px solid #cbcbcb; background-color: #FFF;}

/* Form style */

#contact label 						{ display: inline-block; float: left; height: 26px; line-height: 35px; width: 155px; font-size: 1em;}
#contact input, textarea, select 	{ width: 220px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:1em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;}   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit 				{ width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
#contact input.submit:hover 		{ background:#92762c; }
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset 					{ padding:20px; border:1px solid #eee;}
#contact legend 					{ padding:7px 10px; color:#000; border:1px solid #eee; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required				{ font-size: 13px; color: #aa090a; } /* Select the colour of the * if the field is required. */

#message 							{ margin: 10px 0; padding: 0; }

.error_message 						{ display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; }

.loader 							{ padding: 0 10px; }

#contact #success_page h1 			{ background: url('../assets/success.gif') left no-repeat; padding-left:22px; }

acronym 							{ border-bottom:1px dotted #ccc; }