@import "reset.css";
@import "module.css";

body {
	text-align: center;
	font-family: Corbel, Tahoma, Arial,sans-serif;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	color:#fff;
	background-color: #fdfdfd;
}

.wrapper{
	margin:0px auto;
	width:985px;
}

#container{
	margin-top:10px;	
}

.content{	
	padding-top:296px;
	background: url(../images/image.jpg) repeat-x center top;
	border:1px solid #6A6A6A;
	position:relative;	
}

.content img{	
	width: 985px;
	height:	396px;
	vertical-align: top;
}

.content #bar{	
	background: url(../images/bar.png) repeat-x center top;
	height: 52px;
	clear:both;	
	position: relative;
}

.content #bar #logo{	
	left:0px;
	background: url(../images/logo.png) no-repeat center top;
	width: 244px;
	height: 66px;
	float:left;
	margin: 0px 15px;
	position: absolute;
	top: -14px;	
}

div#options{
	left:550px;
	position:absolute;
	top:-15px;
}

div#options a{
	margin:0px 3px;
	width:19px;
	height:15px;
	float:left;
}

div#options a.h{
	background: url(../images/home.png) no-repeat center top;
}

div#options a.c{
	background: url(../images/compose.png) no-repeat center top;
}	

#bar UL{	
	float: right;		
}

#bar UL LI{	
	display: inline;
	padding:30px;		
}

#bar UL LI A{	
	line-height: 52px;
	font-weight: bold;
	font-size:12px;
	color:#080808;
	text-transform: uppercase;		
}

#bar UL LI A:HOVER{	
	text-decoration: underline;		
}

.content #section{		
	padding:10px;
	background-color: #080808;	
}

.content #section .box{	
	border:1px solid #6A6A6A;
	color:#fdfdfd;		
	width:208px;
	min-height: 182px;
	margin:10px 12px;
	float:left;
	padding-bottom:10px;
	padding-right:5px;
	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
}

.content #section .box.detail{
	width: 934px;
	height: 168px;
	overflow:auto; 
}

.content #section .box.detail.a{
	height: auto;
	min-height: 0px; 
}

.content #section .box.detail.con{
	width:450px; 
}

.content #section .box.detail.ser{
	width:590px; 
}

.content #section .box.detail.ser.opt{
	width:310px; 
}

.content #section .box.detail p{
	font-size:14px;
}

.content #section .box.detail p span{
	color:#FFDE3F;	
}

.content #section .box.detail h2 span{
	font-size:14px;
	text-transform: uppercase;
}

.content #section .box.here{	
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius:0px;
	width: 208px;
}

.content #section .box.here h2{		
	line-height:30px;
}

.content #section .box.here em{		
	text-align: right;
	padding-left:40px;
}

.content #section .box.here div.sg{	
	clear:both;
	background: url(../images/sg.png) no-repeat center top;
	width:213px;
	height:121px;		
}

.content #section .box h2{
	border:#6A6A6A;
	font-size:14px;
	float:left;
	padding:5px;	
}

.content #section .box h2 span{
	color:#FFDE3F;	
}

.content #section .box p{	
	display: block;
	clear: both;
	font-size:13px;
	color: #ccc;	
	padding-left:15px;
	text-align: left;		
}

.content #section #footer{
	clear:both;
	padding:5px 15px;
	text-align: right;	
}
					
/*** Center Align floated elements fix*/
input[type="text"],input[type="password"] {
	height: 20px;
	font-size: 12px;
	background: #FFFFFF url(../images/fieldbg.gif) repeat-x scroll center
		top;
	border-color: #7C7C7C rgb(195, 195, 195) rgb(221, 221, 221);
	border-style: solid;
	border-width: 1px;
}

button {
	width: auto;
	overflow: visible;
	border: 0;
	cursor: pointer;
	font-weight: bold;
	text-align: center;
	background: none;
	padding: 0px;
	background-color: #3E464A;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius:2px;
	color: #D2D3D4;
	font-weight: bold;
	font-size: 12px;
	padding: 3px 10px;
}

/********** Hacks*/
.clear:after {
	content: ".";
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
}

/*//********* Hacks*/ 

/********** Commons*/
.fl {
	float: left;
}

.fr {
	float: right;
}

/*//********* Commons*/