@import "coda.css"; /* css for codaslider jquery */
@import "thickbox.css"; /* css for codaslider jquery */

/*-------------------------
 Base
-------------------------*/

body {
	background: url('images/bg.gif') repeat-x #2A2A2A;
	font-family: 'Trebuchet MS', 'Verdana';
	font-size: 12pt; /* 10px */
	color: #FFFFFF;
}

* { margin: 0; padding: 0; }

img { border: 0; margin: 0; padding: 0; }

a:focus { outline:none }

#container {
	width: 900px;
	margin: 0 auto;
}

#content {
	width: 861px;
	height: 150px;
	margin: 0 auto;
	margin-top: -68px;
	background: url('images/content-divider.gif') no-repeat center;
}

.clear { clear: both; }

/*-------------------------
 Navigation
-------------------------*/

#topbar {
	height: 74px;
	font-size: 14px;
}

#logo {
	width: 130px; height: 35px;
	margin-top: 20px;
	float: left;
}

ul#nav, ul#nav a {
	float: right;
	line-height: 74px;
	text-transform: lowercase;
}

li.n, li.n a {
	padding: 0 10px 0 10px;
	color: #939393;
	text-decoration: none;
	text-align: center;
	float: left;
}

li.n a:hover {
	background: url('images/rollover.png') repeat-x;
	color: #FFFFFF;
}

/*-------------------------
 Left
-------------------------*/

#left {
	float: left;
	width: 260px;
	margin: 60px 0 0 30px;
}

h3.left {
	font-size: 24px;
	color: #919191;
	text-decoration: none;
	text-transform: uppercase;
	margin: 20px 0 10px 0;
	padding: 0 0 0 5px;
}

.box {
	width: 219px; height: 44px;
	background: url('images/check.png') no-repeat #171717;
	border: 1px solid #5C5C5C;
	margin: 0 0 5px 0;
	padding: 0 0 0 40px;
	line-height: 44px;
	font: 'Verdana' 20px;
	color: #FFFFFF;
	text-transform: lowercase;
}

.box2 {
	width: 219px;
	height: 44px;
	background: url('images/arrow.png') no-repeat #171717;
	border: 1px solid #5C5C5C;
	margin: 0 0 5px 0;
	padding: 0 0 0 40px;
	line-height: 44px;
	font: 'Verdana' 50px;
	color: #FFFFFF;
	text-transform: lowercase;
}

/*-------------------------
 Right
-------------------------*/

#right {
	float: right;
	width: 530px;
	margin: 60px 0 0 0;
}

h3.right {
	font-size: 24px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	margin: 20px 0 10px 0;
	padding: 0 0 0 0px;
}

p {
	font: 'Verdana' 10px;
	color: #666666;
}

span.bold { font-weight: bold; text-transform: capitalize; text-decoration: underline; color: #FFFFFF; }

/*-------------------------
 Large
-------------------------*/

#large {
	float: left;
	width: 850px;
	margin: 60px 0 0 0;
	padding: 0 0 0 30px;
}

/*-------------------------
 Footer
-------------------------*/

#footer {
	padding-top: 22px; 
	background: #1E1E1E repeat-x;
	border-top: 1px solid #686868;
	height: 65px;
	margin-top: 25px;
}

#foot {
	width: 850px;
	margin: 0 auto;
	height: 65px;
	color: #000000;
	font-size: 14px;
	text-align: left;
}

p.f { float: left; }

/*-------------------------
 Icons
-------------------------*/

#twitter, #twitter a {
	background: url('images/icons/twitter.png') no-repeat;
	width: 24px; height: 24px;
	float: right;
}

#twitter a:hover { background: url('images/icons/twitter-ro.png') no-repeat; }

#facebook, #facebook a {
	background: url('images/icons/facebook.png') no-repeat;
	width: 24px; height: 24px;
	float: right;
}

#facebook a:hover { background: url('images/icons/facebook-ro.png') no-repeat; }

#myspace, #myspace a {
	background: url('images/icons/myspace.png') no-repeat;
	width: 24px; height: 24px;
	float: right;
}

#myspace a:hover { background: url('images/icons/myspace-ro.png') no-repeat; }

#blogger, #blogger a {
	background: url('images/icons/blogger.png') no-repeat;
	width: 24px; height: 24px;
	float: right;
}

#blogger a:hover { background: url('images/icons/blogger-ro.png') no-repeat; }

#stumbleupon, #stumbleupon a {
	background: url('images/icons/stumble-upon.png') no-repeat;
	width: 24px; height: 24px;
	float: right;
}

#stumbleupon a:hover { background: url('images/icons/stumble-upon-ro.png') no-repeat; }