/* CSS Document */
body{
	padding:0; margin:0; background:url(img/page-bg.gif) repeat-x #000; color:#A5A5A4;
	}
	
a{	
font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#EAEAEA;
	text-decoration:none; margin:0; height:21px;
	}
	
a:hover{	
font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#EAEAEA;
	text-decoration:none; margin:0; height:21px;
}	

a:visited{	
font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#EAEAEA;
	text-decoration:none; margin:0; height:21px;
	}
a:active{	
font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#EAEAEA;
	text-decoration:none; margin:0; height:21px;
	}	
	
	
	
div, ul, h1, h2, h3, h4, p, img, form{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
.blank{
	font-size:0px; clear:both; line-height:0px;
	}
	
/*---header---*/

#headerPan{
	width:700px; margin:0 auto 0 auto; background:url(img/boradesign-webdesign.jpg) no-repeat; height:271px;
	}
#headerPan ul{
position:absolute;
	width:498px; margin:250px 0 0 164px; display:block; height:23px;	
	}
#headerPan ul li{
	display:block; float:left; height:21px; margin:0; padding:0;
	}
#headerPan ul li a{
	font: bold 14px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 14px 0 14px; color:#EAEAEA;
	text-decoration:none; margin:0; height:21px;
	}
#headerPan ul li a:hover{
	color:#EAEAEA;
	background-color:#2D72B6;
	}
#headerPan h1{
	background:url(images/company_name.gif) no-repeat; margin:48px 0 0 251px;  width:233px; height:100px; display:block;
	text-indent:-2000px; 
	}

	
/*-menu-*/
#menu {
	width:778px; margin:0 auto 0 auto; background:url(img/boradesign-webdesign.jpg) no-repeat; height:21px;
	}

/*-body part--*/
#mainBody{
	width:650px; margin:14px auto 0 auto; 
	}
/*-left -*/

#payloadz-powered {
padding-left:30px;
padding-top:6px;

padding-bottom:10px;
}

#leftPan{
	width:200px; color:#B6B6B5; background:url(images/left_side_up.gif) no-repeat 0 0 #171717; padding:19px 0 0 0; float:left;	
	}
#leftPan img {
border:#666666 1px solid;


}


#leftPan h2{
background-color:#171717; color:#fff; width:140px; height:34px; display:block;
	margin:0px 0 0 25px; font: normal 24px/34px Arial, Helvetica, sans-serif; padding: 0 0 0 s5px;
	}
	

#leftPan h4{
background-color:#171717; color:#fff; width:140px;display:block;
	margin:0px 0 0 25px; font: normal 14px/16px Arial, Helvetica, sans-serif; padding: 0 0 0 5px;
	}
	
#leftPan ul{
	width:145px; display:block; margin:6px 0 15px 15px; font-size:0;
	}
#leftPan ul li{
	background:url(images/left_side_arrow.gif) no-repeat 0 9px; padding: 0 0 0 11px; display:block; height:165px;
	}
#leftPan ul li {
	font:14px/24px Arial, Helvetica, sans-serif; color:#B6B6B5; text-decoration:none; background-color:#171717; display:block;
	padding-left:5px;
	}
#leftPan ul li {
	background-color:#454545; color:#B6B6B5;
	}
#leftPan h3{
	color:#fff; width:114px; height:24px; display:block; margin:0px 0 10px 26px; padding: 0 0 0 0; background-color:#171717;	
	font: normal 24px/24px Arial, Helvetica, sans-serif; 
	}
	
#leftPan .left-link{
padding-left:26px;

	}

/*-right-*/
#rightPan{
	width:430px; margin:0 0 0 0px; float:right;
	background-color:000;
	}
#rightPan h2{
	height:95px; width:204px; display:block; float:left;
	}
#rightPan h2 a{
	width:204px; height:95px; display:block; text-decoration:none; text-indent:-2000px;
	}
#rightPan h2 a.buy-templates{
	width:179px; height:59px; display:block; text-decoration:none; background:url(img/buy-webdesign-templates.gif) no-repeat #000;
	color:#FFFFFF;
	}
#rightPan h2 a.buy-templates:hover{
	width:179px; height:59px; display:block; text-decoration:none; background-position:0 -59px;
	color:#FFFFFF;
	}
#rightPan h2 a.start-custom-project{
	width:179px; height:59px; display:block; text-decoration:none; background:url(img/start-custom-project.gif) no-repeat #000;
	color:#FFFFFF;
	}
#rightPan h2 a.start-custom-project:hover{
	width:179px; height:59px; display:block; text-decoration:none; background-position:0 -59px;
	color:#FFFFFF;
	}

#rightPan p{
	width:427px; font:14px/20px Arial, Helvetica, sans-serif; color:#A5A5A4; background-color:#000000; display:block;
	margin:0 0 0 0;
	}

.content-text{
	font:14px/20px Arial, Helvetica, sans-serif; color:#A5A5A4; background-color:#000000; display:block;
	margin:0 0 0 0;
	vertical-align:top;
	}
	
#rightPan h3{
	font:24px/22px Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#000000; display:block; margin:0 0 0 0;
	height:27px;
	width:100%;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	
	}
	
#rightPan .p-item {

background-color:#151515;
width:100%;
min-height:130px !important;
min-height:120px;
margin-bottom:15px !important;
margin-bottom:15px;

display:block;
}

#rightPan img {


padding-left:10px;
padding-top:5px;
padding-bottom:5px;
}
	
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;


left: -1000px;
border: 4px dashed #2D72B7;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
background:transparent;

top: 0;
left: -385px; /*position where enlarged image should offset horizontally */

}

input,textarea {
  width:330px;
  border:1px #333333 solid;
  font-family: verdana;
  font-size:12px;
  font-weight:bold;
  line-height:18px;
  color: #000;
  background-color:#999999;
}

.send-button {
width:108px;
height:26px;
border:none;
}

	
#rightPan p.how-it-works{
	background-color:#272727; color:#cccccc; font:14px/20px Arial, Helvetica, sans-serif; display:block; width:413px; 
	padding:16px 0px 0 14px; margin:5px 0 0 0;
	}
#rightPan p.how-it-works a{	
font: bold 14px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#EAEAEA;
	text-decoration:none; margin:0; height:21px;
	}
#rightPan p.how-it-works hover{	
font: 14px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#cccccc;
	text-decoration:none; margin:0; height:21px;
	}	
#rightPan p.how-it-works visited{	
font: 14px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#cccccc;
	text-decoration:none; margin:0; height:21px;
	}		
	


#trumb{
	width:150px; padding:0 0 0 0; float:left;
	
	background-color:#151515;
	font: 14px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#cccccc;
	text-decoration:none; margin:0;
	float:left;
	}
		
#description{
	width:260px; padding:0 0 0 0; float:right;
	background-color:#151515;
	font: 14px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#cccccc;
	text-decoration:none; margin:0; 
	
	}	
	

#rightPan ul{
	width:424px; display:block; margin:26px 0 0 0;
	}
#rightPan ul li{
	display:block; height:35px; padding:98px 0 0 0; float:left; width:141px;
	}
#rightPan ul li.trumb{
	display:block; height:75px;
	}
#rightPan ul li.time a{
	height:35px; background-color:#1C1C1C; border-bottom:#393939 1px solid; border-top:#393939 1px solid; 
	border-left:#393939 1px solid; display:block; font:14px/16px Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 39px 0 16px; text-decoration:none;
	}
#rightPan ul li.time a:hover{
	background-color:#080808; color:#2BCB02; text-decoration:none;
	}
#rightPan ul li.latest{
	display:block; background:url(images/latest.gif) no-repeat 21px 0; height:35px; 
	}
#rightPan ul li.latest a.la{
	height:35px; background-color:#1C1C1C; border-bottom:#393939 1px solid; border-top:#393939 1px solid; 
	border-left:none; display:block;  font:14px/16px Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 39px 0 37px; text-decoration:none; 
	}
#rightPan ul li.latest a.la:hover{
	background-color:#080808; color:#2BCB02; text-decoration:none;
	}
#rightPan ul li.what{
	display:block; background:url(images/what_news.gif) no-repeat 21px 0; height:35px; 
	}
#rightPan ul li.what a.wh{
	height:35px; background-color:#1C1C1C; border-bottom:#393939 1px solid; border-top:#393939 1px solid; 
	border-left:none; display:block;  font:14px/16px Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 39px 0 37px; text-decoration:none; border-right:#393939 1px solid;
	}
#rightPan ul li.what a.wh:hover{
	background-color:#080808; color:#2BCB02; text-decoration:none;
	}
/*-------------------------------footer---------*/
#footerMain{
	 width:100%;
	}	
#footer{
	 height:97px; width:700px; margin:0 auto 0 auto; padding:0 0 0 0;
	}
#footer ul{
	 display:block; margin:10px 0 10px 245px; padding:0; font-size:0; height:20px; 
	}
#footer ul li{
	color:#9B9B9B; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;  float:left; background-color:#0F0F0F;
	padding:0; margin:0;
	}
#footer ul li a{
	color:#9B9B9B; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;  background-color:#0D0D0D;
	text-decoration:none; padding:0 6px 0 6px; 
	}
#footer ul li a:hover{
	text-decoration:underline;
	}
#footer p{
	width:100%; display:block; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#EAEAEA; margin:0 0 0 0;
	background-color:#0A0A0A; padding:0 0 2px 0;
	}

	
#footer p.copy{
	width:250px; display:block; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#EAEAEA; margin:0;
	background-color:#030303; padding:0; float:right; display:block;
	}