/*Created for Unit Interactive by Andy Rutledge on 2/1/10*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
	zoom: 1;
}

body {
    line-height: 1;
    font-size: 10px;
	background: #002424;
	font-family: Arial, Helvetica, sans-serif;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */ 
ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */ 
table {
    border-collapse: collapse;
    border-spacing: 0;
}

abbr, acronym {
	cursor: help;
	border-bottom: 1px dotted #999;
}

/* Header Styles
------------------------------------------------------------------------ */
.header-wrap {
	width: 100%;
	position: fixed;
	top: 0;
}

.header {
	margin: 0 auto;
	width: 960px;
	border-bottom: 1px solid #555;
	padding: 20px 0;
	/*position: fixed;
	top: 0;
	left: 50%;
	margin-left: -480px;*/
}

.header h1 {
	float: left;
	display: inline;
}

.header h1 a {
	width: 205px;
	height: 42px;
	display: block;
	overflow: hidden;
	text-indent: -5000px;
	background: url(../images/logo_ui09ar.png) no-repeat 0 0;
}

.header ul {
	float: right;
	width: 350px;
	display: inline;
}

.header li {
	float: left;
	width: 20px;
	margin-left: 5px;
	display: inline;
}

.header li a:link, .header li a:visited {
	color: #004848;
	text-decoration: none;
	background: url(../images/nav_bg.jpg) no-repeat 0 0;
	width: 20px;
	height: 36px;
	display: block;
	text-indent: -50000px;
	overflow: hidden;
}

.header li a:hover {
	color: #999;
	text-decoration: none;
	background: url(../images/nav_bg.jpg) no-repeat 0 -36px;
}

li.here a {
	background: url(../images/here_bg.jpg) no-repeat 0 0 !important;
}



/* Content Styles
------------------------------------------------------------------------ */
.box {
	/*display: inline;*/
	float: left;
	clear: none;
	width: 100%;
}

.box h2 {
	/* RA ADDED */
	width: 960px;
	margin: 120px auto 0 auto;
	/* END */
	color: #006464;
	font-size: 50px;
	height: 50px;
	text-indent: -5000px;
	overflow: hidden;
	display: block;
}

#box1 h2 {
	background: url(../images/title_1.png) no-repeat 0 0;
}
#box2 h2 {
	background: url(../images/title_2.png) no-repeat 0 0;
}
#box3 h2 {
	background: url(../images/title_3.png) no-repeat 0 0;
}
#box4 h2 {
	background: url(../images/title_4.png) no-repeat 0 0;
}
#box5 h2 {
	background: url(../images/title_5.png) no-repeat 0 0;
}
#box6 h2 {
	background: url(../images/title_6.png) no-repeat 0 0;
}
#box7 h2 {
	background: url(../images/title_7.png) no-repeat 0 0;
}
#box8 h2 {
	background: url(../images/title_8.png) no-repeat 0 0;
}
#box9 h2 {
	background: url(../images/title_9.png) no-repeat 0 0;
}
#box10 h2 {
	background: url(../images/title_10.png) no-repeat 0 0;
}
#box11 h2 {
	background: url(../images/title_11.png) no-repeat 0 0;
}
#box12 h2, #box13 h2 {
	background: url(../images/title_12.png) no-repeat 0 0;
}

.box h3 {
	float: right;
	width: 500px;
	font-size: 40px;
	margin: 120px 0 0;
	text-align: right;
	display: inline;
}

.box h3 a:link, .box h3 a:visited {
	color: #7faa2d;
	text-decoration: none;
	text-indent: 25000px;
	width: 500px;
	height: 38px;
	display: block;
	background: url(../images/start_bg.png) no-repeat right 0;
	overflow: hidden;
}

.box h3 a:hover {
	color: #ccc;
	text-decoration: none;
	background: url(../images/start_bg.png) no-repeat right -38px;
}

.intro {
	margin: 0 auto;
	width: 960px;
	padding: 20px 0;
}

.box p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #999;
	line-height: 1.5em;
	padding: 10px 0 5px;
	width: 400px;
}

.box p a:link, .box p a:visited {
	color: #7faa2d;
	text-decoration: none;
	border-bottom: 1px dotted #666;
}

.box p a:hover {
	color: #006464;
	text-decoration: none;
	border: none;
}

/* RA ADDED */
.box img {
	display: block;
	margin: 0 auto
}
/* END */

.box a img {
	border: none;
}

/* Float Clearing Styles
------------------------------------------------------------------------ */ 
.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */