/* CSS Document */
html,body{
	/*background-color: #f5f5f5;*/	
	background-color: #000000;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	background-image: url(../images/bg.gif);
}
h1{font-size: 20px;padding: 12px 0px 8px 0px;}
h2{font-size: 18px;padding: 12px 0px 8px 0px;}
h3{font-size: 14px;padding: 10px 0px 8px 0px;}
h4{font-size: 12px;padding: 10px 0px 8px 0px;}
h1,h2,h3,h4,h5,h6{
	color:#38a9bf;		
}
ul, ol{
	list-style-position: inside;
	padding: 5px 0px 5px 20px;
	line-height: 18px;
}
p{
	padding: 7px 0px 10px 0px;
	line-height: 18px;
}
td{
	padding: 3px;
	vertical-align:top;	
}
/*
img.onleft{
	float:left;
	margin: 5px 10px 3px 0px;
	border: 3px solid #006699;
}
img.imgproject{
	margin: 5px 0px 5px 0px;
	border: 8px solid #ECE9D8;
}
*/
.input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:200px;
}
#wrapperhead{
	background-image: url(../images/bg_wrapperhead.gif);
	height:142px;
	background-repeat: repeat-x;
}
#head{
	background-image: url(../images/bg_head.gif);
	background-repeat: repeat-x;
	width:960px;
	/*height:142px;*/
	margin:0 auto;
}
#container{
	color:#aeaeae;
	
}
#headtop{
	background-color: #191919;
	margin: 0 10px 0 10px;
	padding: 0 12px 0 12px;

}
#headbody{
	background-color: #191919;
	margin: 2px 10px 0 10px;
	padding: 0 12px 0 12px;
}
.headflash{
	width: 960px;
	height: 391px;
	margin:0 auto;
	background-color: #35383C;
	text-align:center;
}
.breakclear{
	/*display:inline;*/
	height:0px;
	font-size:0px;
	clear:both;
}
#headtop .logo{
	width:247px;
	height:94px;
	margin-left:10px;
	
}
h1#artist{
	/*line-height:1px;*/
	padding:0;
	padding-top:25px;
	margin-left:-2px;
	font-size:30px;
	
}
#subartist{
	color:#FFFFFF;
	font-size:16px;
	padding:0;
	margin:0;
	
}

/*
#headtop .logo{
	width:247px;
	height:94px;
	background-image: url(../images/logo.gif);
}
#headtop .logo .descriptionlogo{
	text-indent:-9000px;	
}
*/
#headbody .boxmenu{
	padding-top:0px;
	color: #38a9bf;
	height:43px;
	font-size: 14px;
	font-weight: bold;
	cursor:pointer;
}
#headbody .boxmenu .menu{
	margin-top:10px;
	margin-left:10px;
}
#headbody .boxmenu .menu a{
	color:#38a9bf;
	text-decoration: none;
}
#headbody .boxmenu .menu a:hover{
	color:#D7DDAA;
	text-decoration: underline;
}
#headbody .boxmenu .arrow_key{
	width:17px;
	height:7px;
	background-image: url(../images/arrow_active.gif);
	background-repeat: no-repeat;
	padding:0;
	margin:0;
	font-size: 1px;
}
/* ---------------------------------------------------------------------- */
#main{

	width: 960px;
	/*height: 391px;*/
	margin:0 auto;
	background-color: #35383C;
	text-align:justify;
}
#main .whitespacing{
	width:940px;
	height:30px;
	margin:0 auto;
	background-color:#FFFFFF;
}
#main a{
	color:#999900;
}
#main h1{
	font-size: 18px;
	color:#38a9bf;	
	padding: 10px 0px 10px 0px;		
}
#main h1.title{
	font-size: 20px;
	color:#38a9bf;	
	padding: 5px 0px 10px 0px;		
}

.designhomepreview {
	clear:both;
	background-color:#191919;
	height:20px;
	width:940px;
	margin-left:10px;
	font-size:1px;
}
.designhomepreview .designleft{
	float:left;
	width:312px;
	height:20px;
	background-color:#191919;
}
.designhomepreview .designright{
	float:left;
	width:313px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #3f4245;
	height:20px;
	background-color:#191919;
}

#previewbox{
	background-color:#191919;
	margin: 0px 10px 0 10px;
	/*height:300px;*/
}

.wrapperboxhome{

	float:left;
	width:313px;
	/*height:220px;*/
	text-align:center;
	
}
.wrapperboxhome .boxhome{
	width:273px;
	text-align:left;
	margin:0 auto;
	margin-bottom:10px;
}
.wrapperboxhome .bh_title{
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #aeaeae;	
}
.wrapperboxhome .bh_txt{
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #aeaeae;	
	text-align:justify;
	line-height:18px;
}
.boxhome img{
	border: 2px solid #adbec9;
	margin-bottom:12px;
}
.boxhome a:hover img{
	border: 2px solid #F3F5F8;
	margin-bottom:12px;
}

#mainsx .maintxt h4.subtitle{
	color:#999;
	padding: 0px 0px 10px 0px;
	font-style: italic;
}
#maindx{
	float:right;
	width:215px;
	margin:0 auto;
	padding: 0px 30px 50px 30px
}
#maindx .boxrecent{
	width:207px;
	font-size: 10px;
	line-height: 14px;
	padding-top:10px;
	padding-bottom:10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd;
}
#maindx .boxrecent p{

	line-height: 14px;
	padding-top:5px;
	padding-bottom:5px;

}
#maindx .boxrecent img{
	padding: 0px 0px 5px 0px;
}
#maindx .boxrecent h3{
	color:#000000;
	font-size: 12px;
	padding: 5px 0px 5px 0px;
	
}
#maindx .boxrecent .date{
	padding: 0px 0px 5px 0px;
	color:#325e67;
}
#wrappfooter{
	margin:0 auto;
	height:auto;
	background-color:#001c22;
	padding-top:1px;
}
#footer{
	margin:0 auto;
	height:auto;
	background-color:#202326;
	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #3f4245;	
}
#footer a{
	color:#ffffff;
	text-decoration: underline;
}
#boxfooter{
	width:910px;
	margin:0 auto;
	
	height:auto;
	padding: 15px 25px 150px 25px;
	line-height: 16px;

}
#boxfooter .footersx{
	float:left;
	

}
#boxfooter .footerdx{
	float:right;
	width:400px;
	text-align:right;

}
/*-----------------------------------------*/
#mainsx .boxproject h3{
	padding-top: 20px;
}
#mainsx .boxproject h4{
	padding: 10px 0px 0px 0px;
	line-height: 16px;;
}
/*-----------------------------------------*/
.tabclients td, .tabclients th{
	padding:7px;
	margin:7px;
	border-spacing: 0;
	border-collapse:collapse;
	border:1px solid #CCCCCC;
	text-align:left;	
}
.tabclients th{background-color:#EAEAEA;}
.tabclients .col1{width:30%;}
.tabclients .col2{width:70%;}