/* Main */

@font-face { font-family:GraublauWeb; src:url(../fonts/GraublauWeb.otf) format("opentype") }
@font-face { font-family:GraublauWeb; src:url(../fonts/GraublauWebBold.otf) format("opentype"); font-weight:bold }

body {
	margin: 0 0;
	padding: 0;
	background: #141414;
	font-size: 14px;
	color: #333;
}

#top{background:url() repeat-x; height:0px;width:100%;}

body, th, td, input, textarea, select, option {
	text-transform: none;	
	font-family: "GraublauWeb", Trebuchet MS;
	font-size: 12px;
	color:#8B8B8B;
}

h1{
	font-size: 24pt;
	color: #E27932;
	text-transform:none;
	letter-spacing: -1px;
	line-height:115%;
	font-weight:normal;
	font-family: "GraublauWeb", Trebuchet MS;
}

h2 {
	font-size: 18pt;
	color:#E27932;
	text-transform:none;
	letter-spacing: -1px;
	line-height:100%;
	font-weight:normal;
	font-family: "GraublauWeb", Trebuchet MS;
}

h3 {
	font-size: 15pt;
	color: #E27932;
	text-transform:none;
	letter-spacing: -1px;
	line-height:132%;
	font-weight:normal;
	font-family: "GraublauWeb", Trebuchet MS;
}


p {
	line-height: 130%;
	font-family: "GraublauWeb", Trebuchet MS;font-size:13px; color:#8B8B8B;
}


a {
	color: #A9C96F;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #92AD5F;
}

/* Header */

#header {
	background: url(../images/header.png) no-repeat top center;
	width: 1000px;
	height: 180px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


/* Page */

#page {
	width: 1000px;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background: url(../images/pagebg.png) repeat-y;
	}

/* Menu */

#menu { height: 50px; width: 1000px; padding-top:97px;
}
.menu { height: 50px; width: 1000px; padding-top:97px;
}
#menu a { display: block; height: 50px;text-decoration: none; float:left;}

.C_navLink1 { width: 620px; background: url(../images/navLink1.png) no-repeat; }
.C_navLink1:hover { background: url(../images/navLink1On.png) no-repeat; text-decoration: none; }
.C_navLink1active { width: 620px; background: url(../images/navLink1On.png) no-repeat; text-decoration: none; }

.C_navLink2 { width: 65px; background: url(../images/navLink2.png) no-repeat; }
.C_navLink2:hover { background: url(../images/navLink2Ovr.jpg) no-repeat; text-decoration: none; }
.C_navLink2active { width: 65px; background: url(../images/navLink2On.png) no-repeat; text-decoration: none; }

.C_navLink3 { width: 85px; background: url(../images/navLink3.png) no-repeat; }
.C_navLink3:hover { background: url(../images/navLink3Ovr.jpg) no-repeat; text-decoration: none; }
.C_navLink3active { width: 85px; background: url(../images/navLink3On.png) no-repeat; text-decoration: none; }

.C_navLink4 { width: 75px; background: url(../images/navLink4.png) no-repeat; }
.C_navLink4:hover { background: url(../images/navLink4Ovr.jpg) no-repeat; text-decoration: none; }
.C_navLink4active { width: 75px; background: url(../images/navLink4On.png) no-repeat; text-decoration: none; }

.C_navLink5 { width: 70px; background: url(../images/navLink5.png) no-repeat; }
.C_navLink5:hover { background: url(../images/navLink5Ovr.jpg) no-repeat; text-decoration: none; }
.C_navLink5active { width: 70px; background: url(../images/navLink5On.png) no-repeat; text-decoration: none; }


/* Content */

#content {
	float: left;
	width: 554px;
	height: auto;
	margin: 0 auto;
	padding: 0px 20px 20px 15px;
	background: #fff ;
	border-left: 0px solid #000;		
}


/* Footer */

#footer a {
color:#454545
}

#footer a:hover {
color:#454545; text-decoration:none; border-bottom:1px dotted #fff;
}

#footer {
background:url(../images/footer.jpg) no-repeat center bottom;
	clear: both;
	width: 1000px;
	height: 185px;
	text-align: left;
	line-height:150%;
	font-size:14px;
	color: #454545;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 55px;
	padding-right: 0;
	padding-bottom: 0px;
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
	
#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
	
#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}
	
	UL.tabNavigation {
                    list-style: none;
                    margin: 0;
                    padding: 0;
                }

                UL.tabNavigation LI {
                    display: inline;
                }

                UL.tabNavigation LI A {
                    padding: 3px 5px;
                    background-color: #ccc;
                    color: #000;
                    text-decoration: none;
                }

                UL.tabNavigation LI A.selected,
                UL.tabNavigation LI A:hover {
                    background-color: #333;
                    color: #fff;
                    padding-top: 8px;
                }
                
                UL.tabNavigation LI A:focus {
                        outline: 0;
                }

                div.tabs > div {
                        padding: 5px;
                        margin-top: 3px;
                        border-top: 5px solid #333;
                }
               
			   
#feedback{
position:fixed;
width:50px;
height:150px;
top: 200px;
z-index:1;
margin:0;
padding:0;
color:#000000;
background:url(../images/top.jpg);
}

#feedback A:hover{
	padding-left: 8px;
	}