*{
	padding: 0;
	margin: 0;
	font-family: verdana;
}

body
{
	background: #000 url(/lib/images/body-bg.jpg) no-repeat left 404px;
	color: #FFF;
	font-size: 70%;
}

* html body { width:100%;height:auto;overflow:hidden; }

img, a img
{
	border: none;
}

p
{
	font-size: 1em;
	margin: 0px 0px 10px 0px;
}

h1, h1#homepage, h1#the-moorings, h1#millers-wharf, h1#the-granary, h1#quality-spec, h1#walsall, h1#walsalls-renaissance, h1#location, h1#gr8-space, h1#gr8-space-contact, h1#contact, h1#press, h1#disclaimer
{
	font-size: 1.2em;
	color: #F18A00;
	font-weight: bold;
	margin: 0px;
	background: url(/lib/images/titles/homepage.gif) no-repeat left top;
	width: 480px;
	/*position: relative;*/
	height: 26px;
		text-indent/* */:/**/-9999px;  /* IE 5.0 Filter */
	text-indent: /**/-9999px;  /* Fix of above, for Mac IE 5 */
}
h1#homepage
{
	background: url(/lib/images/titles/homepage.gif) no-repeat left top;
}
h1#the-moorings
{
	background: url(/lib/images/titles/the_moorings.gif) no-repeat left top;
}
h1#millers-wharf
{
	background: url(/lib/images/titles/millers_wharf.gif) no-repeat left top;
}
h1#the-granary
{
	background: url(/lib/images/titles/the_granary.gif) no-repeat left top;
}
h1#quality-spec
{
	background: url(/lib/images/titles/specification.gif) no-repeat left top;
}
h1#walsall
{
	background: url(/lib/images/titles/walsall.gif) no-repeat left top;
}
h1#walsalls-renaissance
{
	background: url(/lib/images/titles/walsall_renaissance.gif) no-repeat left top;
}
h1#location
{
	background: url(/lib/images/titles/location.gif) no-repeat left top;
}
h1#gr8-space
{
	background: url(/lib/images/titles/gr8.gif) no-repeat left top;
}
h1#gr8-space-contact
{
	background: url(/lib/images/titles/gr8_contact.gif) no-repeat left top;
}
h1#contact
{
	background: url(/lib/images/titles/contact.gif) no-repeat left top;
}
h1#press
{
	background: url(/lib/images/titles/press_release.gif) no-repeat left top;
}
h1#disclaimer
{
	background: url(/lib/images/titles/disclaimer.gif) no-repeat left top;
}



h2
{
	font-size: 1em;
	color: #F18A00;
	font-weight: bold;
	margin: 0px;
}

a:link
{
	color: #F18A00;
	font-weight: bold;
	text-decoration: none;
}
a:visited
{
	color: #F18A00;
	font-weight: bold;
	text-decoration: none;
}
a:hover
{
	color: #DDD;
	font-weight: bold;
	text-decoration: none;
}
a:active
{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}


a:link.darkred-link
{
	color: #7E280A;
	font-weight: bold;
	text-decoration: none;
}
a:visited.darkred-link
{
	color: #7E280A;
	font-weight: bold;
	text-decoration: none;
}
a:hover.darkred-link
{
	color: #8F2E0C;
	font-weight: bold;
	text-decoration: none;
}
a:active.darkred-link
{
	color: #7E280A;
	font-weight: bold;
	text-decoration: none;
}
a:link.core
{
	color: #FFF;
}
a:visited.core
{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
a:hover.core
{
	color: #DDD;
	font-weight: bold;
	text-decoration: none;
}
a:active.core
{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}



#headerContainer
{
	height: 141px;
}

#logo
{
	padding: 26px 0px 28px 38px;
	width: 213px;
	background: #FFF;
}

#menuBar
{
	height: 32px;
	background: url(/lib/images/menubar-bg.gif) repeat-x left top;
	padding-left: 79px;
}
#mainMenu ul
{
	list-style-type: none;
}
#menuContainer
{
	width: 940px;
}

#mainMenu
{	
	height: 32px;
}

ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

li, li#darkred, li#mainMenu li#orange, li#mainMenu li#purple, li#mainMenu li#white, li#mainMenu li#red { /* all list items */
	float: left;
	position: relative;
	width: 172px;
	list-style-type: none;
	color: #FFF;
	text-align: center;
	height: 24px;
	padding: 8px 0px 0px 0px;
	z-index: 10;
}

li ul { /* second-level lists */
	display: none;
	position: absolute;
	z-index: 10;
	top: 32px;
	width: 172px;
	left: 0;
	color: #FFF;
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom 
left */
	top: 32px;
	left: auto;
	z-index: 10;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
	z-index: 10;
}

li#darkred
{
	background: #7E280A;
}
li#darkred ul li#mid
{
	background: #8F2E0C;
}
li#darkred ul li#light
{
	background: #99572B;
}
li#darkred ul li#lighter
{
	background: #B17F63;
}

li#purple
{
	background: #B9076D;
}
li#purple li#mid
{
	background: #D5328F;
}
li#purple li#light
{
	background: #E366AE;
}


li#orange
{
	background: #F18A00;
}
li#orange li#mid
{
	background: #F59D26;
}


li#white
{
	background: #FFF;
	color: #7E280A;
}
li#red
{
	background: #D03B31;
}



#contentContainer
{
	clear: both;
	padding-top: 10px;
	margin-top: 33px;
	min-width: 940px;
	max-width: 940px;
	width: expression(document.body.clientWidth < 800 ? "940px" : document.body.clientWidth > 900 ? "940px" : "940px");
	padding-left: 79px;
}


#orangeBoxContainer
{
	float: left;
	width: 520px;
}
#orangeBoxTop
{
	height: 8px;
	background: url(/lib/images/orange-line-repeat.gif) repeat-x left top;
	line-height: 0;
	font-size: 1px;
}
#orangeBoxTopLeft
{
	background: url(/lib/images/orange-corner-topleft.gif) no-repeat left top;
	height: 8px;
	line-height: 0;
	font-size: 1px;
}
#orangeBoxTopRight
{
	background: url(/lib/images/orange-corner-topright.gif) no-repeat right top;
	height: 8px;
	line-height: 0;
	font-size: 1px;
}
#orangeBoxBtm
{
	clear: left;
	height: 8px;
	background: url(/lib/images/orange-box-bottom.gif) no-repeat left bottom;
	line-height: 0;
	font-size: 1px;
}
#orangeBoxBtmLeft
{
	background: url(/lib/images/orange-corner-btmleft.gif) no-repeat -8px bottom;
	height: 8px;
	line-height: 0;
	font-size: 1px;
}
#orangeBoxBtmRight
{
	background: url(/lib/images/orange-corner-btmright.gif) no-repeat right bottom;
	height: 8px;
	line-height: 0;
	font-size: 1px;
}
#orangeBoxLeft
{
	background: url(/lib/images/orange-box-repeat.gif) repeat-y left top;
}
#orangeBoxRight
{
	position: relative;
}
#orangeBoxContent
{	
	padding: 15px;
}






#footerContainer
{
	clear: both;
	padding-top: 25px;
	width: 860px;
}
#footerRight
{
	float: right;
	border-bottom: 1px solid #F18A00;
}



.uppercase
{
	text-transform: uppercase;
}

.bold
{
	font-weight: bold;
}

.text-right
{
	text-align: right;
}

.align-top
{
	vertical-align: top;
}

.align-middle
{
	vertical-align: middle;
}

.align-bottom
{
	vertical-align: bottom;
}

.float-left
{
	float: left;
}

.float-right
{
	float: right;
}

.float-left-margin
{
	margin-right: 8px;
	margin-bottom: 8px;
}

.float-right-margin
{
	margin-left: 8px;
	margin-bottom: 8px;
}

.header-underline
{
	background: url(/lib/images/orange-line-repeat.gif) repeat-x left top;
	height: 1px;
	line-height: 0;
	font-size: 0px;
	margin: 5px 0px 10px 0px;
	padding: 0px;
}


table
{
	margin: 10px 0px 20px 0px;
}
td
{
	padding: 10px;
}

td.table-head
{
	font-weight: bold;
	padding: 25px 0px 0px 10px;
}

ul.bullets
{
	margin: 10px 0px 20px 25px;
	list-style-type: square;
	float: none;
}
ul.bullets li
{
	list-style-type: square;
	margin-left: 5px;
	float: none;
	text-align: left;
	width: auto;
	height: auto;
	padding: 0;
	margin: 3px 0px;
}
ul#errors
{
	margin: 10px 0px 20px 25px;
	list-style-type: square;
	float: none;
}
ul#errors li
{
	list-style-type: square;
	margin-left: 5px;
	float: none;
	text-align: left;
	width: auto;
	height: auto;
	padding: 0;
	margin: 3px 0px;
	color: #D03B31;
	font-weight: bold;
}


#eventsScroller
{
	background: url(/lib/images/orange-line-repeat.gif) repeat-y right top;
	margin: 0px 17px 0px 0px;
	position: relative;
}
/* Holly Hack Targets IE Win only \*/ 
* html #eventsScroller {margin: 0px 17px 0px 0px;} 
/* End Holly Hack */

#eventsScroller #scrollingArea
{
	width: 475px;
	height: 353px;
}
#eventsScroller #scrollingArea #scrollContent
{
	position: absolute;
	z-index: 1;
	padding: 15px;
}
#eventsScroller #scrollingArea #scrollContent div
{
	width: 475px;
}

#up
{
	position: absolute;
	top: 0px;
	left: 494px;
	width: 17px; 
	height: 5px; 
	z-index: 1;
	line-height: 0;
	font-size: 1px;
}

#down
{
	position: absolute; 
	top: 364px; 
	left: 494px; 
	width: 17px; 
	height: 5px; 
	z-index: 1;
	line-height: 0;
	font-size: 1px;
}

#drag
{
	position: absolute; 
	top: 14px; 
	left: 494px; 
	width: 17px;
	height: 9px; 
	z-index: 1;
	line-height: 0;
	font-size: 1px;
}

#ruler
{
	position: absolute; 
	top: 14px; 
	left: 488px; 
	width: 17px;
	height: 9px; 
	z-index: 1;
}

fieldset
{
	border: none;
	width: 480px;
	float: none;
}

legend
{
	padding: 0;
	margin: 0;
	color: #FFF;
	font-weight: bold;
	width: 480px;
	float: none;
}



.colWrapper
{
	text-align: left;
	clear: both;
	width: 480px;
	margin-bottom: 20px;
}

.leftCol
{
	padding: 0px;
	margin: 0px;
	text-align: right;
	width: 140px;
	float: left;
}

.rightCol
{
	padding: 0px;
	margin: 0px;
	margin-left: 153px;
}

td
{
	vertical-align: top;
}

td.label
{
	font-weight: bold;
}

.input-box
{
	font-size: 1.2em;
	font-family: verdana;
	border: 1px solid black;
	padding: 2px;
	color: black;
}


#img_holder
{
	position: relative;
}
#img_links
{
	position: absolute;
	top: -20px;
	left: 5px;
}