/* >>>>>>>>>>>>>>>>>  HELPERS  <<<<<<<<<<<<<<<<<<<< */

*{ margin: 0px; padding: 0px;font-family: arial; }

#wrapper{
	width:100%;
	background-image: url("Background.jpg");
	}
.center{
	width:980px;
	margin:0 auto;
}	 
ul{
	list-style: none;
	}
a {
	text-decoration: none;
	}
#clear{
	clear:both;
	}
/* ++++++++++++++++++++++++++++++++++++++  HEADER +++++++++++++++++++++++++++++++++ */
#header{

	background:#FFFFFF;
	color:#ddd;
	}
	
#header .center{
	height:100px;
	background:	#162887;
	}

/* ----  COMPANY NAME --------------- */
#company-name{
	float:left;
	font-size:40px;
	line-height: 100px;
	text-align: center;
	width:370px;
	}

/* ------------------------------  MENU  ---- */
#menu{
	float:right;
	height: 30px;
	margin: 42px 0 0;
	width: 530px;
	}
#menu a{
	color: #F7931D;
	font-size: 15px;
	font-weight: bold;
	padding: 8px 12px;
	}	
#menu a:hover{
background:#000066 url(images/hover-menu-items.png) ; 
	}
/* ---------------------------- PREVIEW ------------------------------ */

#preview{
	color:#eee;
	
	height: 700 px}
#preview .center{
	height:700px;
	background: url(images/wave.png) ;
	}


#topic{
	background: url(images/topic.png) repeat;
	width:300px;
	float:left;
	font-size: 15px;
	margin:40px 10px 10px 10px;
	border: 3px double #FFFFFF;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}

#topic h2{
	width:200px;
	padding: 10px 0 0 50px;
	color:#F7931D}
#topic p{
	padding: 5px 10px 10px 10px;
	line-height: 20px;
	color:#FFFFFF}
#topic a{
	color:#FFFFFF;
	font-weight: bold;
	}




#topic2{
	background: url(images/topic.png) repeat;
	width:950px;
	float:left;
	font-size: 15px;
	margin:40px 10px 10px 10px;
	border: 3px double #FFFFFF;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}

#topic2 h2{
	width:200px;
	padding: 10px 0 0 50px; 
color:#F7931D	}
#topic2 p{
	padding: 5px 10px 10px 10px;
	line-height: 20px;
color:#FFFFFF	}
#topic a{
	color:#FFFFFF;
	font-weight: bold;
	}