/*
Theme Name: Headstorm - main
Author: www.studiodm.co.uk
*/

html {
  /* Force scrollbar */
  /* IE - INVALID CSS COMMAND (BUT IT WORKS!)
  overflow-y: scroll; */
  /* Mozilla */
  height: 100%;
  margin-bottom: 0.1em;
  }

*
{
	margin: 0;
	padding: 0;
}

.hide
{
	display: none;
}

.clear
{
	clear: both;
	height: 0;
	line-height: 0;
}

body
{
	background: #e4e4e4 url(images/main_bg.jpg) repeat-x 0 0;
	font-family: Verdana, Arial, Sans-serif;
}

h1{display: none;}

.wrapper
{
	width: 860px;
	margin: 50px auto 0 auto;
}

.p-head
{
	width: 860px;
	height: 10px;
	background: url(images/p-head.jpg) no-repeat 0 0;
	font-size: 0;/*IE 6 fix for blank div*/
}

.p-main
{
	border-left: 4px solid #e4e4e4;
	border-right: 4px solid #e4e4e4;
	background: #fff;
	padding: 10px 0 10px 0;
}

.p-foot
{
	width: 860px;
	height: 10px;
	background: url(images/p-foot.jpg) no-repeat 0 0;
}

.header
{
	width: 820px;
	height: 150px;
	background: url(images/header.jpg) no-repeat 0 0;
	margin: 0 auto 0 auto;
}

.bridge
{
	width: 820px;
	margin: 10px auto 0 auto;
	font-size: 11px;
}

.breadcrumbs a
{
	color: #333;
}

.breadcrumbs a:hover
{
	text-decoration: none;
}

.m-head
{
	width: 826px;
	height: 10px;
	margin: 10px auto 0 auto;
	background: url(images/m-head.jpg) no-repeat 0 0;
	font-size: 0;/*IE 6 fix for blank div*/
}

.main
{
	width: 800px;
	margin: 0 auto 0 auto;
	border-left: 3px solid #e4e4e4;
	border-right: 3px solid #e4e4e4;
	background: #fff;
	padding: 10px;
}

.m-foot
{
	width: 826px;
	height: 10px;
	margin: 0 auto 0 auto;
	background: url(images/m-foot.jpg) no-repeat 0 0;
}

.leftcol
{
	float: left;
	width: 265px;
	margin-right: 30px;
}

.content
{
	float: left;
	width: 500px;
	font-size: 12px;
}

h3
{
	font-size: 24px;
	font-weight: normal;
	color: #1c61a2;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #e4e4e4;
}

.content p
{
	line-height: 20px;
	margin: 0 0 10px 0;
}

img.f-right
{
	float: right;
	margin: 0 0 20px 20px;
}


.nav-head
{
	height: 8px;
	background: url(images/nav-head.jpg) no-repeat 0 0;
	font-size: 0;/*IE 6 fix for blank div*/
}

.nav
{
	background: #1c61a2;
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav-foot
{
	height: 9px;
	background: url(images/nav-foot.jpg) no-repeat 0 0;
	margin: 0 0 10px 0;
}

.nav li
{
	margin: 0;
	padding: 0;
}

.nav li a
{
	display: block;
	color: #fff;
	text-decoration: none;
	line-height: 35px;
	padding: 0 0 0 35px;
	background: url(images/nav_a_bg.jpg) no-repeat 0 0;
	width: 230px;
}

.nav li a:hover
{
	text-decoration: underline;
}


.nav li a.open
{
	background: url(images/nav_a_open_bg.jpg) no-repeat 0 0;
	color: #333;
}

.nav li ul
{
	list-style: none;
	background: #e4e4e4;
	font-size: 12px;
	padding: 10px 0 15px 0;
}

.nav li li a
{
	background: url(images/sub_bullet.gif) no-repeat 20px 10px;
	color: #333;
	line-height: 25px;
}





img.lc-btn
{
	margin: 0 10px 10px 0;
}

img.lc-btn.n-r
{
	margin-right: 0;
}






.footer
{
	width: 820px;
	height: 15px;
	margin: 10px auto 0	auto;
	font-size: 11px;
	color: #666;
}

.footer a
{
	color: #666;
	text-decoration: none;
}

.footer a:hover
{
	text-decoration: underline;
}

.ftr-right
{
	float: right;
}

.ftr-mid
{
	float: right;
}

.ftr-left
{
	float: right;
}

.ftr-left
{
	width: 300px;
}

.ftr-mid
{
	width: 370px;
	text-align: center;
}

.ftr-right
{
	width: 150px;
	text-align: right;
}

.ftr-mid ul
{
	list-style: none;
}

.ftr-mid li
{
	display: inline;
}

.ftr-mid a
{
	padding: 0 10px 0 10px;
	border-right: 1px solid #666;
}

.ftr-mid li.end a
{
	border: none;
}


/*** SPLASH STYLES ***/

.splash
{
	position: relative;
	margin: 209px auto 0 auto;
	width: 860px;
	height: 440px;
	background: #e4e4e4 url(images/splash_bg.jpg) no-repeat 0 0;
	color: #fff;
}

.splash a
{
	display: block;
	color: #fff;
	text-decoration: none;
	line-height: 35px;
	padding: 0 25px 0 0;
	background: url(images/right_bullet.gif) no-repeat 100% 12px;
}

.splash a:hover
{
	text-decoration: underline;
}

.splash ul
{
	width: 300px;
	list-style: none;
	position: absolute;
	bottom: 45px;
	left: 100px;
	text-align: right;
}

.splash li
{
	margin: 0;
	padding: 0;
	width: 99%;
}

.splash a.enter
{
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	width: 160px;
	height: 160px;
}

/*** END SPLASH STYLES ***/
.formstyle {
	background-color: #f0f0f0;
	padding: 15px;
}
.font12px {
	font-size: 12px;
}