@charset "utf-8";
.sf {
}
body  , html{
	background-color: #404040;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}
a {
  outline: none;
} 
#container {
	width: 948px;
}
.home {
	background-image: url(images/mainback.gif);
	background-repeat: no-repeat;
}
.about  {
	background-image: url(images/aboutback.gif);
	background-repeat: no-repeat;
}
.video {
	background-image: url(images/videobackmain.gif);
	background-repeat: no-repeat;
}
.stillsimg a{
		text-align: center;
}

#container #logo {
	height: 173px;
}
#container #logo img , #videologo img{
	margin-top: 69px;
	margin-left: 51px;
}
#container #nav   {
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #818181;
	font-size: 12px;
	font-weight: bold;
	height: 140px;
}
#container #nav ul li a , #container #videonav ul li a{
	color: #818181;
	text-decoration: none;
}
#container #nav ul li a:hover , #container #videonav ul li a:hover{
	color: #FFF;
}
#container #nav #mainmenu    {
	list-style-type: none;
	padding-top: 80px;
	padding-left: 25px;
}
#container #nav #menu , #container #videonav #menu{
	margin-left: 25px;
	width: 155px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #818181;
	padding-top: 8px;
}
#container #nav ul li , #container #videonav ul li{
	float: left;
	margin-right: 8px;
}
#container #videonav {
	height: 200px;
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #818181;
	font-size: 12px;
	font-weight: bold;
}
#container #videonav ul {
	list-style-type: none;
	padding-top: 130px;
	padding-left: 25px;
}
#container #nav #aboutmenu {
	list-style-type: none;
	padding-top: 130px;
	padding-left: 25px;
}
.linksbot {
}


#vidimage {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	background-image: url(images/videobackside2.gif);
	background-repeat: no-repeat;
	background-position: right 340px;
}

	


#container #videologo {
	height: 121px;
	margin: 0px;
	padding: 0px;
}
#container #videonav {

}
#container #videocontent #video #holder {
	float: left;
	margin-left: 20px;
}
#container #videocontent #video #sidecontent {
	width: 400px;
	float: left;
	overflow: auto;
	height: 400px;

}

#container #videocontent #video #sidecontent p  {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #dddddd;
}
#container #videocontent #video #sidecontent h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #222122;
}

	
#container #videocontent #video #sidecontent img {
	padding: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.loadingtext {
	display: none;
}





#container #videocontent {
	height: 252px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 132px;
}
#container #videocontent #video {
	height: 201px;
	float: left;
}
#container #videocontent #video #vidwrapper {
	float: left;
}
#container #videocontent #video #vidwrapper a {
	text-decoration: none;
	color: #C0C0C0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}


#container #videocontent #topmenu {
	float: left;
	width: 350px;
	margin: 0px;
	padding: 0px;

}
#container #videocontent #video #mainvid {
	float: left;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #5d5d5d;
	border-bottom-color: #5d5d5d;
	padding-top: 5px;
	padding-bottom: 5px;
}

#container #videocontent #video #topmenu ul {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#container #videocontent #video #topmenu ul li a {
	text-decoration: none;
	color: #535353;
	float: left;
	margin-right: 15px;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #5d5d5d;
}
#container #videocontent #video #topmenu ul li a:hover {
	color: #d9d9d9;
}
#container #content {
	height: 250px;
	overflow:hidden;
	width: 865px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 107px;
}

#container #content .clear {
	clear: both;
}


#container #content #scroller {
	width: 815px;
	overflow:hidden;
	height: 250px;
	float: left;
}
#container #content #leftarrow {
}
.slides{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #818181;
	text-align: right;
	font-size: 13px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #818181;
	border-bottom-color: #818181;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-repeat: repeat-y;
	background-image:url(images/infoback.png);
	width: 152px;
}
.borders            {
	height: 5px;
	width: 100%;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #818181;
}

#container #content #scroller ul li .title {
	font-weight: bold;
	font-size: 14px;
	color: #FFF;
}
#container #content #scroller ul li .date {
	font-size: 10px;
	font-weight: normal;
}

#container #content #scroller ul li  p {
	padding: 5px;
	line-height: 6px;
	color: #818181;
	margin: 0px;
}
#container #content #scroller ul li ul li a {
	text-decoration: none;
	color: #818181;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#container #content #scroller ul  img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#container #content .prev img , #container #content .next img{
	padding-top: 25px;
}


#container #content #scroller ul li ul li a:hover {
	color: #CCC;
}
#container #content #scroller .prev {
	height: 84px;
	width: 25px;
	float: left;
}
#container #content #placeholder {
	height: 84px;
	width: 25px;
	float: left;
	padding-top: 6px;
}

#container #content #scroller .next {
	float: left;
	height: 84px;
	width: 25px;
	margin: 0px;
	padding: 0px;
}
#container #content ul{
	width:3660px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}
#container #content li {
	float:left;
	padding:0px;
		}
#container #scroller ul{
	width:3900px;
	clear: left;
	}
#container #scroller li {
	float:left;
	cursor:pointer;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
		}
#container #content #scroller ul li li  {
	float: none;
	list-style-position: inside;
}
#container #content #scroller ul li ul  {
	float: none;
	height: 100%;
	display: inline;
}
#container #content-about {
	width: 705px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 145px;
	height: 200px;
}
#container #content-about img {
	padding-top: 6px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #878787;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #878787;
	background-color: #404040;
}
#container #content-about #photo {
	float: left;
}

#container #content-about #photo p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #878787;
}

#container #content-about #text {
	float: left;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #878787;
	border-bottom-color: #878787;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 350px;
	margin-left: 25px;
	text-align: justify;
}
#container #content-about #text p {
	color: #bdbdbd;
}

#container #content-about #text h2 {
	margin: 0px;
	padding: 0px;
	color: #dddddd;
}
#contact  {
	height: 270px;
	width: 250px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	cursor: default;
}
#wrapper #contact #contactForm {
	margin-right: auto;
	margin-left: auto;
	cursor: default;
}
#wrapper #contact #design {
	font-size: 9px;
	color: #333;
}
#wrapper #contact #design a {
	text-decoration: none;
	color: #333;
}
#wrapper #contact #design a:hover {
	color: #CCC;
}




#contact p {
	font-size: 12px;
	color: #9D9D9D;
	line-height: 0px;
	text-align: center;
	cursor: default;
}
#contact h2 {
	color: #D6D6D6;
	font-size: 1.2em;
	text-align: center;
	cursor: default;
}

#contact form table tr td p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #D6D6D6;
	text-align: right;
}
#container #content-links {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 200px;
	margin-left: 150px;
	height: 250px;
}
#container #content-links #text {
}
.links {
	background-image: url(images/linksarm1.gif);
	background-repeat: no-repeat;
	background-position: 40px 36px;
}


#container #content-links #text ul li a {
	text-decoration: none;
	color: #808080;
	font-weight: bold;
	font-size: 13px;
}
#container #content-links #text ul li a:hover {
	text-decoration: none;
	color: #CCC;
	font-weight: bold;
	font-size: 13px;
}
#container #content-links #text ul {
	list-style-type: none;
	line-height: 20px;
	margin: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #717171;
	border-bottom-color: #717171;
}