@charset "utf-8";
/* Balance Studio newsletter - 2008 Created by Monica Candy  E-mail mcandy@shaw.ca */




/* ---------- basic styling ---------- */

*{
	margin:				0px;
	padding:			0px;
}	

body{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	color:				#272727;
	font-size:			13px;
	background-color:	#3F4F59;
	background-image:	url(slices/index_page/background_gradient.jpg);
	background-repeat:	repeat-x;
	background-position:left top;
	
}	

#container{
	width: 				800px;
	margin:				5px auto 3px auto;
	text-align: 		left;
	background-color: 	#FFFFFF;
	padding:			0px;
	height:				auto;
	overflow:			hidden;
}


/* ---------- logo ---------- */

#logo_home{
	background-image:	url(slices/index_page/logo.gif);
	background-repeat:	no-repeat;
	height:				145px;
	background-color:	#28323A;
}

#header{
	width:				800px;
	background-color:	#85857A;
	height:				30px;
	float:				left;
}

#navigation{
	width:				500px;
	float:				left;
	margin-left:		45px;
}


#navigation ul{
	text-align:			right;
	padding-top:		4px;
}
	

#navigation ul li{
	font-size:			13px;
	display: 			inline;
	margin:				0px 10px 0px 5px;
	color:				#ffffff;
	padding-right:      5px;	
}
	
#navigation ul li a{
	text-decoration:	underline;
	color:				#ffffff;
}

#navigation ul li a:hover{
	text-decoration:	none;	
}	
/* ---------- content ---------- */

	
#inside_content {
	width:				580px;
	float:				left;
	background-color:	#ffffff;
	padding:			0px 0px 30px 0px;
	margin:				10px 0px 20px 0px;
	border-left:		#272727 .05em dashed;
}


#studio{
	width:				530px;
	margin:				0px 30px 0px 30px;
	color:				#000000;
	
}
#studio h1{
	color:				#157BCC;
	font-size:			18px;
}

#studio h2{
	color:				#004A95;
	font-size:			16px;
}

#studio ul{
	margin:				10px 0px 0px 40px;
	
}

#studio ul li{
	padding:            2px 0px 2px 3px;
	
	
}
	

#studio ol{
	margin:				0px 0px 0px 65px;
}
#studio p{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			13px;
}


/* ---------- left navigation ---------- */

#left_nav_head{
	width:				800px;
	height: 			80px;
	float:				left;
	background-color:	#ffffff;
	text-align:			left;
}

#left_nav{
	float:				left;
	width:				199px;
	background-color:	#ffffff;
}

#left_nav ul{
	padding:			4px 0px 4px 0px;
	margin-right:		20px;
	margin-top:			0px;
}

#left_nav ul li{
	margin:				5px 0px 10px 22px;
	font-size:			13px;
	font-weight:		bold;
	list-style:			none;
	text-align:			right;
	border-bottom:		#dedede 1px dashed;
	padding-bottom:		4px;
}

#left_nav ul li a{
	text-decoration:	none;
}




/* ---------- footer ----------*/

#footer3{
	float:				left;
	width:				800px;
	background-color:	#85857A;
	height:				30px;
}


/* ---------- formating pictures -------- */

#float_left{
	float:				left;
	padding-left:		150px;
}

#float_right{
	float:				right;
}

#picture_right{
	float:				right;
	padding:			5px;
}

#picture_middle{
	float:				none;
	padding:			5px 140px 5px 140px;
}

#picture_left{
	float:				left;
	padding:			5px;
}	




/* ---------- colors ---------- */

.blue{
	background-color:	#7999A9;
	font-size: 			11px;
	color:				#333333;
	font-weight: 		bold;
}
.purple{
	background-color:	#7981A9;
	font-size: 			11px;
	color:				#333333;
	font-weight: 		bold;
}
.pink{
	background-color:	#A179A9;
	font-size: 			11px;
	color:				#333333;
	font-weight: 		bold;
}
.ltblue{
	background-color:	#C4D2D9;
	font-size: 			11px;
	color:				#333333;
	font-weight:		bold;
}
.nav_grey{
	background-color:	#85857A;
	font-size: 			16px;
	color:				#ffffff;
	
}

.gray{
	background-color:	#BfBfBf;
	font-size: 			11px;
	color:				#333333;
	font-weight: 		bold;
}

.ltgray{
	background-color:  #F3F3F3;
}


.color1{
	background-color:	#E0E6EB;
}

.color2{
	background-color:	#C2CCD6;
}

.color3{
	background-color:	#A3B2C2;
}	
.color4{
	background-color:	#8599AD;
}

.color5{
	background-color:	#667F99;
}
.color6{
	background-color:	#52667A;
}

.color7{
	background-color:	#3D4C5C;
}
.color8{
	background-color:	#29333D;
}

.font10{
	font-size:			10px;
}


.lightgrey{
	color:				#cccccc;
}

.navgray{
	color:				#85857A;
}

/* ---------- text styles ----------*/

h1, h2, h3, h4, h5{
	color:				#004A95;
}

h1{
	font-size:			20px;
	
}

h2{
	font-size:			13px;
}


h3, h4, h5, h6{
	border-bottom:		#CCCCCC .05em dashed;
}

h3{
	font-size:			18px;
	margin:				7px 36px 25px 20px;
	padding:			0px 0px 3px 180px;
	text-align:			left

}

h4 {
	font-size:			20px;
	margin:				10px 20px 10px 20px;
	padding:			20px 0px 10px 180px;
	text-align:			left;
}

h5{
	font-size:			16px;
	margin:				10px 20px 10px 20px;
	padding:			0px 710px 3px 0px;
	text-align:			right;

}
h6{
	font-size:			18px;
	margin:				7px 36px 25px 20px;
	padding:			0px 0px 3px 20px;
	text-align:			left

}

a{						
	color:				#272727;
	
}

a:hover{
	color:				#157BCC;
	
}

.italic{
	font-style:			italic;
}

.bright_blue{
	color:				#157BCC;
}
.navy_blue{
	color:				#004A95;
}
.navy13{
	font-size:			12px;
	color:				#004A95;
}
.graybold{
	font-size:			15px;
	font-weight:		bold;
	color:				#85857A;
}

.backbluebold{
	font-size:			15px;
	font-weight:		bold;
	color:				#3C4B55;
}
	
.bbluebold{
	color:				#157BCC;
	font-weight:		bold;
}

.nbluebold{
	color:				#004A95;
	font-weight:		bold;
}

.breadbrumb{
	font-size:			11px;
	font-style:			italic;
	color:				#272727;
	margin-left: 		350px;
	
}
.pic_label{
	font-size:			18px;
	font-color:			#272727;
	vertical-align:		middle;
	font-family: Arial, Helvetica, sans-serif;
}
.pic_label_italic{
	font-size:			16px;
	font-style:			italic;
	font-color:			#272727;
}

.font10{
	font-size:			10px;
}

/* ---------- decorative elements ---------- */

.dotted_line{
	border-bottom:		#CCCCCC .05em dashed;
	padding-top:		5px;
}

.line{
	border-bottom:		#cccccc .05em solid;
	padding-top:		5px;
}