/* CSS Document */
body{
     margin:0;
	 background-color:#000;	 
	 }
p,br,h1,h2,h3,h4,{
    margin:0px;	
	padding:0px;
	}
#maincontainer{
    width:100%;
	float:left;
	background:url(../images/bdybgold.jpg) repeat-x top;
	background-color:#d8e0c8;		
	}
#main{
    width:1003px;
	margin:0 auto;
	padding:5px 0px 0px 0px;	
	}
#header{
    width:914px;
	float:left;
	height:61px;
	padding:0px 0px 0px 47px;
	}		
#header .top{
    width:913px;
	float:left;
	top:60px;
	}	
#header .logo{
    width:120px;
	float:left;
	padding:16px 0px 0px 0px;
	}	
#header .link{
    width:250px;
	float:right;
	padding:23px 0px 0px 0px;
	}	
#header .link a{
    font:bold 14px Arial, Helvetica, sans-serif;
	color:#6b5c4e;	
	text-decoration:none;
	}		
	
#header .link a:hover{
    font:bold 14px Arial, Helvetica, sans-serif;
	color:#918376;
	text-decoration:none;	
	}	
#header .link a.active {
    font:bold 14px Arial, Helvetica, sans-serif;
	color:#dd5d01;
	text-decoration:none;	
	}
 /*-----------content-----------*/
 
#content{
    width:1003px;
	float:left;
	}	
#content .mainbg{
    width:1003px;
	float:left;
	background:url(../images/art.jpg) no-repeat top left;
	}
#content .main{
    width:914px;
	float:left;
	padding:0px 0px 0px 46px;
	}		
#content .design{
    width:504px;
	float:right;
	padding:63px 0px 0px 0px;
	}
#content .designimg{
    width:496px;
	float:right;
	height:240px;
	}		
#content .vewlink{
    width:267px;
	float:right;	
	}		
#content .conbot{
    width:882px;
	float:right;
	padding:20px 0px 0px 0px;
	height:190x;
	}				
#content .joby{
    width:595px;
	float:left;
	}	
#content .right{
    width:282px;
	float:right;
	
	}	
#content .righttext{
    width:280px;
	float:right;
	height:74px;
	}	
#content .text{
    width:165px;
	float:left;
	height:74px;
	padding:10px 0px 0px 8px;
	}		
#content .text h4{
    font:normal 12px Arial, Helvetica, sans-serif;
	color:#000000;	
	text-decoration:none;
	margin:0;
	padding:0;	
	}		
#content .download{
    width:106px;
	float:right;	
	}
	
	/*----------footer----------*/
#footera{
    width:100%;
	float:left;
	background:url(../images/botbg.jpg) repeat-x top;
	height:260px;
	}	
	
#footer{
    width:900px;
	margin:0 auto;	
	padding:27px 0px 0px 47px;
	height:220px;
	}		

#footer .botom{
    width:914px;
	float:left;
	
	}	
#footer .botom .linka{
    width:320px;
	float:left;
	}
#footer .botom .linkb{
    width:227px;
	float:right;
	}		
#footer .botom  .skills{
    width:223px;
	float:left;
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#da7c31;	
	text-decoration:none;
	border-bottom:#aeb998 1px dotted;
	height:25px;
	}	
#footer .botom .skillstext{
    width:320px;
	float:left;
	padding:13px 0px 0px 0px;
	}
#footer .botom .skillstext ul{    
	float:left;
	padding:0px 0px 0px 20px;
	margin:0px;
	}
#footer .botom .skillstext h4{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#d8e0c8;	
	text-decoration:none;
	padding:0px;
	margin:0px;
	}	
#footer .botom .skillstext h4 a{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#d8e0c8;	
	text-decoration:none;
	padding:0px;
	margin:0px;
	}
#footer .botom .skillstext h4 a:hover{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;	
	text-decoration:none;
	padding:0px;
	margin:0px;
	}		
#footer .botom .skillstextright{
    width:220px;
	float:left;
	padding:13px 0px 0px 0px;
	}	

#footer .botom .skillstextright h4{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#d8e0c8;	
	text-decoration:none;
	}			
#footer .botom .skillstext li{
    list-style-image:url(../images/arow.gif);
	margin:0px;
    padding-bottom:3px;
	padding-left:0px;
	margin-right:0px;
	margin-top:0px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#d8e0c8;	
	text-decoration:none;
	}		
#footer .botom .skillstext li a{
    list-style-image:url(../images/arow.gif);
	margin:0px;
	padding:0px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#d8e0c8;	
	text-decoration:none;
	}	
#footer .botom .skillstext li a:hover{
    list-style-image:url(../images/arow.gif);
	margin:0px;
	padding:0px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;	
	text-decoration:none;
	}	
#footer .botom .skillstext .botoma{
    width:945px;
	float:left;
	}	
#footer .copyright{
    width:800px;
	float:left;
	padding:10px 0px 0px 0px;
	}	
#footer .copyright h4{
    font:normal 11px Arial, Helvetica, sans-serif;
	color:#5a5d56;	
	text-decoration:none;
	}	
		
/*---------sub----------*/	


#content .mainbgsub{
    width:1003px;
	float:left;
	background:url(../images/arta.jpg) no-repeat top left;
	}
#content .designsub{
    width:636px;
	float:right;
	padding:17px 0px 0px 0px;
	}
#content .designimgsub{
    width:620px;
	float:right;
	height:104px;
	}
#content .vewlinksub{
    width:636px;
	float:right;
	padding:0px 0px 4px 0px;
	text-align:right;	
	}
#content .vewbotmlinks{
    width:620px;
	float:right;	
	}
#content .vewbotmtext{
    width:592px;
	float:left;
	font:normal italic 11px Arial, Helvetica, sans-serif;
	color:#000000;	
	text-decoration:none;
	list-style-image:none;	
	}
	
#content .vewarow{
    width:38px;
	float:left;
	padding-left:8px;	
	}
#content .vewarowa{
    width:38px;
	float:right;	
	}
#content .linkleft{
    width:252px;
	float:left;	
	}
#content .linkleft{
    width:254px;
	float:left;	
	padding:123px 0px 0px 0px;	
	}
#content .print{
    width:254px;
	float:left;	
	height:40px;	
	}
#content .printlinks{
    width:200px;
	float:left;	
	/*height:118px;*/
	padding:0px 0px 10px 0px;	
	}
#content .printlinks li{
    list-style-type:none;
	font:italic 11px Arial, Helvetica, sans-serif;
	color:#000000;	
	text-decoration:none;
	margin:0;
	padding:0;		
	}
#content .printlinks li a{
    font:bold italic 11px Arial, Helvetica, sans-serif;
	color:#000000;	
	text-decoration:none;
	list-style-image:none;
	margin:0;
	padding:0		
	}
#content .printlinks li a:hover{
    font:normal italic 11px Arial, Helvetica, sans-serif;
	color:#FF6633;	
	text-decoration:none;	
	list-style-image:none;
	margin:0;
	padding:0	
	}
#content .web{
    width:254px;
	float:left;	
	height:39px;	
	}
#content .logos{
    width:254px;
	float:left;	
	height:39px;	
	}
#content .personal{
    width:254px;
	float:left;	
	height:39px;	
	}
#content .aboutus{
    width:910px;
	float:right;
	padding:17px 0px 0px 0px;
	}
#content .aboutus .abtleft{
    width:685px;
	float:left;
	padding:130px 0px 0px 0px;
	/*height:350px;*/
	}
#content .aboutus .mein{
    width:450px;
	float:left;
	height:90px;
	}	
#content .aboutus .abtxt{
    width:550px;
	float:left;
	}
#content .aboutus .abtxta{
    width:625px;
	float:left;
	}
#content .aboutus .abtxta h4{
    font:bold 20px Arial, Helvetica, sans-serif;
	color:#11120f;	
	text-decoration:none;
	margin:0;
	padding:0;	
	}
#content .aboutus .abtxta .ntmltxt{
    font:bold 14px Arial, Helvetica, sans-serif;
	color:#11120f;	
	text-decoration:none;
	margin:0;
	padding:0;	
	}
#content .aboutusnew{
    width:851px;
	float:left;
	padding:17px 0px 0px 0px;
	background:url(../images/joby.jpg) no-repeat top right;
	margin:14px 0px 20px 0px;
	}
#content .aboutusnew .abtleft{
    width:685px;
	float:left;
	padding:100px 0px 0px 0px;
	/*height:350px;*/
	}
#content .aboutusnew .mein{
    width:450px;
	float:left;
	height:90px;
	}	
#content .aboutusnew .abtxt{
    width:550px;
	float:left;
	}
#content .aboutusnew .abtxta{
    width:625px;
	float:left;
	}
#content .aboutusnew .abtxta h4{
    font:bold 20px Arial, Helvetica, sans-serif;
	color:#11120f;
	text-decoration:none;
	margin:0;
	padding:0;	
	}
#content .aboutusnew .abtxta .ntmltxt{
    font:bold 14px Arial, Helvetica, sans-serif;
	color:#11120f;
	line-height:19px;	
	text-decoration:none;
	margin:0;
	padding:0;	
	}
#content .contact{
    width:910px;
	float:right;
	padding:17px 0px 0px 0px;
	background:url(../images/get-in-touch-graphic-designer.jpg) no-repeat top right;
	margin-top:14px;
	min-height:532px;
	}
#content .contact .abtleft{
    width:685px;
	float:left;
	padding:130px 0px 0px 0px;
	/*height:350px;*/
	}
#content .contact .mein{
    width:450px;
	float:left;
	height:90px;
	}	
#content .contact .abtxt{
    width:550px;
	float:left;
	}
#content .contact .abtxt{
    width:625px;
	float:left;
	}
#content .contact .abtxt h4{
    font:bold 20px Arial, Helvetica, sans-serif;
	color:#11120f;	
	text-decoration:none;
	margin:0;
	padding:0;	
	}
#content .contact .abtxt h4 a{
    font:bold 18px Arial, Helvetica, sans-serif;
	color:#781023;	
	text-decoration:none;
	margin:0;
	padding:0;	
	}	
#content .contact .abtxt h4 a:hover{
    font:bold 18px Arial, Helvetica, sans-serif;
	color:#000;	
	text-decoration:none;
	margin:0;
	padding:0;	
	}
#content .contact .abtxt .ntmltxt{
    font:bold 14px Arial, Helvetica, sans-serif;
	color:#11120f;
	line-height:24PX;
	text-decoration:none;
	margin:0;
	padding:0;	
	}			
#content .contact .abtxt h4{
    font:bold 20px Arial, Helvetica, sans-serif;
	color:#11120f;	
	text-decoration:none;
	margin:0;
	padding:0;	
	}
#content .aboutus .abtxt h4 a{
    font:bold 20px Arial, Helvetica, sans-serif;
	color:#11120f;	
	text-decoration:none;
	margin:0;
	padding:0;	
	}	
#content .aboutus .abtxt h4 a:hover{
    font:bold 20px Arial, Helvetica, sans-serif;
	color:#999999;	
	text-decoration:none;
	margin:0;
	padding:0;	
	}					
#content .aboutus .abtright{
    width:190px;
	float:left;
	padding:110px 0px 0px 0px;
	}			
.nextbckar{
	width:95px;
	padding:7px 10px 7px 0px;	
	float:right;
	}	
.nextbackimg{
    filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.6;
  }
	

