/* body styles */ 
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #003366;
	margin: 0;
	padding:0;
	background: #ffffff;
}

/* typography */

h1, h2, h3, h4, h5, h6, p, td, ul, ol, li, dl, dt, dd {
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
}

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.75em;
	font-weight: bold;
	color: #036;
	padding: 1px 0;
}

h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #036;
	margin: 20px 0 0 0;
	padding: 1px 0;
}

h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003366;
}

i {  font-style: italic}
b {  font-weight: bold}

td { font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height:1.4em; color: #003366}
p { font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height:1.4em; color: #003366}
li {line-height:1.8em;}

a:link {  color: #0033FF; text-decoration: none}
a:hover {  color: #CC9900}
a:visited {  color: #0033CC}

.arial {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #003366}
.caption { font-family: Arial, Helvetica, sans-serif; font-size:1em; font-style:italic; color: #003366; margin-bottom:8px;}
.tbltext { font-family: Arial, Helvetica, sans-serif; font-size:1em; line-height:1.4em; color: #003366}
.bluetext {color: #003366}

.floatright {float: right;}

.floatright img {margin-left:20px;}

.floatleft {float:left;}

.floatleft img {margin-right: 20px;}

.clear {clear:both;}

.inferior {
	font-size: xx-small;
	color: #003366;
}

.topimage {
	float:right;
	margin-top: 15px;
	margin-left:20px;
	margin-right:30px;
	width:306px;
	font-style:italic;
}

.imageleft {
	float:left;
	margin-right:20px;
	width:306px;
}

.imageright {
	float:right;
	margin-left:20px;
	margin-right:30px;
	width:306px;
}

.imageblock {
	width:725px;
	font-style:italic;
	margin-top: 15px;
}

.imageblockpic1 {
	float:left;
	margin: 0;
	padding:0;
}

.imageblockpic2 {
	float:right;
	margin: 0 auto;
	padding:0;
}

.imageblockpic3 {
	float:left;
	margin: 15px auto;
	padding:0;
}

.imageblockpic4 {
	float:right;
	margin: 15px 0;
	padding:0;
}

#Wrapper {
	width: 100%;
	background: #FFFFFF;
	text-align: center;
	min-width: 932px;
}

#Page {
	width: 932px;
	margin: 0 auto;
	background: #FFFFFF url(../images/skysite/skysite_head_bg.gif) top left repeat-x;
	text-align: left;
}

#BrandingBox {
	margin: 0px;
	padding: 0px;
}

#BrandingLogo {
	float: left;
	width: 172px;
	height: 159px;
	margin:0;
	padding:0;
	background:#FFFFFF;
}

#BrandingHeader {
	float: right;
	width: 760px;
	height:159px;
}
#Banner {
	height: 88px;
	margin:0;
	padding:0;
	background: #003366 url(../images/skysite/skysite_head_bg.gif) top left repeat-x;
}

#BannerLeft {
	float:left;
}

#BannerRight {
	margin-right: 2px;
	float:right;
}

#MainNav {
	margin: 0;
	padding: 0;
}

#Section {
	width: 172px;
	float: left;
}

#SectionTitle {
	margin: 0 15px 0 0;
}

#SectionMenu {
	margin: 0 15px 0 0;
}

#Content {
	width: 755px;
	float: right;
	margin: 0 0 0 0;
}

#Content p {
	margin-right: 30px;
}

#Content h2 {
	margin-right: 30px;
}


#Footer {
	width: 932px;
	margin: 0 auto;
	background: url(../images/skysite/skysite_foot.gif) repeat-x;
	padding: 27px 0 20px 0;
	font-size: smaller;
	color: #999999;
	text-align: center;
}

#Footer a:link {color: #999999; text-decoration: none;}
#Footer a:visited {color: #999999;}
#Footer a:hover {color: #999999; text-decoration: underline;}

.HomeBanner {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 2.0em;
	color: #666666;
	padding: 1px 0;
	border:  #FFFFFF 1px solid;
}

.FeatureText {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #666666;
	font-weight: bold;
	padding: 0;
}

#HomeContent {
	border: #999999 solid 1px;
	padding: 3px;
	color: #FFFFFF;
	margin-top: 18px;
}

.hometext {
	margin: 5px;
	padding: 0;
	color: #FFFFFF;
}

.hometext p {color: #FFFFFF;}
.hometext a:link {color: #FFCC00; text-decoration: none;}
.hometext a:visited {color: #FFCC00;}
.hometext a:hover {color: #FFE784;}


.homebutton {
	display: block;
	width: 129px;
	margin:0 0 3px 0;
	padding: 0;
	background: #999999;
	border: #CCCCCC 1px solid;
}

.homebutton img {
	margin: 2px;
	padding: 0; 
}

.homebutton a:link, .homebutton a:visited {
	display: block;
	color: #FFFFFF;
	background: #999999;
	text-align: center;
	text-decoration: none;
	margin-bottom: 2px;
}

.homebutton a:hover {
	color: #FFFFCC;
	background: #003366;
	text-decoration: none;
}

.button {
	display: block;
	padding: 2px;
	border: 1px #999999 solid;
	margin: 5px 0;
}

.button a:link, .button a:visited {
	display: block;
	color: #003366;
	background: #FFCC00;
	text-decoration: none;
	margin: 0;
	padding: 2px;
}

.button a:hover {
	background: #FFE784;
	color: #003366;
	text-decoration: none;
}

.submenu {
	display: block;
	padding: 2px;
	border: 1px #999999 solid;
	margin: 0;
}

.submenu ul {
	margin:0;
	padding:0;
	list-style: none;
}

.submenu li {
	margin: 0;
	padding: 2px 0;
	line-height: 1.2em;
	border-top: #999999 1px solid;
}

.submenu li.first {
	padding: 0 0 2px 0;
	border-top: none;
}

.submenu a:link, .submenu  a:visited {
	display: block;
	color: #003366;
	background: #FFCC00;
	text-decoration: none;
	margin: 0;
	padding: 2px;
}

.submenu a:hover {
	background: #FFE784;
	color: #003366;
	text-decoration: none;
}

.faq {
	font-weight: bold;
	background-position: 10px 10px;
	padding: 3px 10px 3px 5px;
	height: auto;
	width: auto;
	margin: auto;
	font-style: normal;
	background-color: #003366;
	color: #CCDDEE;
	border-top: thin none #FFCC00;
	border-right: thin none #FFCC00;
	border-bottom: thin solid #FFCC00;
	border-left: thin none #FFCC00;
}
.heading {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom-width: medium;
	border-bottom-style: inset;
	border-bottom-color: #FFCC00;
}

.box {
	border: thin solid #FFCC00;
	margin: 15px;
	padding: 3px;
}
.onyellow {
	font-weight: bold;
	background-color: #FFCC00;
	padding: 3px;
}

.announcement {
	border-right: 2px solid #6699FF;
	border-bottom: 2px solid #6699FF;
	border-top: 1px solid #6699FF;
	border-left: 1px solid #6699FF;
	background-color:#ffedcc;
	margin: 0;
	padding: 0 10px;
	color:#003366;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.announcement p {color:#003366}

#plane1 {
	margin-right: 5px;
	margin-bottom:15px;
	float: right;
	border: #333333;
	border-right: 2px solid;
	border-bottom: 2px solid;
	border-top: 1px solid;
	border-left: 1px solid;
}

#plane2 {
	margin-left: 5px;
	margin-bottom:15px;
	float: left;
	border: #333333;
	border-right: 2px solid;
	border-bottom: 2px solid;
	border-top: 1px solid;
	border-left: 1px solid;
}

.clientlogo {
	float:right;
}

.progressyear {
	width: 200px;
	margin-right: 20px;
	float:left;
	font-weight:bold;
	border: #CCCCCC 1px solid;
	color: #999999;
}

.progressyear td {text-align:center; color:#999999;}
.progressyear td .year {color:#666666; font-size: 12pt; font-weight: bold;}
.progressyear a:link {  color: #0033FF; text-decoration: none;}
.progressyear a:hover {  color: #CC9900;}
.progressyear a:visited {  color: #0033CC;}

.videoposition {
	float: left;
	margin-right: 20px;
}

#qtvideo {
	width: 482px;
	height: 290px;
}

.testimonial {
	width: 220px;
	margin:0 0 20px 25px;
	padding: 0 8px 8px 8px;
	background: #036;
	float:right;
	border-right: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
}

.testimonial p {
	color:#eeeeee;
}

.testimonial .box {
	width: 202px;
	margin: 0 auto;
	padding: 5px;
	border: thin solid #FC3;
	color: #EEEEEE;
}

.testimonial2 {
	margin: 5px 0 0 0;
	padding: 20px 0;
	border-bottom: dashed thin #FFCC00;
}

.testimonial2 img {
	margin-left:20px;
	margin-right:20px;
}

.testimonial2 p {
	margin:0;
	padding:0;
}

.quote {
	font-style:italic;
	font-size: 1.2em;
}

.client {
	font-size: 1em;
	font-weight:bold;
	margin:8px 0 10px 0 ;
}
