@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background-color:#f2f2f2;
	 }
 
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0; }
 
ul, li, ol, div, id {
	margin: 0;
	padding: 0; }
 
a {  }
 
a:hover, a:active, a:focus {  }
 
img.left { float: left; }
 
img.right { float: right; }
 
/*-------------------------start css------------------------*/

#wrap {
		width:920px;
		margin:0 auto;
		padding:0;
		
		}
		
#page {
		width:828px;
		margin:0;
		padding:0 46px;
		float:left;
		background:url(images/body_bg.gif) 0 0 repeat-y;
		}
		
#header {
		width:828px;
		height:90px;
		margin:0;
		padding:0;
		float:left;
		}
		
#logo {
		width:240px;
		height:42px;
		float:left;
		padding:0;
		margin:25px 0 0 0;
		font: bold 34px  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		color: #4B4B4B;
		}
		
#logo a{
		
		text-transform:uppercase;
		text-decoration:none;
		color: #4B4B4B;
		float:left;
		}
		
#logo a:hover{
		
		text-transform:uppercase;
		text-decoration:none;
		color:#fff;
		float:left;
		padding:0 0 0 0;
		background:#000;
		}
		
.ads {
		width:530px;
		height:70px;
		float:right;
		margin:10px 0px 0 0;
		padding:0;
		background-color: #FBFBFB;
		border: 2px dashed #FC354A;
		}
		
.ads p {
		font: bold 14px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		color: #4b4b4b;
		text-align:center;
		margin-top: 15px;
		padding: 0 10px 0 10px;
		}
		
		
#mail {
		width:828px;
		float:left;
		margin:10px 0 0px 0;
		padding:0;
		font:bold 12px "trebuchet MS", verdana, Arial, Helvetica, sans-serif;
		color:#FC354A;
		text-align:right;
		}
		
#mail a {
		text-align:right;
		color:#FC354A;
		text-decoration:none;
		}
		
#mail a:hover {
		font:bold 13px "trebuchet MS", verdana, Arial, Helvetica, sans-serif;
		color:#FC354A;
		margin:0; 
		padding:0;
		text-decoration:underline;
		}
		
		
#menu {
               width:828px;
               height:30px;
               float:left;
               margin:10px 0 0 0;
               padding:0;
               background:#5F5F5F;
               }
               
#menu ul {
               width:828px;
               margin:0;
               padding:0;
               list-style-type:none;
               }
               
#menu ul li {
               font:bold 13px "trebuchet MS", verdana, Arial, Helvetica, sans-serif;
               color:#fff;
               display:block;
               padding:0;
               float:left;
               line-height:30px;
               font-weight:bold;
               }
               
#menu ul li a {
               font:bold 13px "trebuchet MS", verdana, Arial, Helvetica, sans-serif;
               color:#fff;
               display:block;
               margin:0;
               padding:0 15px 0 15px;
               text-decoration:none;
               line-height:30px;
               font-weight:bold;
               }
               
#menu ul li a:hover {
               color:#fff;
               background:#0E0E0E;
               }
 

		
		
		
#banner {
	width: 828px;
	height: 200px;
	float: left;
	margin: 1px 0 0 0;
	padding: 0;
	background: url(images/markup_banner.jpg) 0 0 no-repeat; 
	}
 
#banner-text {
	width: 430px;
	height: 115px;
	float: left;
	margin: 0;
	padding: 41px 0 0 380px; 
	}
 
#banner p {
	font: bold 30px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin-top: 25px;
	padding: 0; 
	}


#headline {
	width: 828px;
	height: 145px;
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
	background:#E4E4E4;
	border: 2px dashed #666666;
	}
 
#headline h1 {
		font: bold 22px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		color: #4B4B4B; 
		text-align: center;
		margin: 10px 0 0 0;
		padding: 0;
		 }
 
#headline h2 {
		font: bold 16px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		color: #4B4B4B;
		text-align: center;
		margin: 0;
		padding: 0;
		}

#headline p {
		font: normal 16px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		color: #4b4b4b;
		text-align: justify;
		margin-top: 8px;
		padding: 0 10px 0 10px;
		}
		
#headline a {
		font: bold 12px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		color: #FC354A;
		margin: 0px 0 0 0;
		padding: 0;
		text-decoration: none;
		text-align:right;
		 }
		
#headline b {
		font: bold 12px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		color: #4b4b4b;
		float: right;
		margin:  7px 0 0 40px;
		padding:0;
		text-align:center;
		}
 
#headline b a {
		font: bold 12px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		color: #FC354A;
		margin: 0;
		padding: 0;
		text-decoration: none;
		text-align:right;
		 }
		 
		 


#content {
		width:828px;
		float:left;
		padding:0;
		margin:15px 0 0 0;
		}
		
#left {
		width:828px;
		float:left;
		margin:0;
		padding:0;
		}
		
#left h2 {
		width:828px;
		float:left;
		margin:10px 0 0 5px;
		padding:0 0 5px 0;
		font:18px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		color:#4B4B4B;
		
		}
		
#left h3 {
		width:828px;
		float:left;
		margin:10px 0 0 5px;
		padding:0 0 5px 0;
		font:18px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		color:#4B4B4B;
		
		}
		
#left p {

		width:828px;
		float:left;
		margin:10px 0 0 5px;
		padding:0 0 5px 0;
		font:normal 14px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		color:#4B4B4B;
		font-weight:normal;
		}
		
		
		
#left ul li {
		width:795px;
		padding:0;
		margin:0 0 0 33px;
		float:left;
		list-style:inherit;
		}
		
#left ul li {
		font:normal 13px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		color:#4B4B4B;
		margin:0 0 0 33px!important; margin: 0 0 0 20px;
		padding:0;
		}
		
#left ul li a{
		font:normal 14px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		color:#4B4B4B;
		margin:0;
		padding:0;
		text-decoration:none;
		}
		
		
#left ul li a:hover {
		font:normal 14px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		color:#4B4B4B;
		margin:0;
		padding:0;
		text-decoration:underline;
		}
		
#left a {
		font: bold 13px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		color: #FC354A;
		margin: 0;
		padding: 0;
		text-decoration: none;
		text-align:right;
		 }
		 
		 
		 
#sidecol {
	float: left;
	width: 250px;
	margin:0;
	padding:0;
}

#sidecol h2 {
	padding: 10px;
	margin: 0;
	overflow: hidden;
	background:  #ccc;
	display: block;
	clear: both;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	font:bold 16px Geneva, Arial, Helvetica, sans-serif;
}

#sidecol ul  {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidecol ul  li {
	display: block;
	margin: 0;
	padding: 0;
}

#sidecol ul li a{
	display: block;
	width: 240px;
	padding: 7px 0 7px 10px;
	text-decoration: none;
	color: #222; 
	background: #ddd url(sidecol_a.gif) no-repeat right top;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #eee;
}

#sidecol ul  li :hover {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #ccc;
	background: #ccc;
}
		
#content-post {
		width:568px;
		height:700px;
		float:right;
		margin:0;
		padding:0;
		background:#000;
		}
		
		
		
#footer {
	width: 828px;
	height: 55px;
	float: left;
	margin: 15px 0 0 0;
	padding: 0;
	background: #F9F9F9; }
 
#footer p {
		font: bold 14px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		color: #4b4b4b;
		margin: 0;
		padding: 0;
		line-height: 55px;
		text-align: center; }
		
#footer p a {
		color: #4b4b4b;
		text-decoration:none;
		 }
		 
#footer p a:hover {
		color: #000;
		text-decoration:underline;
		 }
		
		

		
	

