* {padding: 0; margin: 0;}
body{
margin:0;
padding:0;
line-height: 1.3em;
background:  #1b1464;
font-size: 11px;
color: #606060;
background:url("images/bg.jpg") repeat;
}

h1 {
font-family: arial, verdana, sans-serif; 
font-size: 16px;
color: #ff0000;
padding: 0px;
text-align: left;
line-height: 1.5em;
}

h2 {
font-family: arial, verdana, sans-serif; 
font-size: 16px;
color: #1b1464;
padding-left: 30px;
text-align: left;
line-height: 1.5em;
}

#happy_customer{
float: left;
width: 268px; /*Width of left column*/
height: 540px;
font-family: arial, verdana, sans-serif;
color:  #1b1464;
padding: 0px;
background-color:#ffffff;
}

#happy_testimonial{
float: left;
width: 268px; /*Width of left column*/
height: 700px;
font-family: arial, verdana, sans-serif;
color:  #1b1464;
padding: 0px;
background-color:#ffffff;
}

#maincontainer{
width: 850px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
border: 0px solid #1b1464;
margin-top: 10px;
}

#container{
width: 582px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
border: 0px solid #1b1464;
background: #ffffff;
float: right;
}

#header{
height: 216px; /*Height of top section*/
width: 100%;
padding: 0px;
margin: 0px;
text-align: left;

}



#menu_bar{
background: #1b1464;
height: 30px; /*Height of top section*/
font-family: arial, verdana, sans-serif; 
font-size: 12px;
color: #ffffff;
text-align: right;	
width: 100%;
padding-top: 0px;
padding-bottom: 0px;
}

#menu_bar a{

color: #ffffff;
text-decoration: none;

}

#menu_bar a:hover{

color: #ff0000;

}

#rightcolumnmain{
padding-top: 10px; 
text-align: center;
height: 500px;
background: #ffffff;
color:  #1b1464;
font-size: 11px;
font-family: arial, verdana, sans-serif;

}

#testimonials{
padding-top: 10px; 
text-align: center;
background: #ffffff;
height: 660px;
color:  #1b1464;
font-size: 11px;
font-family: arial, verdana, sans-serif;

}

#testimonials p{
margin: 5px;
text-align: justify;
color:  #1b1464;
font-size: 11px;
font-family: arial, verdana, sans-serif;

}

#rightcolumnmain p{
margin: 5px;
text-align: justify;
color:  #1b1464;
font-size: 11px;
font-family: arial, verdana, sans-serif;

}


select, input, textarea {
color:  #1b1464;
font-size: 11px;
font-family: arial, verdana, sans-serif;
}

#rightcolumn{
padding-top: 20px; 
text-align: center;
height: 500px;
background: #ffffff;
color:  #1b1464;
font-size: 11px;
font-family: arial, verdana, sans-serif;

}

#rightcolumnmain a {
color:  #ff0000;
text-decoration: none;
font-size: 11px;
font-weight: bold;
line-height: 1em;
}

#rightcolumnmain a:visited {
color:  #ff0000;
text-decoration: none;
font-size: 11px;
font-weight: bold;
line-height: 1em;
}

#rightcolumnmain a:active{
color:  #ff0000;
text-decoration: none;
font-size: 11px;
font-weight: bold;
line-height: 1em;
}



#rightcolumnmain a:hover{
color:  #ff0000;
text-decoration: underline;
font-size: 11px;
font-weight: bold;
line-height: 1em;
}

#rightcolumn p{
margin: 5px;
text-align: justify;
color:  #1b1464;
font-size: 11px;
font-family: arial, verdana, sans-serif;

}

#rightcolumn p.right{
margin: 5px;
text-align: right;
color:  #1b1464;
font-size: 11px;
font-family: arial, verdana, sans-serif;

}

#leftcolumn{
float: left;
width: 190px; /*Width of left column*/
background: #c4c4ff;
font-family: arial, verdana, sans-serif;
color:  #1b1464;
text-align: left;
padding: 10px;
height: 500PX;
}

#leftcolumn a{
color:  #1b1464;
text-decoration: none;
font-size: 12px;
font-weight: bold;
line-height: 1em;
}




#leftcolumn a:hover{
color:  #ff0000;
text-decoration: none;
font-size: 12px;
font-weight: bold;
line-height: 1em;
}

#leftcolumn br{
font-size: 3px;
}


#bottom{
clear: left;
width: 100%;
height: 20px;
background: #c4c4ff;
color: #606060;
text-align: center;
padding: 0px;
padding-top: 10px;
font-family: arial, verdana, sans-serif; 
font-size: 8px;
}

#bottom p{
color: #1b1464;
text-align: left;
font-family: arial, verdana, sans-serif; 
font-size: 10px;
padding-left: 5px;
}

#bottom a:hover{
border: 1px;
border-color: #ffffff;
text-decoration: underline;

}


#footer{
clear: left;
width: 100%;
font-size: 10px;
color: #FFF;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
font-family: arial, verdana, sans-serif; 
}

#horRule {
height: 1px;
border-top: 1px solid #CE8F26;
margin-top: 1px;
margin-bottom: 1px;
margin-left: 3px;
margin-right: 3px;
}
#horRule hr {
display: none;
}

.testimonial{
color: #B3A684;
font-style: italic;
font-size: 11px;
}

	#nav { font-family: helvetica; position:relative; width:100%; height:31px; font-size:12px; color:#ffffff; margin: 0 auto;}
	#nav ul { list-style-type:none;float:right; }
	#nav ul li { float:left; position: relative;}
	#nav ul li a { border-right:1px solid #fff; padding:8px; display:block; text-decoration:none; text-align:center; color:#fff;}
	#nav ul li a:hover {background: #ff0000; color:#fff;} 
	#nav ul li ul {display: none;}
	#nav ul li:hover ul {display: block; position: absolute; top:30px; min-width:190px; left:0;}	
	#nav ul li:hover ul li a {display:block; background:#790000; color:#ffffff; width: 110px; text-align: center; border-bottom: 1px solid #f2f2f2; border-right: none;}
	#nav ul li:hover ul li a:hover { background:#ff0000; color:#ffffff; }
	.borderleft {border-left: 1px solid #e9e9e9;}
	.top { border-top: 1px solid #f2f2f2;}
	/*  This piece of code is for a third level drop down menu and is not included in this tutorial  #nav ul li:hover ul li ul {display:none;}
	#nav ul li:hover ul li:hover ul {display:block; position: absolute; top:-1px; left: 151px;}*/
	/* Ignore this last piece of code */
	#threestyles {
		width: 500px;
		height: 300px;
		margin: 0px auto;
		border: 2px solid #666;
		margin-top: 30px;
	}