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

html {	
height: 100%;
}

body {
	background-color: #404f3a;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #516967;
	margin: 0px;
	padding: 0px;
	height: 100%;
	line-height: 22px;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	color: #516967;
	border-bottom: 1px solid #CCC;
	line-height: 30px;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
	color: #516967;
	border-bottom: 1px solid #CCC;
	line-height: 30px;
}



/* LINK */

#content a:link {
	color: #fe9c46;
	text-decoration: none;
}

#content a:visited {
	color: #fe9c46;
	text-decoration: none;
}

#content a:hover {
	color: #666;
	text-decoration: underline;}


#topheader a:link {
	color: #666;
	text-decoration: none;
}

#topheader a:visited {
	color: #666;
	text-decoration: none;
}

#topheader a:hover {
	color: #999;
}


/* HEADER */

#topheader {
	width: 100%;
	height: 30px;
	background-color:#fe9c46;
	border-bottom: 1px solid #DBE1E1;
}

#topheader #topcenter {
	width: 875px;
	margin: 0 auto;
	background-color:#fe9c46;
}

#topheader #topheaderleft {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	float: left;
	margin-top: 7px;
	padding-left: 10px;
	background-color:#fe9c46;
}

#topheader #topcenter #topheaderright {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	float: right;
	margin-top: 5px;
	padding: 0 5px 0 0;
	background-color:#fe9c46;
}

/* WRAPPER */

#wrapper {
	background-image: url(images/bkground_grunge_full_vertical.jpg);
	background-repeat: repeat-y;
	margin: 0 auto;
	width: 960px;
	height: 950px;
}

#logo p {
	margin: 0px; /* fixes div space */
}

/* #wrapper p {
	margin: 0px;  fixes div space 
} */


#logo {

	height:105px;
	*height: 95px; /* if IE */
	width:879px;
	margin: 0 auto;
}

#contentwrapper {
	/* background-image: url(images/content_white_background_middle.png); */
	background-color: #fff;
	/* width: 898px; */
	width: 880px;
	height: 700px;
	/* height: 100%; */
	margin: 0 auto;
	padding: 0px;
}

#content {
	width: 845px;
	height: 100%;
	margin: 0 auto;
}

#contentmiddle p, #contentbottom p {
	margin: 0px;
}

#contentmiddle {
	background-image: url(images/content_white_background_middle.png);
	background-repeat: repeat-y;
	padding: 0 25px 0 25px;
}


#contentbottom {
	/* background-image: url(images/content_white_background_bottom.png); */
	/* background-repeat: no-repeat; */
	height: 31px;
	margin: 0 auto;
	width: 898px;
	font-size: 12px;
	color: #333;
}

#copyright {
	padding-right: 25px;
	line-height: 8px;
	text-align: right;
	
}

#copyright a:link, #copyright a:visited {
	text-decoration: none;
	color:#000;
}

#copyright a:hover {
	text-decoration: none;
	color: #333;
}

#content #contentmiddle #contentleft {
	float: left;
	width: 400px;
}

#content #contentmiddle #contentright {
	float: right;
	width: 400px;
}

/* GLOBAL NAV */

#globalnavwrapper {
	background-color:#37585e; 
	width: 881px; 
	height: 40px;
	/* margin-left: 9px; */
	
}

#globalnav {
}

/* ----------------------------
       CONTENT BDOY 
----------------------------*/

.bar {
	width:390px;
	font-size:16px;
	margin-top:15px;
	background-color: #516967;
	height: 27px;
	font-family: Verdana, Geneva, sans-serif;
	padding-top: 1px;
	padding-left: 10px;
	color: #FFF;
	line-height: 27px;
}

#contentwrapper #content #leftcontent {
	float:left;
	width: 390px;
}

#contentwrapper #content #contentright {
	float:right;
	width: 390px; 
	margin-right: 10px;
}

/* ----------------------------
           SCROLLER 
----------------------------*/

/* single item */ 
#thumbs div { 
    float:left; 
    width:214px; 
    height:300px; 
    background:#333 url(http://static.flowplayer.org/img/global/gradient/h150.png) repeat-x 0 146px; 
    color:#fff; 
    border-left:1px solid #333; 
    cursor:pointer; 
} 
 
/* style when mouse is over the item */ 
#thumbs div.hover { 
    background-color:#444;     
} 
 
/* style when element is active (clicked) */ 
#thumbs div.active { 
    background-color:#066; 
    cursor:default; 
}




.screenshot {
	padding-left: 20px;
	padding-right: 20px;
}

.introtext {
	line-height: 20px;
	margin-top: 0px;
}