body {
	font: 76% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
	background: url(img/bkgrd.jpg) repeat-x fixed 0 100%;
	min-width: 740px;
}

h2, h3, h4 {font-weight: bold; margin: 1em 0 0.5em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.16em;}
h4 {font-size: 1.1em;}

/* layout
------------------------------------------ */
#header {
	height: 80px;
	background: url(img/header_bkgrd.jpg) repeat-x 0 0;
}

#header h1 {margin: 0; padding: 20px 0 0 20px;}
#header h1 a {
	display: block;
	width: 2329px;
	height: 29px;
	margin-left: -2000px;
	background: url(img/title_sp.gif) no-repeat 100% 0;
}
#header h1 a:focus {outline: 0;}
* html #header h1 {font-size: 1em;}

#slogan {
	margin-left: 20px;
	font-style: italic;
}

#main {
	margin: 12px;
	line-height: 1.5em;
}

#footer {
	clear: both;
	text-align: center;
	font-size: 0.85em;
	line-height: 1.5;
	padding-top: 1em;
}

/* nav
------------------------------------------ */
#nav {
	list-style: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
	background: #1b89f0;
	border-width: 1px 1px 1px 0;
	border-style: solid;
}

#nav li {display: inline;}

#nav li a, #nav li a:visited, #nav li span {
	color: #000;
	text-decoration: none;
	padding: 0 0.5em;
	border-left-width: 1px;
	border-left-style: solid;
}

#nav li a:hover, #nav li span {background: #fc3;}

#nav li a:focus {outline: 0;}

/* misc
------------------------------------------ */
.sm {font-size: 0.85em;}
.small {font-size: 0.91em;}
.mtop {margin-top: 0;}
.mbot {margin-bottom: 0;}
.mnot {margin-top: 0; margin-bottom: 0;}
.center {text-align: center;}
.alignleft {text-align: left;}
.alignright {text-align: right;}
.i {font-style: italic;}
.b {font-weight: bold;}

.floatleft {float: left;}
.floatright {float: right;}
.floatleft, .floatright {width: 50%; margin-bottom: 12px;}

.floatleft div, .floatright div {
	margin: 0 auto;
	font-size: 0.91em;
	line-height: normal;
}
* html .floatleft, * html .floatright {
width: auto; 	/* ie5win */
w\idth: 50%;	/* ie6 */
}

.right {margin: 0 auto 12px 50%; padding-top: 12px;}
.left {margin: 0 50% 12px auto; padding-top: 12px;}

.clear {clear: both;}
.nowrap {white-space: nowrap;}

#credit {text-align: right; font-size: 0.85em; margin-right: 12px;}
#trk {margin-left: -50px;}

.c2 {float: left; width: 50%; white-space: nowrap;}
.c {
width: 50%;
margin-left: auto;
margin-right: auto;
}
* html .c2 {width: 49%; w\idth: 50%;}
.c2 .c {padding-left: 40px;} /*ie win for default padding*/
/*.c3 {float: left; width: 33%; white-space: nowrap;}*/

/* main page
------------------------------------------ */
#sp li, #sp2 li {margin-top: 12px;}

/* contact form
------------------------------------------ */
form, input {font-size: 1em;}
form {margin: 0; padding: 0; line-height: normal;}

label {
	float: left;
	width: 6em;
	margin: 6px 3px 0 0;
	text-align: right;
	white-space: nowrap
}
input, textarea {width: 17em; margin: 3px 0; padding: 0;}
textarea {font-size: 12px;}
input#submit {width: auto;}

.req {font-weight: bold; color: #f00;}
.valid {margin-left: 3px;}
.error {color: #f00; font-size: 10px;}

/* image drop shadows
------------------------------------------ */
.shadow {
	position: relative;
	background: #6e6e6e;
	border: 1px solid #888;
	margin: 4px 0 0 4px;
}
.shadow img {
	position: relative;
	right: 5px;
	bottom: 5px;
	border: 1px solid #6e6e6e;
}
* html .shadow img {right: 0; bottom: 0; margin: -5px 0 0 -5px;}

/* sp */