/* CSS Document */
/* Meyer Reset */
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, sub, tt, var,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #ccc;
	background: #252529;
	/* background: url(../images/tiler.jpg) left top repeat; */
	font-size: 62.5%;
	font-family: "Lucida Sans Unicode","Lucida Grande", Geneva, Helvetica, Arial, Garuda, sans-serif;
	letter-spacing: -0.02em
	}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* layout and positioning */
#wrapper {
width: 955px;
margin:0 auto;
border-left: 1px solid #000A28;
border-right: 1px solid #000A28;
border-bottom: 1px solid #000A28;
background: url(../images/tiler.jpg) left top repeat;
background-color: #00001e;
}
#nav {
width:925px;
padding:7px 15px 0 15px;
height:22px;
position:relative;
background:#000A28;
text-align:right;
/* border-bottom:1px solid #565F7D; */
}
#nav ul {
top:7px;
left:15px;
background:none;
position:absolute;
}
#nav ul li {
display:inline;
margin-right:8px;
padding-right:8px;
border-right:1px solid #70737B;
color:#00B4FF;
line-height:1.30em;
font-size:1.30em;
font-weight: 600;
}

*html #nav ul li { margin-right: 10px; }
*+html #nav ul li { margin-right: 10px; } 

#nav ul li.last {
border-right:none;
}
#nav ul li a, #nav ul li a:link {
color:#00B4FF;
text-decoration:none;
}
#nav ul li a:visited {
color:#397396;
text-decoration:none;
}
#nav ul li a:hover {
color:#fff;
text-decoration:none;
}
#nav ul li a:active {
color:#397396;
text-decoration:none;
}
#contact {
position:absolute;
top:0;
background:none;
text-align:right;
width:425px;
height:29px;
padding-right:15px;
left:515px;
}
#contact ul {
position:relative;
}
#contact ul li {
border-right:1px solid #BFC0C0;
font-weight:500;
}
#contact ul li.download a, #contact ul li.download a:link {
color:#f60;
text-decoration:none;
}
#contact ul li.download a:visited {
color:#FF6600;
text-decoration:none;
}
#contact ul li.download a:hover {
color:#fff;
text-decoration:none;
}
#contact ul li.download a:active {
color:#FF6600;
text-decoration:none;
}
#content {
width:875px;
background:url(../images/wrapbg.jpg) center top no-repeat;
padding: 140px 15px 25px 65px;
overflow: auto;
position: relative;
}
body.home #content {
padding: 0 15px 25px 65px;
}
#left {
width: 535px;
float: left;
background: none;
}
#right {
width: 234px;
float: right;
padding-right: 25px;
padding-top: 12px;
background: none;
}
body.home #banner {
height: 94px;
width: 761px;
padding: 57px 0 0 64px;
background: none;
position: relative;
top:auto;
left: auto;
}
body.home #banner h5, #footer h6, #banner h5 {
text-indent: -9999px;
}
body.home #banner h5 a:link, body.home #banner h5 a:visited, body.home #banner h5 a:hover, body.home #banner h5 a:active {
width: 345px;
height: 94px;
display:block;
background:url(../images/logo.png) no-repeat;
position: relative;
float:left;
top:auto;
left: auto;
}
#banner h5 a:link, #banner h5 a:visited, #banner h5 a:hover, #banner h5 a:active {
width: 186px;
height: 58px;
display:block;
float: left;
background:url(../images/innerlogo.png) no-repeat;
}
#footer h6 a:link, #footer h6 a:visited, #footer h6 a:hover, #footer h6 a:active {
width: 80px;
height: 78px;
display:block;
background:url(../images/footlogo.gif) no-repeat;
float: left;
}
body.home #slogan {
width: 294px;
height: 87px;
float: left;
padding: 7px 0 0 35px;
background: none;
position: relative;
}
body.home #slogan p {
color: #fff;
font-size: 1.80em;
line-height: 1.50em;
font-family: "Lucida Sans Unicode","Lucida Grande", Geneva, Helvetica, Arial, Garuda, sans-serif;
text-shadow: #000 2px 2px 2px;
}
#banner {
width: 537px;
height: 58px;
background: none;
position: absolute;
top:25px;
left: 30px;
}
#slogan {
width: 318px;
height: 35px;
padding: 10px 0 0 8px;
background: none;
float: left;
}
#slogan p {
color: #fff;
font-size: 1.30em;
font-weight: 600;
line-height: 1.50em;
font-family: "Lucida Sans Unicode","Lucida Grande", Geneva, Helvetica, Arial, Garuda, sans-serif;
text-shadow: #000 2px 2px 2px;
}
#footer {
width: 925px;
height: 100px;
background: #1f1f2b;
padding: 21px 0 0 30px;
position: relative;
/* border-top: 1px solid #363641; */
}
#footcontact {
height: 75px;
width: 370px;
position: absolute;
top:21px;
background: none;
left: 30px;
}
div.info {
height: 73px;
width: 266px;
float: left;
background: none;
padding: 2px 0 0 20px;
}
div.info p, #footnav p {
color: #666;
line-height: 1.60em;
margin-bottom: 0;
}
div.info h4 {
font-size: 1.40em;
color: #666;
font-weight: bold;
line-height: 1.50em;
margin-bottom: 0;
margin-top: 0;
}
#footnav {
width: 415px;
height: 56px;
float: right;
padding: 05px 64px 0 0;
background: none;
text-align: right;
}
#footnav ul {
margin-bottom: 10px;
}
#footnav ul li {
display: inline;
font-size: 1.20em;
margin-right: 8px;
padding-right: 8px;
border-right: 1px solid #999;
}

*html #footnav ul li { margin-right: 10px; }
*+html #footnav ul li { margin-right: 10px; } 

#footnav ul li.last {
border-right: none;
margin-right: 0;
}
#tierone {
width: 825px;
padding: 100px 0 0 0;
background: none;
overflow: hidden;
}
#tiertwo {
clear: both;
width: 825px;
padding: 25px 0 0 0;
background: none;
overflow: hidden;
}
p.module {
line-height:1.50em;
}
a, a:link {
color:#00B4FF;
text-decoration:none;
}
a:visited {
color:#397396;
text-decoration:none;
}
a:hover {
color:#fff;
text-decoration:none;
}
a:active {
color:#397396;
text-decoration:none;
}

h1 {
color: #fff;
font-size: 2.30em;
line-height: 1.40em;
font-weight: bold;
margin-bottom: 8px;
text-shadow: #000 2px 2px 2px;
}
h2 {
color: #fff;
font-size: 1.90em;
line-height: 1.50em;
text-transform: uppercase;
font-family: "Lucida Sans Unicode", "Lucida Grande", Geneva, Helvetica, Arial, sans-serif;
}
h2.services {
text-indent: -9999px;
display: block;
height: 22px;
border-bottom: 1px solid #24243D;
background: url(../images/services.gif) left top no-repeat;
}
h2.services a, h2.services a:link, h2.services a:visited, h2.services a:hover, h2.services a:active {
display: block;
height: 22px;
border-bottom: 1px solid #24243D;
background: url(../images/services.gif) left top no-repeat;
}
h2.service  {
text-indent: -9999px;
display: block;
height: 22px;
width: 234px;
margin-bottom: 15px;	
border-bottom: 1px solid #24243D;
background: url(../images/services_a.gif) left top no-repeat;
}
h2.service a, h2.service a:link, h2.service a:visited, h2.service a:hover, h2.service a:active {
display: block;
height: 22px;
border-bottom: 1px solid #24243D;
background: url(../images/services_a.gif) left top no-repeat;
}
h2.clients {
text-indent: -9999px;
display: block;
height: 22px;
width: 234px;
margin-bottom: 15px;	
border-bottom: 1px solid #24243D;
background: url(../images/clients.gif) left top no-repeat;
}
h2.clients a, h2.clients a:link, h2.clients a:visited, h2.clients a:hover, h2.clients a:active {
display: block;
height: 22px;
border-bottom: 1px solid #24243D;
background: url(../images/clients.gif) left top no-repeat;
}
h2.about {
text-indent: -9999px;
display: block;
height: 22px;
width: 234px;
margin-bottom: 15px;	
border-bottom: 1px solid #24243D;
background: url(../images/about.gif) left top no-repeat;
}
h2.about a, h2.about a:link, h2.about a:visited, h2.about a:hover, h2.about a:active {
display: block;
height: 22px;
border-bottom: 1px solid #24243D;
background: url(../images/about.gif) left top no-repeat;
}
h2.news {
text-indent: -9999px;
display: block;
height: 22px;
width: 234px;
margin-bottom: 15px;	
border-bottom: 1px solid #24243D;
background: url(../images/news.gif) left top no-repeat;
}
h2.news a, h2.news a:link, h2.news a:visited, h2.news a:hover, h2.news a:active {
display: block;
height: 22px;
border-bottom: 1px solid #24243D;
background: url(../images/news.gif) left top no-repeat;
}
h3 {
color: #FF6600;
font-size: 1.40em;
line-height: 1.50em;
font-weight:bold;
margin-top:18px;
margin-bottom: 6px;
}
h3 a, h3 a:link, h3 a:visited, h3 a:hover, h3 a:active, h4 a, h4 a:link, h4 a:visited, h4 a:hover, h4 a:active {
color: #FF6600;
text-decoration:none;
}

h3.module {
line-height:1.50em;
color:#fff;
}

h4 {
color: #fff;
font-size: 1.20em;
font-weight:bold;
line-height: 1.40em;
margin-top: 10px;
margin-bottom: 6px;
}


hr {
border:0;
height:1px;
color:#24243D;
background-color:#24243D;
}

#mugshot {
float: left;
}

img.mug {
margin: 5px 20px 10px 0px;
padding: 5px;
background-color:#fff;
}

#mugshot p {
width:180px;
font-size: 1em;
color:#fff;
}

#right h2.about {
margin-top: 30px;
}
p {
font-size: 1.15em;
line-height: 1.60em;
margin-bottom: 17px;
}
#content ul, #content ol {
padding-top: 5px;
padding-left: 25px;
}
#content ul li {
list-style: disc;
}
#content ol li {
list-style:decimal;
}
#content ul.links {
padding-left:0;
}
#content ul.links li {
font-size: 1.20em;
margin-bottom: 8px;
color: #999;
line-height: 15px;
list-style:none;
}
#content ul li, #content ol li {
font-size: 1.10em;
margin-bottom: 8px;
color: #999;
line-height: 15px;
}
blockquote {
margin-bottom: 8px;
color: #999;
margin-left:25px;
line-height: 15px;
}
div.boxleft {
width:234px;
margin-right:62px;
padding: 15px 0 0 0;
background:none;
float:left;
}
div.boxmid {
width:234px;
padding: 15px 0 0 0;
background:none;
float:left;
}
div.boxright {
width:234px;
padding: 15px 0 0 0;
float: right;
background:none;
}