/*

Default rule checklist

Each Header has a different font-family, choose from one
nav menu needs a height set

*/


/* reset */
body, div, img, p, span, a, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, fieldset, label, input, button, textarea, select, table, tr, th, td {margin:0; padding:0; border:0; outline:0}
body						{font:12px/16px Arial, Helvetica, sans-serif; font-weight:normal; color:#111}
button,fieldset,img 		{border:none}
ol, ul						{margin-left:20px}

a			{text-decoration:none; color:#fff}
a:hover		{text-decoration:none; color:#fff}
button      {cursor:pointer}
.gallery .left_column a {color:#9E230E}

/* Misc. */
.replace span	{position:absolute; left:-999em}
.clear			{clear:both}
.defaultText	{color:#777}
.clientText		{color:#333}
.wrapper		{width:899px; position:relative; margin:0 auto}
.column, .container			{position:relative}
.left, .middle	{float:left}
.right			{float:right}
.fluid			{width:100%}
.absolute		{position:absolute}
.aLeft			{left:0}x
.aRight			{right:0}		
.aTop			{top:0}
.aBottom		{bottom:0}
.reversedText	{color:#fff}

/* Headings & paragraphs */
h1			{font:22px/30px "Times New Roman", Times, serif} /* Pick a font family!!!! */
h2			{font-size:18px; line-height:18px; color:#9e230e; padding-top:5px; margin-bottom:5px}
h3			{font-size:16px; line-height:20px; color:#283a49; font-weight:normal}
h4			{font-size:18px; color:#fff; font-weight:normal; margin-bottom:5px}
h5			{font:14px/20px Verdana, Arial, Helvetica, sans-serif}
h6			{font:12px/20px Geneva, Arial, Helvetica, sans-serif}

.innertile_red h4	{margin-bottom:15px}

p				{margin-bottom:15px}
.innertile_blue p, .innertile_red p		{margin:0; line-height:14px; color:#fff}

/* General Layout */
body		{background: #fff url(../images/bg.jpg) 0 75px repeat-x}
#top		{height:55px; padding:10px 60px 10px 0px}
#header		{background: url(../images/header.jpg); height:190px}
#nav		{height:42px}
#content	{height:auto}
#footer 	{background-color:#1F2A38; height:240px}
#footer .wrapper	{height:220px; padding:20px 0 0 0}

#content h2				{margin-bottom:15px}
#content .left_column	{width:588px; padding:20px 0 0 63px; float:left}
#content .right_column	{width:178px; padding:20px 52px 0 0; float:right}

body.default #content .left_column {width:566px}
body.default #content .right_column {width:200px}
body.gallery #content .left_column {width:766px}

body.listingDoc .left_column a, body.default .left_column a, .pagenumbers a {color:#9e230e}

body.default .right_column h4 a, body.listingDoc .right_column h4 a {color:#FFFFFF; display:block; font-size:90%; font-weight:normal; margin:0 0 0 20px; padding:20px 0 0; text-decoration:none}
.FSF_pages a, .FSF_result a {color:#9e230e}

/* Menu with sliding doors */
#nav ul			{width:899px; height:42px; list-style:none; margin:0; background-color:#fff} /*Set height */
#nav li 			{display:block; float:left; height:42px; position:relative}
#nav li.home 		{width:120px}
#nav li.about 		{width:140px}
#nav li.lilley 		{width:120px}
#nav li.media 		{width:143px}
#nav li.info		{width:106px}
#nav li.out 		{width:158px}
#nav li.contact 	{width:112px}

#nav li a			{display:block; width:100%; height:42px; background:url(../images/menu.jpg) repeat-x; cursor:pointer; text-align:center; color:#fff; line-height:32px}
#nav li a:hover		{background-position:0 -42px}
/* submenu */

#nav ul ul 		{position:absolute; z-index:100; width:100%; left:-999em; top:34px}
#nav ul ul li		{float:none; height:32px}
#nav ul ul li a		{background:#304250 none; font-size:11px; height:32px}
#nav ul ul li a:hover 	{background:#68171e}
#nav ul ul li.active 	{background:#68171e}
#nav ul li:hover ul 	{left:0px}

#nav ul ul li.contact	{width:100%; height:32px}


/* Specific divisions */

#top img	{float:left}
#top h2, #top h3	{float:right; clear:right}

.shadow			{width:10px; height:100%; position:absolute}
.shadow.left			{left:-10px; top:0}
.shadow.right			{left:899px; top:0}

#content .shadow.left	{background:url(../images/left_content.png) repeat-y}
#content .shadow.right	{background:url(../images/right_content.jpg) repeat-y}
#header .shadow.left	{background:url(../images/left_header.jpg) repeat-y}
#header .shadow.right	{background:url(../images/right_header.jpg) repeat-y}
#nav .shadow.left		{background:url(../images/left_nav.jpg) repeat-y}
#nav .shadow.right		{background:url(../images/right_nav.jpg) repeat-y}

#footer .shadowleft			{background:url(../images/left_footer.jpg) repeat-y; left:-10px; top:0px; width:10px; height:100%; position:absolute}
#footer .shadowright		{background:url(../images/right_footer.jpg) repeat-y; left:899px; top:0px; width:10px; height:100%; position:absolute}

#content .innertile_blue		{background:url(../images/innertile_blue.png); width:161px; height:94px; float:left; padding:15px 10px; margin:5px 15px 15px 0}
#content .innertile_red			{background:url(../images/innertile_red.png); width:559px; height:92px; clear:both; padding:15px 15px; margin-bottom:10px}

.right_column img		{margin-bottom:10px}

#footer .right			{padding-right:52px}
.searchshare			{position:absolute; top:15px; left:63px}

#search					{width:186px; height:45px; background:url(../images/search.jpg); position:relative; top:20px}
#share					{width:170px; height:70px; background:url(../images/share.jpg); margin-top:40px; padding:20px 8px; position:relative}
#share a				{width:32px; height:32px; position:absolute}

a.del		{left:8px; top:20px}
a.digg		{left:52px; top:20px}
a.email		{left:97px; top:20px}
a.facebook	{left:142px; top:20px}
a.linkin	{left:8px; top:63px}
a.myspace	{left:52px; top:63px}
a.tech		{left:97px; top:63px}
a.twitter	{left:142px; top:63px}

.listingDoc .left_column p a	{color:#9E230E}

#footer ul				{color:#fff; list-style:none; float:right; text-align:right}

/* Forms */

#search	input			{background:none; border:none; height:18px; width:132px; padding:0 2px; top:18px; left:8px; position:absolute}
#search button			{background:none; display:button; width:23px; height:22px; position:absolute; right:16px; top:16px}

/* Anchors */

a.more			{display:block; width:50px; height:30px; line-height:50px; text-align:center; background:url(../images/more.jpg)}
a.more:hover	{background-position:0px -30px}

/* Form styling */

form p {
color:#666666;
}

input {
border: 1px solid #ccc;
width: 250px;
color:#666666;
height:15px;
padding:2px;
font: 100% Verdana, Arial, Helvetica, sans-serif;
}

textarea {
border: 1px solid #ccc;
color:#666666;
padding:2px;
width:526px;
height:80px; 
vertical-align:top;
font: 100% Verdana, Arial, Helvetica, sans-serif;
}
input#checkbox {
width: 20px;
border:none;
}
#em_wfs_submit, input#button {
background: url(../../images/nav_bg.jpg) no-repeat -136px 0;
width:136px;
height:35px;
color:#FFFFFF;
border:none;
}
input#managePic {
background: url(../../images/nav_bg.jpg) no-repeat -136px 0;
width:136px;
height:35px;
color:#FFFFFF;
border:none;
}

#em_wfs_submit:hover, input#button:hover, input#managePic:hover {background: url(../../images/nav_bg.jpg) no-repeat 0 0; border:none;}

.error  {color:#c70b09}


/* Maxi Gallery */

div.managecontainer { position:relative; padding-top:500px }
div.uploadform {position:absolute; height:349px; top:10px}
div.uploadcounter {display:none}