/* ----------------------------------------------------------------*/
/* Base HTML Tags */
body{
	padding:0px;
	margin:0px 15px 15px 15px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
        background:#000;
	font-size:12px;
	line-height:15px;
        background-image: url(/images/Header_BG.jpg);
	background-repeat: repeat-x;
}

td,th{
	font-family:Arial, Helvetica, sans-serif;
	color:#9a9a9a;
	font-size:10px;
}
h1,h2,h3,h4,h5,h6,h7,h8{
	color:#f41824;
	padding:0px;
	margin:0px 0px 2px 0px;
	font-weight:normal;
}
h4{margin-bottom:0px;}
h1{
	font-size:17px;
	text-transform:uppercase;	
	/*border-bottom:1px #9a9a9a dotted;*/
	padding-bottom:9px;
	margin-bottom:15px;
	background:url(/themes/site_themes/default/beautymark/dot-bg.gif) repeat-x bottom;
	line-height:16px;

}
h2{
	font-size:11px;
	margin-bottom:6px;
	margin-top:20px;
	text-transform:uppercase;
}
a {
	color:#9a9a9a;
	text-decoration:underline;
}
a:hover {color:#f41824;}
img{border:0px;}
p{
	padding:0px;
	margin:0px 0px 10px 0px;
}
/* Base HTML Tags */
/* ----------------------------------------------------------------*/


/* ----------------------------------------------------------------*/
/* Common styles used in all layout areas*/

.limitedWidth {width:510px;}
.blackContainer {
	padding:5px 2px 2px 2px;
	margin:0px 0px 0px 0px;
}
.blackContainerButtons {
	padding:5px 2px 2px 2px;
	margin:0px 0px 22px 0px;
}
.bar{
	clear:all;
	border-top:3px solid #333333;
	margin:0px 0px 3px 0px;
	
}
.content{
	padding:14px 14px 14px 14px;
}
a.active{color:#f41824;}
a.silent{
	color:#999999;
	text-decoration:none;
}
p.large{
	font-size:14px;
	line-height:16px;
	letter-spacing:0px;
}
.dark{color:#666666;}
.content ul{
	list-style-image:url(/themes/site_themes/default/beautymark/li.gif);
	padding: 0px 0px 3px 14px;
	margin:0px;
}
.content ul li{line-height:20px;}
.img {border:0px;}
/* Common styles used in all layout areas*/
/* ----------------------------------------------------------------*/


/* ----------------------------------------------------------------*/
/* header */
#bodyHeader{
	height:90px;
	width:100%;
	margin:20px 0px 12px 0px;
}
#bodyHeader a{text-decoration:none;}
#bodyHeader .left{
	float:left;
	padding:0px 0px 0px 14px;
	width:258px;
}
#bodyHeader .right{
	float:right;
	width:520px;
	text-align:right;
	padding-right:14px;
	font-size:9px;
}
#bodyHeader .navigation{
	padding:0px 0px 6px 0px;
	margin:10px 2px 5px 0px;
	text-transform:uppercase;
	font-size:9px;
	background:url(/themes/site_themes/default/beautymark/dot-bg.gif) repeat-x bottom;
}
#bodyHeader .address{
	padding:8px 0px 0px 0px;
	margin:8px 0 0 0;
	font-size:8px;
}
#bodyHeader .logoImage{float:left;}
#bodyHeader .logoType{
	float:right;
	text-align:left;
	clear:all;
}
#bodyHeader .logoText{
	font-size:10px;
	float:left;
	color:#666666;
	margin:5px 0px 0px 10px;
}
	
/* header */
/* ----------------------------------------------------------------*/


/* ----------------------------------------------------------------*/
/* about */
#about p{
	font-size:11px;
	line-height:13px;
}

#about a {text-decoration:none;}
#about h3 {
	font-size:14px;
	line-height:16px;
	letter-spacing:0px;
	color:#999999;
}
#about h4 {color:#666666;}

/* ----------------------------------------------------------------*/



/* ----------------------------------------------------------------*/
/* blog */

#blog p{
	font-size:11px;
	line-height:13px;
}
#blog ul{
	font-size:11px;
	line-height:13px;
}

#blog a {text-decoration:none;}

/* ----------------------------------------------------------------*/
/* portfolio */

#portfolio p{
	font-size:11px;
	line-height:13px;
}

#portfolio ul{
	font-size:11px;
	line-height:13px;
}

#portfolio a {text-decoration:none;}
#portfolio h4 {
	color:#666666;
	font-size: 10px;
}

#ideas h1{
	background:none;
	padding-bottom:0px;
	margin: 20px 0px 10px 0px;
}
#news h1{
	background:none;
	padding-bottom:0px;
	margin: 20px 0px 10px 0px;
}
/*
#ideas a{
	color:#f41824;
	text-decoration:none;
}
*/
.tiny{
	font-size:10px;
	color:#666666;
	margin-bottom:70px;
}
	
/* blog */
/* ----------------------------------------------------------------*/

/* ----------------------------------------------------------------*/
/* join */

#join p{
	font-size:11px;
	line-height:13px;
}

/* ----------------------------------------------------------------*/
/* portfolio */

#portfolio p{
	font-size:11px;
	line-height:13px;
}

/* ----------------------------------------------------------------*/
/* archive */

#archive p{
	font-size:11px;
	line-height:13px;
}



/* ----------------------------------------------------------------*/
/* studio profile */


#bodyLeft .leftColumn{
	float:left;
	width:200px;
	margin-bottom:40px;
	margin-right:10px;
}
#bodyLeft .centerColumn{
	float:left;
	width:200px;
	margin-bottom:40px;
	
}
#bodyLeft .rightColumn{
	float:right;
	width:200px;
	margin-bottom:40px;
}
#bodyLeft .leftColumnBottom{
	float:left;
	width:200px;
	margin-right:10px;
	margin-bottom:25px;
}
#bodyLeft .centerColumnBottom{
	float:left;
	width:200px;
	margin-bottom:25px;
}
#bodyLeft .rightColumnBottom{
	float:right;
	width:200px;
	margin-bottom:25px;
}
#clients a{text-decoration:none;}
#people a{text-decoration:none;}

#people h2{text-transform:uppercase;}
	
/* studio profile */
/* ----------------------------------------------------------------*/

/* ----------------------------------------------------------------*/
/* home */

#projects a{
}

.sublink {
color:#666666;
font-size:10px;
}

.sublink a{
color:#666666;
text-decoration:none;
}

.sublink a:hover{color:#f41824;}

#contact h1{
	text-transform:uppercase;
	font-size:11px;
	padding-bottom:3px;
	margin-bottom:15px;
}

#contact a{color:#666666;}

#hello .form{
float:right;
width:401px;
border-bottom:30px;
background:#000000;
}

#hello form{width:364px;}

#hello .formfields{
width: 400px;
}

#hello h1{
	text-transform:uppercase;
	font-size:11px;
	padding-bottom:3px;
	margin-bottom:15px;
}


/* home */
/* ----------------------------------------------------------------*/

#bodyContainer{
	width:943px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#bodyLeft{
	float:left;
	width:647px;
}
#bodyLeft .left{
	float:left;
	width:296px;
	margin-bottom:65px;
}
#bodyLeft .right{
	float:right;
	width:296px;
	margin-bottom:65px;
}
#bodyLeft .leftBottom{
	float:left;
	width:296px;
}
#bodyLeft .rightBottom{
	float:right;
	width:296px;
}
#bodyLeft .caseLeft{
	float:left;
	width:296px;
}
#bodyLeft .caseRight{
	float:right;
	width:296px;
}
#bodyRight{
	float:right;
	width:272px;
}
.tdButton{
	background:url(/themes/site_themes/default/beautymark/button.gif);
	text-align:center;
	width:123px;
	height:11px;
	float:right;
}
.tdButton a{text-decoration:none;}

.buttons{
	margin-right:9px;
	margin-bottom:9px;
}

.divButton{
	background:url(/themes/site_themes/default/beautymark/button.gif);
	text-align:center;
	line-height:18px;
	width:123px;
	height:22px;
	float:right;
	margin: 0px 4px 0px 0px;
}
.divButton a{text-decoration:none;}








/*********************************************************
Contact page styles.
*********************************************************/
#contact_form label, #popup_form label {
		display: block;
			color:#CCCCCC;
font-size:10px;
	}
			
	#contact_form .text_field {  /* ? */
		display: block;
		margin-left: 10px;
		margin-bottom: 20px;
		background-color: #00FF00;
		border: 1px solid #000000;
		width: 190px;
		height: 10px;
		padding: 2px;
	}
			
	#contact_form textarea, .contactfield textarea {    /* Comments field */
		display: block;
		background-color: #333333;
		color: #FFFFFF;
		border: 1px solid #333333;
		width: 357px;
		height: 136px;
		font: 14px Arial, sans-serif;
		padding: 2px;
	}

	#contact_form textarea:hover, .contactfield textarea:hover  { /* comments field rollover outline */
		border: 1px solid #CCCCCC;
	}
			
	#contact_form #send, #popup_form input#submitbutton { /* send button */
		float: right;
		background-color: #333333;
		background:url(/themes/site_themes/default/beautymark/button.gif);
		color: #fff;
		border: 1px solid #000000;
		font: 10px Arial, sans-serif;
		margin-top: 5px;
		cursor: pointer;
		height: 22px;
	}

	#contact_form #phone, #contact_form #first_name, #contact_form #last_name, #contact_form #email,  .contactfield input { /* other field bg */
		float: left;
		background-color: #333333;
		color: #FFFFFF;
		border: 1px solid #333333;
		font: 12px Arial, sans-serif;
		margin-top: 5px;
		cursor: pointer;
		width: 350px
	}

	#contact_form #phone:hover, #contact_form #first_name:hover, #contact_form #last_name:hover,#contact_form #email:hover, .contactfield input:hover { /* other field outlines on hover*/
		border: 1px solid #CCCCCC;
	}

/* styling for the comments section */
.bottomLine
{

color:#999999;
width:410px;
font-family:Verdana;
font-size:12px;
font-weight:lighter;
line-height:120%;
clear:left;
margin-left:30px;

}



.commentAuthor{

color:#E6E6E6;
font-family:Verdana;
font-size:11px;
letter-spacing:.5px;

}

.commentCount{
color:#FF0000;
font-family:Verdana;
font-size:12px;





}


.commentCount a{
color:#FF0000;
font-family:Verdana;
font-size:9px;
text-decoration:underline;



}



.commentCount b{
color:#FF0000;
font-family:Verdana;
font-size:9px;
font-weight:normal;




}

.commentPost
{

color:#606060;
width:410px;
font-family:Verdana;
font-weight:lighter;
clear:left;
margin-left:30px;
font-size:12px;
letter-spacing:.1px;
line-height: 125%;


}


.commentPost a 
{
text-decoration:underline;
font-family:Verdana;
font-weight:lighter;
font-size:12px;
color:#b0b0b0;

}

.commentPostInfo {
color:#808080;
font-family:Verdana;
font-size:10px;
line-height:20px;
letter-spacing:.5px;


}

.commentForm
{

color:#FF0000;
width:410px;
font-family:Verdana;
font-size:10px;
font-weight:lighter;
line-height:120%;
clear:left;



}

.commentLine
{
width:410px;
background-image:url(http://www.click3x.com/images/main/dots.gif);
background-repeat: repeat-x;


}

textarea { 
 background-color: #111111; 
 color: #999999; 
 border: 1px solid #606060;
 padding-top:7px;
 padding-left:7px;
 font-family:Verdana; 
 font-size:10px;
 margin-top:8px;
 margin-bottom:10px;
 
}

.inputText { 
 background-color: #111111; 
 color: #999999; 
 border: 1px solid #606060;
 font-family:Verdana; 
 font-size:10px;
  margin-top:8px;
}

.inputSubmit:hover { 
  margin-top:8px;
 background-color: #0A0A0A; 
 color: #999999; 
 border: 1px solid #808080;
}

.inputSubmit { 
  margin-top:8px;
 background-color: #444444; 
 color: #999999; 
 width:104px;
 border: 1px solid #808080;
 font-size:10px;
}