@charset "utf-8";

html {
height: 			auto;
min-height: 		1000px;
margin-bottom:	 	1px;
}

body {
background: 		#FFFFFF; 
font-family: 		"Verdana", sans-serif;
margin: 			0em;
font-size: 			0.8em;
}

a:link{
text-decoration: 	none;
color: 				black;
}

a:visited{
text-decoration: 	none;
color: 				black;
}

img {
border-collapse: 	collapse;
border: 			none;
}

ul {
margin: 			0px;
}

h1 {
margin: 			15px 0px 0px 0px;
}

h3 {	
margin: 			0px;
}

#container {
position: 			relative;
margin-left: 		auto;
margin-right: 		auto;
clear: 				both;
width: 				960px;
}

/* --------------------- HEADER DIV ------------------------------- */
#header {
position: 			absolute;
z-index:			0;
width: 				960px;
height: 			154px;
}

#header_container {
position:			relative;
}

#logo {
position:			absolute;
top:				10px;
width:				960px;
height:				108px;
}

#stamp {
position:			absolute;
z-index:			1;
top:				-13px;
left:				40px;
width:				150px;
height:				150px;
}



.h5 {
margin:				0px;
}

#search {
position:			absolute;
left:				220px;
top:				128px;
width:				300px;
}

#searchTextfield {
border:				1px solid #D0D0D0;
}

#submitButton {
background-color:	#0669A2;
color:				white;
border:				1px solid #0669A2;
}

#about {
position:			absolute;
left:				695px;
top:				128px;
border:				1px solid #F16122;
background-color:	#DDE5E7;
padding:			2px 3px 2px 3px;
}

#socialbookmarking {
position:			absolute;
right:				0px;
top:				122px;
height:				26px;
width:				192px;
}

#socialbookmarking span {
margin-left:		0px;
margin-right:		0px;
}

/* ---------------------- NAVIGATION DIV ---------------------------*/
#navigation {
position: 			absolute;
z-index:			0;
top:				128px;
left:				0px;
width:				200px;
border:				1px solid #3D9C52;
background-color:	white;
}


#navigation div.top {
/* background:			url(../img/navigation_top.gif) no-repeat; */
height: 			10px;
margin: 			0px;
}

#navigation div.middle {
/* background-image: 	url(../img/navigation_middle.gif);
background-repeat: 	repeat-y; */
min-height: 		362px;
padding-top:		10px;
padding-left:		18px;
}

#navigation div.bottom {
/* background: 		url(../img/navigation_bottom.gif) no-repeat; */
height: 			10px;
}

.supercategory {
color: 				#1F1F1F;
margin-top:			14px;
margin-bottom:		5px;
font-size:			13.4px;
}

ul.category {
padding-left:		1em;
margin-left:		1em;
width:				160px;
}

ul.subcategory{
margin-top:			4px;
margin-bottom:		4px;
padding-left:		3px;
margin-left:		3px;
}

.spanCategory {
cursor:				pointer;
font-size:			12.8px;
}

.spanCategory:hover {
cursor:				pointer;
color:				green;
font-weight:		bold;
font-size:			12.8px;
}

a.subcat {
font-size:			12.8px;
}

a.subcat:hover {
color:				green;
font-weight:		bold;
font-size:			12.8px;
}

#count {
margin-top:			25px;
margin-left:		30px;
padding-bottom:		20px;
}

/* --------------------- APPLICATIONS DIV ----------------------- */

#applications { 
position: 			absolute;
z-index:			1;
top:				156px;
left:				220px;
width:				520px;
border:				1px solid #0868A0;
}


#applications div.top { 
height: 			10px;
}

#applications div.middle { 
height: 			auto;
width:				100%;
}

#applications div.bottom { 
height: 			20px;
}

#iframe_content {
position:			relative;
width:				520px;
min-height:			537px;
}


/* ------------------- BANNER  ------------------------------- */
#banner { 
position: 			absolute;
z-index:			0;
top:				156px;
right:				0px;
width: 				200px;
border:				1px solid #3D9C52;
background-color:	white;
}

#banner div.top { 
/* background: 		url(../img/google_top.gif) no-repeat; */
height: 			10px;
}

#banner div.middle { 
/* background-image: 	url(../img/google_middle.gif);
background-repeat: 	repeat-y; */
height: 			auto;
text-align: 		center;
}

#banner div.middle p { 
padding-left: 		auto;
padding-right: 		auto;
margin-top:			5px;
}

#banner div.bottom { 
/* background: 		url(../img/google_bottom.gif) no-repeat; */
height: 			10px;
}

#PlayOgg {
margin-bottom:		20px;
}


/* -------------------------------- FOOTER DIV -------------------------------------- */

#footer {
position: 			absolute;
z-index:			0;
top:				905px;
height: 			548px;
width:				100%;
background: 		url('../img/background-bottom.gif') no-repeat; 
}

#form_suggestions {
margin-left: 		auto;
margin-right: 		auto;
clear: 				both;
width: 				100%;
text-align: 		center;
background-color:	#859aa9;
margin-top:			449px;
padding-top:		6px;
padding-bottom:		9px;
}

.form_input {
width:				135px;
border:				1px solid white;
background-color:	#859aa9;
color:				white;
text-align:			center;
}

#form_submit {
width:				110px;
border:				1px solid white;
background-color:	#859aa9;
color:				white;
text-align:			center;
}

#form_text {
font-weight:		bold;
color:				white;
}

#form_form {
margin-top:			6px;
}

#links {
margin-left: 		auto;
margin-right: 		auto;
clear: 				both;
width: 				100%;
text-align: 		center;
font-family: 		"Verdana", sans-serif;
font-size: 			70%;
font-weight: 		bold;
color: 				black;
background-color:	#5c6a7b;
padding-top:		8px;
padding-bottom:		3px;
height:				24px;
}

#links a {
position: 			relative;
top: 				-4px;
text-decoration: 	none;
}

#links a:hover {
text-decoration: 	underline;
}