/* Calculated Success CSS Design File */

/* Designed by Braden Kurczak kurczak.ca for Calculated Success */
/* (c) 2006 */

/* Design Standards
Purple: #8f2784
Black: #000000
White: #ffffff
Grey: #cccccc

Headings: Castellar MT
Body: Bookman Old Style
Default: sarrif font

*/

body {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: medium;
	color: #000000;
	background: #F1EFF1 /*url(assets/BGImage.jpg) left top repeat*/;
}

#wrapper {
	width:800px;
	height: auto;
	background: #ffffff url(assets/bottom.jpg) bottom left no-repeat;
	border:1px solid #333333;
	padding:0px;
	margin:0px auto 0px auto;
	padding-bottom:48px;
}

#footer {
	width:800px;
	height:auto;
	clear:both;
	margin:0 auto;
	padding:5px 0 10px 0;
	text-align:right;
	color: #666666;
	font-size: x-small;
	background:none;
}



#masthead {
	width:100%;
	height:126px;
	background:#FFFFFF url(assets/header.jpg) top left no-repeat;
	margin:0px;
	padding:0px;
	border:none;
}

#Logo {
	width:auto;
	height:auto;
}

#navigation {
	float:right;
	width:510px;
	height:22px;
	margin:105px 3px 25px 0px;
	padding:0px;
	border:none;
	text-align:center;
	font-family:"Bookman Old Style", Garamond, "Times New Roman", serif;
	border-bottom:#8f2784 1px solid;
}

#navigation ul {
	margin:0px 0px 0px 0px;
	padding:0px;
	text-align:left;
}

#navigation li {
	display:inline;
	list-style: none inside;
	margin:0px 0px 0px 0px;
	padding:0px 15px 0px 0px;
}

#navigation a:link {
	color:#000000;
	font-size:17px;
	font-weight: normal;
	text-decoration:none;
	text-transform:uppercase;
}

#navigation a:hover {
	color:#8f2784;
	text-decoration: none;
	text-transform:uppercase;
}

#navigation a:active {
	color:#cccccc;
	text-decoration:none;
	text-transform:uppercase;
}

#navigation a:visited {
	color: #000000;
	text-decoration:none;
	text-transform:uppercase;
}

/* End of Navigation Section, begin site content */

#content_outline {
	width:100%;
	height:auto;
	margin:0px;
	margin-top: 15px;
	padding:0px;
	border:none;
}

#indexBody {
	width:615px;
}

#FYI {
	float:right;
	width:150px;
	height:auto;
	background:none;
	border:1px solid #cccccc;
	margin-right:10px;
	margin-top:4px;
	margin-bottom:15px;
	padding:0px;
}

#FYI ul {
	list-style:outside;
	margin-left:10px;
}

#FYI h2 {
	margin:2px auto 2px auto;
	text-align:center;
	border-bottom: #8f2784 1px solid;
	width:90%;
}

#FYI p{
	margin:2px 6px 4px 6px;
}

#content_body {
	width:98%;
	height: auto;
	margin:0px auto 5px auto;
	padding:0px;
}

#PullOut {
	width:65%;
	margin:0px auto 0px auto;
	margin-top:10px;
	padding:4px;
	border: #8f2784 1px solid;
	clear:both;
	background: url(assets/body.jpg) right top no-repeat;
}	

h1, h2, h3, h4, p {
	margin:0px;
	margin-left:10px;
	text-align:left;
	width:90%;
}

h1, h2, h3, h4 {
	text-transform: capitalize;
	color: #333333;
}

h1 {
	font-size:115%;
	border-bottom: #8f2784 1px solid;
	width:80%;
}

h2, h3, h4 {
	font-size:100%;
	padding-bottom:5px;
	padding-top:5px;
}

h3 {
	margin-top:0px;
	margin-bottom:0px;
	padding-top:12px;
	padding-bottom:0px;
	color:#8f2784;
}

p {
	font-size:95%;
	line-height:1.2em;
}

a:link {
	color:#8f2784;
	font-size: inherit;;
	font-weight: normal;
	text-decoration: underline;
	text-transform: none;
}

a:hover {
	color:#000000;
	text-decoration:underline;
}

a:active {
	color:#cccccc;
	text-decoration:none;
}

a:visited {
	color: #000000;
	text-decoration: underline;
}
	

table {
	width: auto;
	margin:10px 10px 3px 10px;
	padding:0px;
	text-align:center;
	border:1px solid #cccccc;
	font-size:95%;
}

tfoot {
	color:#8f2784;
}

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

td, th{
	border:1px solid #cccccc;
	margin:0px;
	padding:0px;
}

th {
	background-color:#8f2784;
	color:#cccccc;
	text-transform:capitalize;
	padding: 1px 4px 1px 4px;
}

.floatright {
	float:right;
}

#content_body ul {
	list-style:none;
	margin-top:4px;
}

#content_body li {
	font-size:95%;
}

.bold {
	font-weight:bold;
}

.italic {
	font-style:italic;
}

.purple {
	color:#8f2784;
}

#priceNotes {
	width:78%;
	margin:0px;
	margin-left:45px;
	padding:0px;
}

#pricing {
	margin-left:45px;
	text-align:left;
	width:80%;
}

#pricing th {
	text-align: center;
}

#pricing td {
	padding:2px;
}

#priceNotes ul {
	list-style:outside;
}

#priceNotes li {
	margin-bottom:.5em;
}

#directions {
	margin:0px;
	padding:0px;
	width:auto;
}

#directions p {
	width:85%;
}

.directionMap {
	margin-bottom:5px;
}

.directionImage {
	width:120px;
	height:104px;
	padding:5px;
		border:#8f2784 1px solid;

}

#defaultBodyHeight {
	height:275px;
}

.weblinkdirs {
	margin-top:5px;
	font-style:italic;
}

.peoplePic {
	float:left;
	margin:5px 10px 5px 10px;
	background: #FFFFFF;
	border:#999999 2px solid;
	text-align:center;
}
