/*! GLOBAL STYLES */

body,html {
	background:#0c1015;
	color: #fff;
	font: 12px/21px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	width:100%;
	height:100%;
}
p {
	margin-bottom:1em;
}
em { 
	font-style: italic ;
	color: #fff;
}
strong {
	font-weight: bold;
}
input, select, option, textarea {
	font: 11px/17px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;	
}
a {
	color: #fff;
	text-decoration:none;
}
a:hover {
	color: #ce651a;
	text-decoration: underline;
}
#wrapper {
	background:url('../images/large-bg.jpg') top center no-repeat;
	min-height:688px;
}
* html #wrapper {
	height:688px; /* FOR IE */
}
body#other #wrapper, body#contact #wrapper {
	background:url('../images/other-bg.jpg') top center no-repeat;
	min-height:264px;
}
* html #other #wrapper, * html #contact #wrapper {
	height:264px; /* FOR IE */
}
.left {
	float:left;
}
.right {
	float:right;
}
#not-footer {
	min-height:100%;
	position:relative;
}
* html #not-footer {
	height:100%; /* FOR IE */
}
#content h3, #contentother h3 {
	color: #299ec9;	
}

/*! TOP BAR */

#top-bar {
	height:33px;
	line-height:33px;
	background:url('../images/top-bar.jpg') top left repeat-x;
	color: #f1ba94;
}
#top-bar a {
	color: #f1ba94;
	text-decoration: underline;
}
#top-bar a:hover {
	color: #fff;
	text-decoration: none;
}
#top-bar .inner {
	width: 960px;
	overflow: hidden;
	margin:0 auto;
}

/*! NAVIGATION AREA */

#navigation {
	width:960px;
	margin:0 auto;
	overflow: hidden;
}
#navigation ul li {
	float:left;
	width:100px;
	line-height:23px;
	margin-right:20px;
}
#navigation ul li a {
	font-size:16px;
	color: #fff;
	text-transform: uppercase;
	display:block;
	width:100px;
	padding: 7px 5px 5px 5px;
	text-align:center;
	text-decoration: none;
}
#navigation ul li a span {
	font-size:12px;
	font-style: italic;
	color: #374556;
	text-transform: lowercase;
	display:block;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
}
#navigation ul li a:hover {
	color: #299ec9;
	background:#000;
}
#navigation ul li a:hover span {
	color: #5d6d80;
}

/*! CLIENT IMAGES, LOGO, INTRO */

#imagery {
	margin:37px auto 0 auto;
	width:960px;
	overflow: hidden;
}
#imagery #client {
	float:left;
	width:491px;
	margin-left:51px;
	margin-top:51px;
	display:inline;
	height:276px;
	overflow:hidden;
}
#imagery h1#logo {
	float:right;
	background:url('../images/logo.png') top left no-repeat;
	text-indent: -9999px;
	width:333px;
	height:94px;
}
#imagery p#intro {
	width:394px;
	height:165px;
	margin:39px 4px 0 0;
	background:url('../images/hello-there.png') top left no-repeat;
	display:inline;
	float:right;
	clear:right;
	text-indent: -9999px;
}
p#intro-alt {
	width:501px;
	height:64px;
	margin:35px 0px 0 36px;
	background:url('../images/intro-other.png') top left no-repeat;
	float:left;
	display:inline;
	clear:left;
	text-indent:-9999px;
}
body#other #imagery p#intro, body#contact #imagery p#intro {
	float:left;
	width:501px;
	margin-left:51px;
	margin-top:72px;
	display:inline;
	background:#000;
	height:64px;
}

/*! CONTENT AREA */

#content {
	clear:both;
	width:940px;
	margin:120px auto 0 auto;
	color: #CCCCCC;
	line-height:24px;
	padding-bottom:150px;
}
#content a, #contentother a {
	text-decoration: underline;
	color:#de5800;
}
#content a:hover, #contentother a:hover {
	color: #00B3E5;
}

#contentother {
	clear:both;
	width:940px;
	margin:80px auto 0 auto;
	color: #CCCCCC;
	line-height:24px;
	padding-bottom:150px;
	overflow: hidden;
}
#contentother strong {
	color: #00B3E5;
}

/*! 2 COLUMNS */

#contentother #leftCol {
	float:left;
	width:225px;
	margin-right:10px;
}
#leftCol ul {
	margin-top:35px;
}
#leftCol ul li a {
	font-size:16px;
	text-decoration: none;
	display:block;
	width:100%;
	padding:7px 0;
	color:#fff;
}
#contentother #rightCol {
	float:left;
	width:655px;
	padding-left:50px;
	min-height:257px;
	background: url('../images/2col-sep.gif') top left no-repeat;
}
#contentother #rightCol h3 {
	background: url('../images/r-arrow.gif') center left no-repeat;
	padding-left:35px;
}

#contentother #rightCol ul {
	list-style-position: inside;
	list-style-type: disc;
}

#contentother #rightCol ul li { 
	padding-left: 50px;
}







/*! CONTACT PAGE*/

body#contact #leftCol {
	width: 380px;
	margin-right:40px;
}
body#contact #rightCol {
	width: 510px;
	margin-left:10px;
	display:inline;
	padding:0;
	background:transparent;
}
body#contact #rightCol .form-l {
	float:left;
	width:245px;
	margin-right:10px;
}
body#contact #rightCol .form-r {
	float:left;
	width:245px;
	margin-left:10px;
	text-align:right;
	display:inline;
}
body#contact #rightCol label {
	display:block;
}
body#contact #rightCol input, body#contact #rightCol select {
	width:235px;
	border:0;
	padding: 5px;
	background: #283139;
	color: #fff;
	margin-bottom:7px;
}
body#contact #rightCol select {
	padding:4px;
	width:245px;
}
body#contact #rightCol textarea {
	width:500px;
	border:0;
	padding:5px; 
	background: #283139;
	color: #fff;
	margin-bottom:7px;
	height:100px;
}
body#contact #rightCol input.submit {
	height:218px;
	width:141px;
	background: transparent;
	padding:0;
	margin:0;
}

/*! CLIENT PAGE */

dl#clients dt {
	float:left;
	clear:left;
	width:308px;
	padding-bottom:20px;
}
dl#clients dd {
	float:left;
	padding-left:10px;
	font-size:11px;
	width:192px;
	padding-bottom:20px;
	line-height:18px;
	height:88px;
}
dl#clients dt a {
	background: #575e67;
	display:block;
	margin:0;
	padding:5px;
}
dl#clients dt a img {
	border:1px solid #fff;
	display:block;
}
dl#clients dt a:hover {
	background: #0089BE;
}
#contentother dl#clients dd ul, #contentother dl#clients dd ul li {
	margin:0; 
	padding:0;
	list-style-type:none;
}
dl#clients dd ul li.title {
	color: #fff;
	font-weight:bold;
}

/*! FOOTER */

#footer {
	height:170px;
	margin-top:-170px;
	position:relative;
}
#footer-top {
	height:69px;
	width:960px;
	margin:0 auto;
	background:url('../images/footer-swirl.jpg') bottom right no-repeat;
}
#footer-bottom {
	background:#000 url('../images/footer-bg.gif') top left repeat-x;
	width:100%;
	line-height:22px;
	height:91px;
	padding-top:10px;
	font-size:11px;
}
#footer-bottom, #footer-bottom a {
	color: #575e67;
}
#footer-bottom .inner {
	width:960px;
	margin:0 auto;
	overflow: hidden;
}
#footer-bottom .inner .right {
	text-align: right;
}

/*! TABLE STYLES */
#rounded-corner
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 10px;
	width: 95%;
	margin:20px auto;
	text-align: left;
	border-collapse: collapse;
	border:1px solid #364049;
	outline:5px solid #000
}
#rounded-corner th
{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #fff;
	background: #252c33;
}
#rounded-corner td
{
	padding: 8px;
	background: #2c343c;
	border-top: 1px solid #364049;
	color: #CCCCCC;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background: #2c343c url('table-images/botleft.png') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #2c343c url('table-images/botright.png') right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
	background: #364049;
}



/*! IE6 PNG Fix */
.pngfix { behavior: url(../js/iepngfix.htc) }