
/* GLOBAL STYLES
---------------------------------------------------------------------------------------*/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../images/back.gif); background-repeat:repeat-x;
	background-color: #2c55a4;
	padding: 0;
	text-align: center;
	color: #ccc;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
}

.mainlayout #container {
	margin-left: 0px;
	text-align: left;
	height:95%;
}

A:link {
	text-decoration:underline;
	color:#0099CC;
}
A:visited {
	text-decoration: none;
	color:#0099CC;	
}
A:active {
	text-decoration: none;
	color:#fff;
}
A:hover {
	color:#0066ff;
}
#pages_titlebar {
	background-image:url(../images/pages_titlebar.gif); background-repeat:no-repeat;
	width:374px;
	height:39px;
	margin-left:4px;
	padding-left:55px;
	font-size:16px;
	color:#FFFFFF;
	padding-top:10px;
}

/* HEADER STYLES
---------------------------------------------------------------------------------------*/

.mainlayout #header {
	height:45px;
	
}

.mainlayout #mainContent {
	padding: 0px;
	padding-top:17px;
	padding-left:10px;
	padding-bottom:10px;
}
.mainlayout #mainContent li {
	font-size:14px;
	color:#333333;
}
.login {
	text-align:right;
	margin-right:0px;
}

#navbar {
	height:25px;
}

/* FOOTER STYLES
---------------------------------------------------------------------------------------*/

.mainlayout #footer a {
	color:#FFFFFF;
}

.mainlayout #footer a:hover {
	color:#0066ff;
}

.mainlayout #footer {
	margin: 0;
	font-size:10px;
	color:#CCCCCC;
	text-align:left;
	padding-left:5px;
	height:17px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top:5px;
	background-color:#1F3A78;
}
.mainlayout #footer ul { 
	margin: 0;
	padding: 0;
	list-style-type: none; 
}
.mainlayout #footer ul li {
	display: inline;
}
.mainlayout #footer ul li {
text-decoration: none;
padding: 5px;;
} 




/* INDEX PAGE STYLES
---------------------------------------------------------------------------------------*/

.mainlayout #topContent {
	padding: 0px;	background-image:url(../layout_images/index_top_02.gif); background-repeat: no-repeat;
	height:200px;
	position: relative;
	clear: both; 
	
}
	

.forms {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #fff;
	border: 1px solid #CCCCCC;
	padding:4px;
}
#salon_pics{
border-top:#fff dotted 1px;
padding-top:8px;
}

#indexcontent_container {

	width:839px;
	height:auto;
	padding-top:8px;
}
#welmis_container {
	width:839px;
	min-height:200px;
	border-bottom:#fff dotted 1px;
}	
	#salon_container {
	width:839px;
	min-height:40px;
	border-bottom:#fff dotted 1px;

}
#news_container {
	width:383px;
	height:340px;
	float:left;
	margin-top:3px;
	color:#CCCCCC;
	}
	
#events_container {

	width:440px;
	height:340px;
	float:right;
	margin-top:3px;
	color:#CCCCCC;
}
#mission_container {
	width:440px;
	height:200px;
	float:right;
	margin-top:3px;
	color:#CCCCCC;
	text-align:left;
}
#events_container strong {
	font-size:18px;
	color:#FFFFFF;
}


#welcome_container {
	width:383px;
	height:200px;
	float:left;
	margin-top:3px;
	color:#CCCCCC;
	text-align:left;
}
#welcome_container2 {
	width:398px;
	height:auto;
	float:left;
	margin-top:3px;
	color:#CCCCCC;
	text-align:left;
}
#news_title {
	background-image:url(../images/news_bullet.gif); background-repeat:no-repeat;
	height:22px;
	text-indent:20px;
	color:#FFFFFF;
}

#news_title strong {
	font-size:16px;
}

#news_text {
	padding-top:3px;
}


/* PORTFOLIO PAGE STYLES
---------------------------------------------------------------------------------------*/


#photosgal_container {
	width:570px;
	float:left;
	
}

.gallery_box {
	width:197px;
	height:200px;
	margin-top:7px;
	margin-left:5px;
	font-size:11px;
}

.galthumbs_container {
	padding: 2px;
	border: 1px dashed #999999;
	width:188px;
	height:146px;
}

#vidsgal_container {
	width:205px;
	float:right;
	margin-top:12px;
	
}





#contact {
	width:840px;
	height:530px;
}

#contactform_box {
	width:390px;
	height:390px;
	float:left;
	font-size:12px;
}

#contactinfo_box {
	width:426px;
	height:480px;
	float:right;
	font-size:12px;
	color:#4D5777;
	line-height:15px;
}
#contactinfo_box strong {
	font-size:18px;
	color:#ffffff;
	font-weight:normal;
}
.allforms {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #cccccc;
	border: 1px solid #4D5777;
	padding:6px;
	background-color:#111D44;
}


#jcruz_container{float:left;
width:203px;
height:254px

}
#jcruz_container_rt{float:right;
width:623px;
height:254px

}
#j_cruz_wrap{width:839px;

}

#new_port{
padding-top:8px;
width:839px;
height:525px;

}
.clear_both{clear:both;
}
