/* ----- CSS ----- */

* {
	margin:			0;
    padding:		0;
	font-family:	Tahoma, Arial, Verdana;
}

body {
	font-family:	Tahoma, Arial, Verdana;
    background: 	#423433;
}
a:link{
    color:				#fff;
    text-decoration:	none;
	border-bottom: 	 	1px dotted #fff;
}
	a:visited{
		color:				#999;
		text-decoration:	none;
	}
	a:hover{
    	color:				#fff;
        text-decoration:	none;
    	border-bottom: 		1px solid #fff;
}
/* ----- COLLAPSIBLE MENU ----- */

.mC{
	width:	100%;
}
.mH{
	cursor:	pointer;
}
.mL{
	display:		none;
	padding-left:	14px;
	padding-bottom:	14px;
}
.mO{
	display:	block;
}

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

#header{
	height: 		180px;
	margin-top:		0px;
}
#headerleft, #headerright, #spacer{
	position: 		absolute;
	height: 		180px;
}
#headerleft{
	width: 			350px;
	margin-left: 	100px;
	background:		#423433;
}
#headerright{
	width: 			42%;
	margin-left:	450px;
	margin-right: 	250px;
	background:		#5d5048;
	border-right:	2px solid #ff3399;
}
#spacer{
	width:			100px;
	background:		#5d5048;
	border-bottom:	1px solid #ff3399;
}
#dottedheaderright{
	border-bottom:	1px dotted #ff3399;
	height:			47px;
	width:			20px;
}
#testimonial{
	margin-top:		5px;
	height: 		102px;
}
#contact{
	color:			#fff;
	font-size: 		0.8em;
	padding-left:	13px;
	padding-right:	80px;
	padding-bottom:	5px;
	height: 		20px;
	margin-top:		0px;
}

/* ----- CONTENT ----- */

#container{
}
#contentright{
	position: 		absolute;
	width: 			42%;
	margin-left:	450px;
	margin-right: 	250px;
	padding-top:	50px;
}
#contentbottom{
	position: 		absolute;
	width: 			42%;
	border-top:		3px solid #ff3399;
	padding-top:	10px;
	padding-left:	20px;
	padding-bottom:	20px;
	margin-top:		675px;
	margin-left:	450px;
	margin-right: 	250px;
	color:			#999;
	font-size:		0.7em;
	float:			right;
}
#contentbottomoils{
	border-top:		3px solid #ff3399;
	padding-top:	10px;
	padding-left:	20px;
	padding-bottom:	20px;
	margin-top:		100px;
	color:			#999;
	font-size:		0.7em;
}
#contentleft{
	position: 		absolute;
	height:			690px;
	width: 			350px;
	margin-left: 	100px;
	margin-right:	450px;
	background:		#5d5048;     
}
#dottedcontentleft{
	position: 		absolute;
	border-right:	1px dotted #ff3399;
	height:			35px;
	margin-left: 	40px;
}
#contentleftbottom{
	position: 		absolute;
	border-top:		0px solid #ff3399;
	width: 			310px;
	margin-top:		690px;
	margin-left: 	100px;
	margin-right:	450px;
	background:		#5d5048;
	padding-left:	40px;
	padding-bottom:	5px;
	color:			#999;
	font-size:		0.7em;
	border-bottom:	1px solid #ff3399;
}
dl {
	margin-top:			4px;
	margin-left:		20px;
	padding-bottom:		15px;
	font-size:			0.8em;
	color:				#999999;
}
dt {
	margin-top:			5px;
	width:				40%;
}
dd {
	margin-left:		165px;
	margin-top:			-16px;
	width:				10%;
}
.uses dl{
	margin-top:			-3px;
	margin-bottom:		8px;
	margin-left:		20px;
	font-size:			0.8em;
	color:				#999999;
}
.uses dt{
	margin-top:			3px;
	width:				18%;
}
.uses dd{
	margin-left:		80px;
	margin-top:			-16px;
	width:				55%;
}
.numbers dl{
	margin-top:			10px;
	margin-bottom:		8px;
	margin-left:		45px;
	font-size:			0.8em;
	color:				#999999;
}
.numbers dt{
	margin-top:			3px;
	width:				20%;
}
.numbers dd{
	margin-left:		75px;
	margin-top:			-16px;
	width:				60%;
	padding-bottom:		2px;
}

/* ----- PARAGRAPHS ----- */

#testimonial p{
	color:			#999;
	font-size: 		0.8em;
	text-indent:	-5px;
	padding-right:	50px;
	padding-left:	20px;
	padding-top:	10px;
}
#contentleft p{
	padding-top:	10px;
	color:			#999999;
	font-size: 		0.8em;
	padding-left:	45px;
	padding-right:	40px;	
}
#contentleft form{
	padding-top:	7px;
	color:			#999999;
	font-size: 		0.8em;
	padding-left:	45px;
	padding-right:	50px;	
}
#contentright p{
	padding-top:	5px;
	color:			#999999;
	font-size: 		0.8em;
	padding-left:	20px;
	padding-right:	50px;
	padding-bottom:	10px;	
}

/* ----- HEADINGS ----- */

h1{
	color: 				#ffffff;
	font-size: 			2.2em;
	padding-top: 		20px;
	padding-right: 		40px;
	text-align:			right;
}
.heading_color{
	color: 				#ff3399;
}
h2{
	margin-top: 		45px;
	color: 				#ff3399;
	font-size: 			1.1em;
	font-weight:		bold;
	padding-left:		45px;	
}
h3{
	color: 				#ff3399;
	font-size: 			0.8em;
	padding-left:		20px;	
	margin-top: 		0px;
	margin-bottom:		5px;
	font-weight:		normal;
}
h3.discount{
	color: 				#ff3399;
	font-size: 			0.8em;
	padding-left:		20px;	
	margin-top: 		-35px;
	margin-bottom:		5px;
	font-weight:		normal;
}
h4{
	color: 				#ff3399;
	font-size: 			0.8em;
	padding-left:		19px;	
	font-weight:		normal;
	margin-top:			15px;
}
h5{
	color: 				#999999;
	font-size: 			0.7em;
	padding-top: 		26px;
	padding-right: 		5px;
	text-align:			right;
}

/* ----- IMAGES ----- */

#imageheaderleft{
	text-align:		right;
	margin-top:		-120px;
	width:			115px;
	margin-left:	185px;
}
img.contentleft{
	padding-top:	15px;
	padding-left:	0px;
}
img.contentleftborder{
	margin-top:	15px;
	/*padding-left:	0px;*/
	padding: 2px;
	border: 1px solid #fff;
}
img.middle{
	vertical-align:		middle;
	padding-right:		10px;
}

/* ----- NAVIGATION ----- */

#navigation{
	margin-top: 		8px;
	margin-left:		29px;
	width: 				120px;
	font-size:			0.8em;
}
	#navigation li{
		list-style: 		none;
		padding-top:		0.15em;
		padding-bottom:		0.20em;
		margin-left:		0px;
	}
	#navigation li a:link{
		text-decoration: 	none;
		border-bottom: 	 	0px dotted #33cccc;
		color:			 	#fff;
		padding-left:		15px;
	}
	#navigation li a:visited{
		text-decoration: 	none;
		color:			 	#999;
		padding-left:		15px;
	}
	#navigation li a:hover{
		border-bottom: 			0px solid #33cccc;
	    background:				url('images/pink_arrow.jpg');
		background-repeat: 		no-repeat;
		background-position: 	left center;
	}
    #active a{
	    background:				url('images/pink_arrow.jpg');
		background-repeat: 		no-repeat;
		background-position: 	left center;
	}