﻿/*
    by Mark Heywood
*/

/* ==== global styles ====  */

body {
font-family: "Trebuchet MS", sans-serif;
font-size: 100%;
background: #95b3d7;
margin: 0;
padding: 0;
}

p, h1, h2, h3, h4, h5, h6, li {
margin: 0px 1em 1ex 1em;
}

#outerDiv {
width: 770px;
height: 200px;
margin: 0 auto;
background: #95b3d7 url("images/layout01.jpg") no-repeat;
}

/*
#header {
width: 770px;
height: 200px;
}
*/


#header {
width: 770px;
height:200px;
margin: auto;
padding: 0;
text-indent: -9999px;
}

#content {
width: 770px;
float: left;
background: #95b3d7 url("images/layout02.jpg");
}

/* ===== innerContent ===== */

#innerContent {
width: 700px;
background: #ffffff;
margin: auto;
}

#innerContent p {
font-size: 0.9em;
}

#innerContent h1, #innerContent h2, #innerContent h3, #innerContent h4 {
font-family: "Trebuchet MS", sans-serif;
font-weight: bold;
text-align: center;
text-transform: capitalize;
color: #CC0000;
}

#innerContent h1 {
font-size: 1.6em;
}

#innerContent h2 {
font-size: 1.4em;
}

#video {
	width: 640px;
	height: 595px;
	margin: 0px auto 20px auto;
	padding: 1px;
	background: #000000;
	text-align: center;
}

.imgright {
margin: 0px 5px;
float: right;
}

.imgleft {
margin: 0px 5px;
float: left;
}

.imgcenter img {
display:block;
margin:auto;
}

.even {
font-weight: bold;
}

.mainList {
font-size: .8em;
line-height: 1.4em;
}
.myimages {
	width: 350px;
	margin: 20px auto;
	text-align: center;
	font-size: 8pt;
	border: none;
}


#contact {
	width: 300px;
	margin: 0px auto 40px auto;
	padding: 25px;
	border: 1px solid;

}

#screencast {
	width: 640px;
	height: 498px;
	margin: 10px auto 20px auto;
	text-align: center;
}


.plainlink {
    color: #000000;
    text-decoration: none;
	cursor: text;
}

.mainlink {
    color: #0000ff;
	font-weight: bold;
}

/* ===== Header Replacements ===== */

.header01 {
width: 541px;
height:125px;
margin: 0px auto 10px auto;
padding: 0;
background: url(images/header01.jpg) no-repeat;
text-indent: -9999px;
}

.header02 {
width: 640px;
height:50px;
margin: auto;
padding: 0;
background: url(images/header02.jpg) no-repeat;
text-indent: -9999px;
}

.header03 {
width: 640px;
height:50px;
margin: auto;
padding: 0;
background: url(images/header03.jpg) no-repeat;
text-indent: -9999px;
}

.header04 {
width: 640px;
height:50px;
margin: auto;
padding: 0;
background: url(images/header04.jpg) no-repeat;
text-indent: -9999px;
}

.header05 {
width: 640px;
height:50px;
margin: auto;
padding: 0;
background: url(images/header05.jpg) no-repeat;
text-indent: -9999px;
}

.header06 {
width: 640px;
height:50px;
margin: auto;
padding: 0;
background: url(images/header06.jpg) no-repeat;
text-indent: -9999px;
}

.header07 {
width: 640px;
height:50px;
margin: auto;
padding: 0;
background: url(images/header07.jpg) no-repeat;
text-indent: -9999px;
}

.header08 {
width: 640px;
height:50px;
margin: auto;
padding: 0;
background: url(images/header08.jpg) no-repeat;
text-indent: -9999px;
}

/* ===== footer ===== */

#footer {
clear: both;
width: 770px;
height: 130px;
background: #95b3d7 url("images/layout03.jpg") no-repeat;
}

#footer p {
    font-family: "Trebuchet MS", sans-serif;
    font-size: .7em;
    color: #849ebe;
    margin: 0;
    padding-top: 95px;
    text-align: center;
}

#footer a {
    color: #849ebe;
    text-decoration: none;
}