﻿/* CSS layout */

/* main page layout */

body {

	margin: 0 auto;
	padding: 0;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

#container {
	width: 900px;
	margin-top: 10px;
	margin: 0 auto;
	border: 1px solid #A6A6FF;
}

#masthead {
	height: 155px;
	background-image: url('images/banner2.jpg');
	background-repeat: no-repeat;
}

#topnav {
	background-color: #A6A6FF;
	height: 20px;
}

#left_col {
	width:200px;
	float: left;
	text-align: center;
	padding-top: 50px;
	background-image: url('images/banner-left.jpg');
}

#page_content {
	float: right;
	width: 600px;
	padding: 10px;
	
}

#footer {
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #A6A6FF;
}


/* masthead inserts */

#logoleft {
	width: 160px;
	float: left;
	left: 0px;
	top: 0px;
	text-align: right;
}

#header {
	margin-left:200px;
	height: 155px;
}

#headertext {
	float: left;
	width: 500px;
	margin-top: 50px;
	font-family: Georgia;
	font-weight: 700;
	color: #000066;
	font-size: xx-large;
	padding-left: 20px;
}

.subhead {
	font-size: 16px;
	color: #5151FF;
	padding-left: 40px;
	padding-top: 10px;
}


#logoright {
	float: right;
	width: 160px;
	text-align: center;
}



/* left column inserts*/

.box1 {
	width: 180px;
	background-color: #A6A6FF;
	margin-left: 9px;
	margin-right: 9px;
}

.box2 {
	width: 100px;
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 48px;
	margin-right: 48px;
	border: 2px solid #000066;
}


.box4 {
	width: 146px;
	margin-top: 80px;
	margin-left: 26px;
	margin-right: 26px;
	background-color: #F0F0F0;;
	
}


.boxa{
	width: 178px;
	height: 20px;
	

}

.boxb{
	width: 178px;
	height: 20px;
	
}



/* main content inserts */


.intro {
	width: 560px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 5px;
	color: #333333;
}


.intro2 {
	width: 500px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	color: #333333;
	border: 1px solid #A6A6FF;
}

#mainbox {
	margin-top: 30px;
	width: 540px;
	border-top: 2px solid #A6A6FF;
	border-left: 2px solid #A6A6FF;
	border-right: 2px solid #A6A6FF;
	border-bottom: 2px solid #A6A6FF;
	padding-bottom: 50px;
	padding: 10px;

}


.mainboxtext {
	margin-top: 50px;
	text-align: center;
	color: #FC7F08;
	font-weight: bolder;
	font-size: 14px;
}

#mainboxtext2 {
	margin-top: 30px;
	text-align: center;
	font-weight: 700;
	color: #333333;
}

.bodytext {
	width: 550px;
	border: 1px solid #A6A6FF;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.bodytext p {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 10px;
}

.bodytext2 {
	width: 570px;
	margin-bottom: 10px;
	margin-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.bodytext2 p {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
}


.list {
	width: 450px;
	background-color: #A6A6FF;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 20px;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.list2 li {
	margin-top: 10px;
}
.testimonials1 {
	width: 400px;
	margin-left: 50px;
	padding: 10px;
	border: 2px solid #A6A6FF;
	margin-top: 40px;
	margin-bottom: 40px;
}

.testimonials2 {
	width: 500px;
	margin-left: 15px;
	margin-top: 50px;
	padding: 10px;
	border: 2px dashed #A6A6FF;
	color: #333333;
}

.testimonials3 {
	width: 520px;
	margin-left: 15px;
	padding: 15px;
	border: 2px solid #A6A6FF;
	margin-top: 40px;
	margin-bottom: 40px;
}


.table1 {
	width: 550px;
	border: 1px solid #000066;
	margin-top: 10px;
}

.table1 td {
	width: 50%;
	vertical-align: top;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.table2 {
	width: 540px;
	border: 1px dotted #000066;
	margin-left: 15px;
	margin-top: 15px;
}

.table2 td {
	width: 540px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 25px;
	margin-top: 15px;
	vertical-align: top;
}

.table3 {
	width: 540px;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.table3 td {
	width: 540px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 25px;
	margin-top: 15px;
	vertical-align: top;

}

.table4 {
	width: 560px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 20px 20px 50px 20px;
	border: 1px solid #000066;
	padding-top: 10px;
	padding-bottom: 20px;
}

.name {
	width: 450px;
}


.price: {
	width: 65px;
		
}

td {
	padding: 10px;
}

/* menus*/

.menu {
	margin-top: 20px;
	
}

ul.menu {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	
}

ul.menu li {
	display: block;
	text-align: left;
	padding-left: 10px;
	font-weight: bold;
	line-height: 22px;
	
}

ul.menu a {
	text-decoration: none;
}

.menu a:link {
	color: #993399;
}

.menu a:hover {
	color: #000066;
}

a:link  {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}
.footermenu {
	list-style: none;
	text-align: center;
}

ul.footermenu li {
	display: inline;
	text-align: left;
	padding-left: 20px;
	margin-bottom: 10px;
	font-weight: bold;	
}

.footermenu a:link {
	color: #000066;
}


/* footer inserts*/


/* headings*/

h1 {
	font-size: 14px;
	text-align: center;
	color: #000066;
}

h2 {
	font-size: 12px;
	text-align: center;
	color: #000066;
}

h3 {
	font-size: 12px;
	color: #000066;
	text-align: left;
	margin-left: 10px;
}

.table4 h3 {
	margin-left: 20px;
	margin-bottom: -5px;
	font-size: 13px;
}
h4 {
	font-size: 14px;
	text-align: center;
	color: #000066;

	
}
/* misc all site css*/

.purple {
	
	color: #6C6CFF;
}

.name {	
	padding-top:10px;
	padding-left: 10px;
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 20px;
}


.blue {
	color: #000066;
	font-weight: 700;
	font-size: 13px;
	text-align: left;
}

.blue2 {
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	text-align: left;
	color: #000066;
}

.blue3 {
	padding-left: 20px;
	padding-bottom: 20px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #000066;
	line-height: 40px;

}

.pink {
	color: #FF0066;
	text-align: center;
	font-weight: bold;
	line-height: 20px;
	font-size: 14px;
	margin-top:30px;
	
}

.imageright {
	float: right;
}

.imageleft {
	float: left;
	margin-right: 10px;
	
}

.copy {
	padding-left: 15px;
	font-size: 10px;
	font-weight: bold;
}