/* ----------------------------------------------------------------*/
/* 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;
	}