/*png transparency fix from http://www.twinhelix.com/test/*/
img, #page-main, #page-top, #page-bottom { behavior: url(/media/iepngfix.htc) }

/* to zero margins*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

/* to set font for body, background, and text-align center for IE5 fix to ignoring auto in wrapper*/
body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #000000;
	text-align: center;
	margin:0px auto 0px auto;
	padding: 0;
	background-image:url(../images/structure/background-gradient99.jpg);
	background-repeat: repeat-x;
	text-align:center;
	background-color:#9098AF;
}






/* ----------------------------------------GLOBAL LINK STYLES----------------------------------------*/


/* --------------------GLOBAL WRAPPER, MAIN NAVIGATION, AND CONTENT LAYOUT/DESIGN/STRUCTURE STYLES--------------------*/
#background {
	text-align:center;
	width:100%;
	height:810px;
	margin:0px auto;
	background-image:url(../images/structure/background-cloud-plane90.jpg);
	background-repeat:no-repeat;
	background-position: top center;  
}

/* wrapper for home page*/
#wrapper {
	margin: 0px auto;
	padding:20px 0px 0px 0px;
	text-align:left;
	width: 990px;
}

/* ----------------------------------------NAV STYLES----------------------------------------*/
#navbar {
	height: 30px;
	width:491px;
	margin: 0;
	padding: 0px;
	margin-bottom:0px;
	text-align:center;
	background-color:#7F7F7F;
}
#nav {
    font-family:Helvetica, sans-serif;
    font-size:.8em;
    font-weight:bold;
    height:30px;
}
#nav li {
    list-style:none;
    display:inline;
}
#nav a {
    color:#fff;
    text-decoration:none;
    float:left;
    padding:0;
    margin:0 0px;
	height: 30px;
}
#nav a:hover { 
    background-position:0 -30px;
}
#nav a:active {
    background-position:0 -30px;
}
#nav1 {width:68px;background:url("../images/structure/btn-home2.gif") no-repeat;}
#nav2 {width:80px;background:url("../images/structure/btn-images2.gif") no-repeat;}
#nav3 {width:75px;background:url("../images/structure/btn-about2.gif") no-repeat;}
#nav4 {width:179px;background:url("../images/structure/btn-clients2.gif") no-repeat;}
#nav5 {width:89px;background:url("../images/structure/btn-contact2.gif") no-repeat;}
/* ----------------------------------------END NAV STYLES----------------------------------------*/
/* black page background */
#page-top {
	width:910px;
	padding:0px 40px;
	height:10px;
	background-image:url(../images/structure/black-shadow-top.png);
	background-repeat:no-repeat;
	font-size:1px;
	line-height:1px;
}
#page-main {
	width:910px;
	padding:5px 40px;
	min-height:625px;
  	height:auto !important;
	height:625px;
	background-image:url(../images/structure/black-shadow.png);
	background-repeat:repeat-y;
}
#page-bottom {
	width:910px;
	padding:0px 40px;
	height:20px;
	background-image:url(../images/structure/black-shadow-bottom.png);
	background-repeat:no-repeat;
	font-size:1px;
	line-height:1px;
}
/* page body for 1 col*/
.main-home {
	width:910px;
	clear:both;
	margin:12px 0;
}
.border-short {
	width:875px;
	clear:both;
	margin:27px 0px 12px 0px;
	padding: 17px;
	background-image:url(../images/structure/sketch-border-short.gif);
	background-repeat:no-repeat;
	height:407px;
}
.main-rest {
	width:835px;
	clear:both;
	padding: 20px;
	background-color:#000;
/*
	background-image:url(../images/structure/main-default-background.jpg);
	background-repeat:no-repeat;
*/
	height:360px;
}
.border-tall {
	width:875px;
	clear:both;
	margin:27px 0px;
	padding: 10px 17px;
	background-image:url(../images/structure/sketch-border-tall.gif);
	background-repeat:no-repeat;
	height:745px;
	height:628px;
}
.main-images {
	width:875px;
	clear:both;
	height:767px;
	height:650px;
}

.wide { width:805px !important; }

.extra {
	width:850px;
	clear:both;
	margin:0px 0px 20px 0px;
	padding: 0px 40px;
	min-height:50px;
  	height:auto !important;
	height:50px;
	color:#fff;
}
.subnav {color: #ffffff;font-size:1.2em;margin-bottom:0px;padding:0px 20px 10px 0px;}

.usernav {
	width:805px !important;
	margin:0 0 12px 0;
	padding:12px;
	background-color:#bbb;
}
.usernav a {color:#000 !important;text-decoration:none !important;font-weight:bold !important;margin:0 7px;}
.usernav a:hover {color:#D32027 !important;text-decoration:none;font-weight:bold !important;}

#image-next {padding:0px 0px 10px 0px;}
#image-next a {
    float:left;
    padding:0;
    margin:0 0px;
	height: 16px;
	width:10px;
	background:url("../images/structure/arrows-right.gif") no-repeat;
}
#image-next a:hover { 
    background-position:-10px 0px;
}
#image-next a:active {
    background-position:-10px 0px;
}
#image-previous {padding:0px 0px 10px 0px;}
#image-previous a {
    float:left;
    padding:0;
    margin:0 0px;
	height: 16px;
	width:10px;
	background:url("../images/structure/arrows-left.gif") no-repeat;
}
#image-previous a:hover { 
    background-position:-10px 0px;
}
#image-previous a:active {
    background-position:-10px 0px;
}
/* ----------------------------------------FOOTER STYLES----------------------------------------*/

/* for footer styles */

#footer1 {
	width:890px;
	padding:0px 10px;
	background-color: #7F7F7F;
	text-align:left;
	height:30px;
}
#footer1-right { 
	width:320px;
	float:right;
}
#footer {
	float:right;
	padding:0;
	width:500px;
	clear:both;
	text-align:right;
	margin-bottom:20px;
}
.clearit {
	clear: both;
	height:0; 
    margin:0;
    font-size: 1px;
    line-height: 0px;
}
