html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

 u, i, center,

dl, dt, dd, ol, 

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	background-color: transparent;

}



body {

	margin: 0;

	padding: 0;

	font: 12px/24px 'Trebuchet Ms', Trebuchet, serif;

	color: #4a4a4a;

	background-image:url('../gfx/bg.jpg');

	background-repeat: repeat-x;

	background-color:#f1f1f1;

	background-position:top;
	
	overflow-y:scroll;

}



a {

	color:#357bd1;

	text-decoration:none;

}



a:hover {

	color:#fff;

	text-decoration:none;

	background-color:#357bd1;



}



hr {

	color:#dadada;

	height:1px;

}





p {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #666;

	font-size: 11px;

	line-height:180%;

}

li {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #666;

	font-size: 11px;

}

h1 {

	margin: 0;

	padding: 0 0 2px 0;

	font-size: 20px;

	color: #5f5f5f;

	font-weight: bold;

}

h3 {

	margin: 0;

	font: 16px 'Trebuchet Ms', Trebuchet, serif;

}

h2 {

	margin: 0;

	padding: 0 0 2px 0;

	font-size: 1.5em;

	color: #fff;

}



td {

	font-family:tahoma;

	font-size:0.9em;

	color: #666666;

}











#container {

	width:961px;

	margin-left:auto;

	margin-right:auto;

	background-image:url('../gfx/bgContainer.jpg');

	background-position:top center;

	background-repeat:no-repeat;

}

#top {

	width:961px;

	height:316px;

	background-image:url('../gfx/top.png');

}

#topApple {

	color:#95a3b4;

	font-family:tahoma;

	font-size:0.9em;

	float:right;

	margin-right:68px;

	margin-top:50px;

}

#topApple a {

	color:#95a3b4;

}

#topApple a:hover {

	text-decoration:underline;

	color:#95a3b4;

	background-color:transparent;

}



#topNav {

	width:961px;

	margin-top:10px;

	height:50px;

}

	#topNav #logo {

		width:17%;

		float:left;

	}
	
	#topNav #logo a:hover {

		background-color:transparent;

	}

	#topNav #nav {

		width:82%;

		float:left;

		height:20px;

		font-family:Verdana, Arial, Helvetica, sans-serif;

		font-size:0.8em;

		margin-top:15px;

	}		

		#topNav #nav .box {

			float:left;

			width:78px;

			text-align:center;

			color:#909090;

		}

		

		#topNav #nav .box a {

			color:#909090;

			background:transparent;

		}

			#topNav #nav .box:hover {

				float:left;

				width:78px;

				text-align:center;

				color:#909090;

				background-image:url('../gfx/navBoxOver.jpg');

				cursor:pointer;

				

			}

			

		#topNav #nav .boxOn {

			float:left;

			width:78px;

			color:#fff;

			text-align:center;

			background-image:url('../gfx/navBox.jpg');

		}

		#topNav #nav .boxOn a {

			color:#fff;

			background:transparent;

		}



#contentBox {

	width:961px;

	background-color: white;

	background-image:url('../gfx/bgContent.jpg');

	background-repeat:repeat-y;

	overflow:auto;

	clear:both;

	

}

#content {

	width:95%;

	margin-left:auto;

	margin-right:auto;

	overflow:auto;

}

	#content .side {

		float:left;

		padding:10px;

	}

		

.head {

	width:136px;

	height:18px;

	background-image:url('../gfx/head.png');

	font-family:tahoma;

	font-size:0.9em;

	overflow:hidden;

}

.head .icon {

	margin-bottom:0px;

	float:left;

}

.head .text {

	margin-left:5px;

	margin-top:-3px;

	float:left;

}



.textfieldUser {

	background-image:url('../gfx/textfieldUser.png');

	width:100px;

	height:20px;

	float:left;

}

.textfieldPass {

	background-image:url('../gfx/textfieldPass.png');

	width:100px;

	height:20px;

	float:left;

}



.textfieldNewsletter {

	background-image:url('../gfx/textfieldNewsletter.png');

	width:100px;

	height:20px;

	float:left;

}



.loginField {

	margin-left:23px;

	margin-top:2px;

}



.textfield {

	border:0px;

	background-color: transparent;

	font-family:verdana;

	font-size: 8pt;

	font-weight: normal;

}



.textfieldVis {

	border:1px solid #d2d2d2;

	background-color: transparent;

	font-family:verdana;

	font-size: 8pt;

	font-weight: normal;

	color:#767676;

}



.button {

	margin-top:1px;

	background: url('../gfx/button.png');

	background-repeat:repeat-x;

	border:1px solid #c8c8c8;

	color:#767676;

	padding:2px 0 2px;

	font-family:verdana;

	font-size: 8pt;

	font-weight: normal;

}





#footer {

	position: fixed;

	clear: both;

	width: 100%;

	height: 20px;

	bottom: 0;

	border: 0;

	padding: 13px 0 0 0;

	text-align: right;

	color: #9d9d9d;

	background-color: transparent;

} 





#mail2friend {

	background: url('../gfx/mail2friend.png');

	color: #fff;

	width:652px;

	height:132px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1em;

}



#mail2friend .text {

	margin-left:20px;

	margin-top:10px;

}



#mail2friend p {

	color:#fff;

}



#mail2friend .textfield2friend {

	border:1px solid #d2d2d2;

	background-color: transparent;

	font-family:verdana;

	font-size: 8pt;

	font-weight: normal;

	color:#fff;

}



#mail2friend .button2friend {

	margin-top:1px;

	background-color:#3a5e8a;

	background-repeat:repeat-x;

	border:1px solid #c8c8c8;

	color:#fff;

	padding:2px 0 2px;

	font-family:verdana;

	font-size: 8pt;

	font-weight: normal;

}



ul#remote_os {
	margin:10px 0 80px 0;
	padding:0;
	clear:both;
}

ul#remote_os li {
	float:left;
	list-style:none;
	width:80px;
	text-align:center;	
	line-height:120%;
}

ul#remote_os li a {
	background-color:transparent;
	border:0;
	text-decoration:none;
}

ul#remote_os li a:hover {
	color:#222;
}