@charset "UTF-8";
/* CSS Document */

#content {
	display:none;
	float:left;
	width:760px;
	border:none;
	margin:0px;
	padding:0px;
	margin-left:20px;
	text-align:left;
	background-color:#FFFFFF;
	position: relative;
}
#container {
	width:900px;
	padding:0px;
	border:none;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	text-align:center;
}

#nav {
	float:left;
	padding:0px;
	border:none;
	margin:0px 322px 0px 322px;
	width:255px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size:40px;
	text-align: left;
	display:inline;
}
#nav ul {
	display:block;
	float:left;
	padding:0px;
	border:none;
	margin:0px;
	position:relative;
	list-style:none;
}

#nav ul li {
	height:48px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
}

a {
	outline:none;
}

#nav ul a {
	color:#000000;
	text-decoration:none;	
}



#nav ul a.abluelink:hover {
	color:#69ACDE;
	height:48px;
	margin: 0px;
	padding: 0px;
}
#nav ul a.agreenlink:hover {
	color:#7EC242;
	height:48px;
	margin: 0px;
	padding: 0px;
}
#nav ul a.aorangelink:hover {
	color:#F3B525;
	height:48px;
	margin: 0px;
	padding: 0px;
}
#nav ul a.aredlink:hover {
	color:#EA5959;
	height:48px;
	margin: 0px;
	padding: 0px;
}
#nav ul a.ateallink:hover {
	color:#77CCCA;
	height:48px;
	margin: 0px;
	padding: 0px;
}



/*
#nav ul a span.link{
	color:#000000;
	text-decoration:none;
}
*/



#red, .cred{
	color:#EA5959;
}
#blue, .cblue{
	color:#69ACDE;
}
#green, .cgreen{
	color:#7EC242;
}
#orange, .corange{
	color:#F3B525;
}
#teal, .cteal{
	color:#77CCCA;
}

#loader {
	display:none; 
	margin: 0px;
	padding: 0px;
	margin-top: 100px;
	margin-left: 20px;
	width: 760px;
	float: left;
}

h1{
	font-size:85px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	float: left;
	color: #69AADD;
	display:inline;
	padding:0px;
	border:0px;
	margin:0px;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	height: 102px;
}
h2{
	font-family:"verdana";
	font-size:40px;
	color:#000000;
	padding:0px;
	margin:0px;
	border:none;
	color: red;
}
p{
	font-family:"verdana";
	font-size:11px;
	color:#5C5C5C;
	padding:0px;
	margin:0px;
	margin-top:10px;
	margin-bottom:10px;
	border:none;
}
#DisplayBack{
	position: relative;
	height: 209px;
	width: 740px;
	float: left;
	display: block;
}
#Slides, #DispBorder{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 209px;
	width: 740px;
}
#SlideShow {
	margin: 0px;
	padding: 0px;
	width: 740px;
}
#SlideButtons a:link img, #SlideButtons a:visited img {
	border: none;
	margin: 0px;
	padding: 0px;
	display: inline;

}
#SlideButtons {
	width: 740px;
	float: left;
	margin: 0px 0px 20px 0px;
}
.slideCaption h3{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	font-family:Verdana, Geneva, sans-serif;
	width: 717px;
	float: left;
}
.slideCaption p{
	display: block;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	line-height: 13px;
}
.slideCaption .launch {
	position: absolute;
	top: 7px;
	right: 21px;

}
.slideCaption .launch a, .webCaption .launch a{
	font-size: 14px;
	font-family: Verdana;
	text-decoration: underline;
	
}

.slideCaption {
	background-image: url("images/captionBack.png");
	background-repeat: repeat;
	width: 705px;
	height: 84px;
	position: absolute;
	bottom: -16px;
	padding-top: 10px;
	padding-left: 23px;
	overflow: hidden;
}
#slideCap2, #slideCap3, #slideCap4 {
	bottom: -110px;
}
#slides {
	width: 2912px;
	position: absolute;
	left: 0px;
}
/*Box Styles*/
#box {
	margin: 0px;
	padding: 0px;
	width: 740px;
	height: 264px;
	position:relative;
	float:left;
	display:block;
	overflow:hidden;
}
#box, #topBox, #middleBox, #bottomBox {
	width:740px;
	float:left;
}
#middleBox {
	height:232px;
	float:left;
	display:inline;
}

#topLeft, #topRight, #bottomLeft, #bottomRight {
	height:16px;
	width:16px;
	float:left;
	display:inline;
	overflow:hidden;
}
#topMiddle, #boxContent, #bottomMiddle {
	width:708px;
	float:left;
	display:inline;
	overflow:hidden;
}

#bottomMiddle, #topMiddle {
	height:16px;
	float:left;
}
#middleLeft, #middleRight {
	width:16px;
	height:232px;
	float:left;
	display:inline;
}
#boxContent {
	height:232px;
	width:708px;
	float:left;
	display:inline;
	overflow:visible;
}

#topLeft, #middleLeft, #bottomLeft {
}
#topRight, #middleRight, #bottomRight {
}
#topBox {
	height:16px;
}

#bottomBox {
	height:16px;
}

#topLeft, #middleLeft, #bottomLeft, #topRight, #middleRight, #bottomRight, #topBox, #bottomBox {
	position: relative;
	z-index: 2;
}
#boxContent {
	position: relative;
	top:-7px;
	left:-7px;
	z-index: 1;
}
.boxClearFloat {
	clear:both;
}


.smallBox {
	width: 164px;
	height: 100px;
	margin: 0px 10px 10px 0px;
	padding: 0px;
	color: red;
	float: left;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.smallBox:hover {
	cursor: hand;
	cursor: pointer;
}
.smallBoxBack {
	position: absolute;
	z-index: 3;
	width: 174px;
	height: 100px;
	top: 0px;
	left: 0px;
}
.smallBoxBack:hover {
	cursor: hand;
	cursor: pointer;
}
.smallBox {
	overflow: hidden;
}
.smallBox .smallBoxTitle h3, .smallBoxTitle {
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
}
.smallBox {
	width: 173px;
}
.smallBoxTitle {
	position: absolute;
	top: -36px;
	margin: 0px;
	padding: 10px;
	background-image: url("images/captionBack.png");
	width: 153px;
	height: 16px;
}
.smallBoxTech {
	position: absolute;
	top: 97px;
	left: 0px;
	margin: 0px;
	padding: 10px;
	width: 153px;
	height: 30px;
	background-image: url("images/captionBack.png");
}
.smallBoxTech p {
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
}
.firstSmall {
	clear: both;
}
.lastSmall {
	margin: 0px;
}
#projects {
	padding-left: 6px;
	padding-right: 6px;
	float: left;
	width: 728px;
}
/*
web styles
*/
.webTopLeft {
	background-image: url('images/web/box/topLeft.png');
	background-repeat: no-repeat;
}
.webTopRight {
	background-image: url('images/web/box/topRight.png');
	background-repeat: no-repeat;
}
.webBottomRight {
	background-image: url('images/web/box/bottomRight.png');
	background-repeat: no-repeat;
}
.webBottomLeft {
	background-image: url('images/web/box/bottomLeft.png');
	background-repeat: no-repeat;
}
.webBottomMiddle {
	background-image: url('images/web/box/bottomMiddle.png');
	background-repeat: repeat-x;
}
.webTopMiddle {
	background-image: url('images/web/box/topMiddle.png');
	background-repeat: repeat-x;
}
.webMiddleRight {
	background-image: url('images/web/box/middleRight.png');
	background-repeat: repeat-y;
}
.webMiddleLeft {
	background-image: url('images/web/box/middleLeft.png');
	background-repeat: repeat-y;
}
.webSmallBoxBack{
	background-image: url('images/web/DispBackSmall.png');
}

.webCaption h3, .webBoxTitle h3, .webCaption .launch a:link {
	color: #7EC242;
}
	
.webCaption .launch a:visited{
	color: #ccf2aa;	
}

/*
graphic styles
*/
.graphTopLeft {
	background-image: url('images/graphic/box/topLeft.png');
	background-repeat: no-repeat;
}
.graphTopRight {
	background-image: url('images/graphic/box/topRight.png');
	background-repeat: no-repeat;
}
.graphBottomRight {
	background-image: url('images/graphic/box/bottomRight.png');
	background-repeat: no-repeat;
}
.graphBottomLeft {
	background-image: url('images/graphic/box/bottomLeft.png');
	background-repeat: no-repeat;
}
.graphBottomMiddle {
	background-image: url('images/graphic/box/bottomMiddle.png');
	background-repeat: repeat-x;
}
.graphTopMiddle {
	background-image: url('images/graphic/box/topMiddle.png');
	background-repeat: repeat-x;
}
.graphMiddleRight {
	background-image: url('images/graphic/box/middleRight.png');
	background-repeat: repeat-y;
}
.graphMiddleLeft {
	background-image: url('images/graphic/box/middleLeft.png');
	background-repeat: repeat-y;
}
.graphSmallBoxBack{
	background-image: url('images/graphic/DispBackSmall.png');
}
.graphCaption h3, .graphBoxTitle h3, .graphCaption .launch a:link {
	color: #F3B525;
}
	
.graphCaption .launch a:visited{
	color: #EDD29D;
		
}

/*docs styles*/
.docsTopLeft {
	background-image: url('images/docs/box/topLeft.png');
	background-repeat: no-repeat;
}
.docsTopRight {
	background-image: url('images/docs/box/topRight.png');
	background-repeat: no-repeat;
}
.docsBottomRight {
	background-image: url('images/docs/box/bottomRight.png');
	background-repeat: no-repeat;
}
.docsBottomLeft {
	background-image: url('images/docs/box/bottomLeft.png');
	background-repeat: no-repeat;
}
.docsBottomMiddle {
	background-image: url('images/docs/box/bottomMiddle.png');
	background-repeat: repeat-x;
}
.docsTopMiddle {
	background-image: url('images/docs/box/topMiddle.png');
	background-repeat: repeat-x;
}
.docsMiddleRight {
	background-image: url('images/docs/box/middleRight.png');
	background-repeat: repeat-y;
}
.docsMiddleLeft {
	background-image: url('images/docs/box/middleLeft.png');
	background-repeat: repeat-y;
}
.docsSmallBoxBack{
	background-image: url('images/docs/DispBackSmall.png');
}
.docsCaption h3, .docsBoxTitle h3, .docsCaption .launch a:link, .docsCaption a:link {
	color: #E75D56;
}
	
.docsCaption .launch a:visited, .docsCaption a:visited{
	color: #E29391;	
}

/*photo styles*/
#slideshowPhoto {
    position:relative;
    height:480px;
    width: 480px;
    margin: 15px auto 15px auto;
    padding: 10px; 
    border: 1px solid #77CCCA;

}
#photoSlidesWidth {
	width: 740px;
}
#slideshowPhoto IMG {
    position:absolute;
    top:10px;
    left:10px;
    z-index:8;
}

#slideshowPhoto IMG.active {
    z-index:100;
}

#slideshowPhoto IMG.prev {
    z-index:9;
}
#leftBtn {
	margin-right: 10px;
}
#leftBtn:hover, #rightBtn:hover {
	cursor: hand;
	cursor: pointer;

}
#buttons {
	width: 38px;
	margin: 15px auto 0px 10px;
	float: left;
}

/*contact styles*/
#contactForm {
	padding-top: 45px;
	position: relative;
	height: auto;
	width: 312px;
	margin: 0px 0px 0px 100px;
}

#contactForm label, #contactForm input, #contactForm #txtMessage {
	float: left;
	margin: 0px 5px 5px 0px;
	font-family: Verdana;
	
}

#contactForm label {
	clear: left;
	color: #E0A522;
	font-weight:bold;
	height:21px;
}
#contactForm #submitBtn {
	clear: left;
	margin: 5px 0px 0px 105px;
	background-color:white;
	color:gray;
	width: auto;
	height: auto;
}
#contactForm input, #contactForm #txtMessage {
	border: solid 1px #E0A522;
	padding: 3px;
	height: 15px;
	font-size:14px;
}
#contactForm label {
	width: 100px;
}
#contactForm #txtMessage {
	height: 100px;
}
#contactForm #txtMessage {
	width: 194px;
}
#contactForm input {
	width: 194px;
}
#contactInfo {
	clear: left;
	padding-top: 15px;
	margin-left: 105px;
}
#contactInfo a:link {
	color: #E0A522;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	font-family: Verdana;
}
#contactInfo a:link img, #contactInfo a:visited img {
	border: none;
}
#contactInfo a:visited {
	font-size: 14px;
	color: #e3c071;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana;
}
#contactInfo p {
	font-size: 14px;
	display: inline;
	margin: 0px;
	padding: 0px;
}
/*home*/
p#homeContent {
	width: auto;
	margin-right: 50px; 
}
p#homeContent, p.streamContent {
	font-size: 15px;
	line-height: 25px;
	float: left;
}

p.streamContent {
	width: 740px;
}
.floatLeft {
	float: left;
}
/*frame */
#FrameCap {
	padding: 10px;
	position: absolute;
	z-index: 9999;
	top: 15px;
	left: 15px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height: auto;
	width: 500px;
	color: white;
	background: url('images/captionBack.png');
}
#FrameCap h1 {
	font-size: 18px;
	color: #FFFFFF;
	font-family: Verdana;
	margin: 0px 0px 10px 0px;
	height: auto;	
}
#FrameCap p {
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF;
}
#FrameCap a:link{
	color: #6CA8DB;
}
#FrameCap a:visited{
	color: #F2B71B;
}
#PortSite {
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
	z-index: 10;
}

/*streaming*/
.tooltip {
	position: absolute;
	left: 0px;
	top: 0px;
	border: none;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	line-height: 20px;
	font-family: Verdana;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 7px;
	background-image: url("images/captionBack.png");
	background-repeat: repeat;
	color: #FFFFFF;
}
.song {
	padding: 10px;
	height: 90px;
	width: 90px;
	float: left;

}
.streamh2 {
	clear: left;
}