/* Title: main.css (Ver 6.0 08-02-09)
   Author: info@echoseven.co.uk
   Copyright, 2009: echoseven.co.uk
*/
/*universal */
* {
    margin: 0px;
    padding: 0px;
}
* img {
    border: none;
}
ol, ul {
	list-style: none;
}
a {
    color: #ffffff;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color: #ff0000;
}
a:active {
    text-decoration: none;
}
/* layout */
body {
    width: 100%;
    text-align: center;
    background: #333333;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 62.5%;
    color: #ffffff;
}
#wrapper {
    width: 91em;
    background: url('background1.gif') top center no-repeat #000000;
    text-align: left;
    font-size:1em;
    margin: 2em auto;
    padding: 1em;
}
#header {
    height: 9em;
	border-bottom: 1px solid #606060;
	margin-bottom: 1em;
	padding: 0 2em;
}
#logoImg {
    float: left;
    height: 10em;
    padding: 0 1em;
}
.logo {
  height: 10em;
  width: 6.4em;
}
#logoText {
    height: 10em;
    float: left;
    margin: 3em 0 0 0;
    padding: 0 1em;
}
#logoText h1 {
    font-style: italic;
    font-family: Bookman Old Style;
}
#contentHeader { }
#content { }
#contentMain {
    text-align: center;
    width: 90em;
    margin: 3em 0;
}
#contentMain1 {
    float: left;
    width: 40em;
    text-align: left;
    padding: 0 1em;
    margin: 0 1em;
}
#contentMain2 {
    float: right;
    width: 40em;
    text-align: left;
    padding: 0 1em;
    margin: 0 1em;
}
#image1, #image2 {
  width: 40em;
}
#image3 {
  width: 20em;
}


#contentMain2 p, #contentMain1 p {
  padding: 0.5em 0;
  font-size: 1.2em;
}
#contentMain2 li, #contentMain1 li {
  padding: 0.5em 0;
  font-size: 1.2em;
}
#contentMain2 h3, #contentMain1 h3 {
  padding: 0.5em 0;
}
#contentSub {
    margin-top: 1em;
    border-top: 1px solid #606060;
    padding: 1em 0 0 0;
 }
#footer {
    height: 5em;
    border-top: 1px solid #606060;
}
#footerInner {
    padding: 2em 3em;
}
/* round box */
.boxWrap {
    margin: 2em;
   	float: left;
    width: 25em;
}
.box {
    background: #333333;
}
.boxInner {
    padding: 0 1em;
}
.boxInner h3 a {
    color: #5074e9;
    padding: 1em 0 0 0;
}
.boxInner h5 {
    color: #00ff01;
    padding: 1em 0 0 0;
}
.boxInner h4 {
    padding: 1em 0 0 0;
}
.boxInner h5 a:link {
    color: #3c2ef4;
}
.boxInner p {
    padding: 1em 0 0.5em 0;
    font-size: 1.4em;
}
.boxInner img {
    padding: 0 1em 0 0;
}
b.rtop, b.rbottom {
    display: block;
    background: #000000;
}
b.rtop b, b.rbottom b{
    display: block;
    height: 1px;
    overflow: hidden;
    background: #333333;
}
b.r1 {
    margin: 0 5px;
}
b.r2 {
    margin: 0 3px;
}
b.r3 {
    margin: 0 2px;
}
b.rtop b.r4, b.rbottom b.r4 {
    margin: 0 1px;
    height: 2px;
}
/* style */
#tagline {
    font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
    font-style: italic;
	font-weight: normal;
	font-size: 3em;
	text-align: center;
}
/* menus */
#menuMain {
	float: right;
	list-style: none;
	margin: 3em 0 0 0;
	padding: 0;
}
#menuMain li {
	float: left;
	font-size: 1.6em;
	margin: 0;
	padding: 0;
}
#menuMain a {
	display: block;
	float: left;
	margin: 0;
	padding: 1em;
	text-decoration: none;
	font-weight: normal;
}
#menuMain a:hover {
	color: #ff0000;
	text-decoration: none;
}
#menuContent {}


#contentSub a {
	padding: 0.2em 0;
	text-decoration: none;
}
#contentSub a:hover {
	color: #ff0000;
	padding: 0.2em 0;
	text-decoration: none;
}
/* headers */
h1 {
    font-weight: normal;
    font-size: 2.5em;
}
h2 {
    font-weight: normal;
    font-size: 2em;
}
h3 {
    font-weight: normal;
    font-size: 1.75em;
}
h4 {
    font-weight: normal;
    font-size: 1.5em;
}
h5 {
    font-weight: normal;
    font-size: 1.25em;
}
h6 {
    font-weight: normal;
    font-size: 1em;
}
/* misc */
.centre {
    text-align: center;
}
.left {
    text-align: left;
}
.fleft {
    float: left;
}
.right {
    text-align: right;
}
.fright {
    float: right;
}
.bold {
    font-weight: bold;
}
.noTitle {
    display: none;
}
.clear {
    clear: both;
}
.red {
    color: #ff3333;
}
.green {
    color: #00ff01;
}
.blue {
    color: #5074e9;
}
.italic {
    font-style: italic;
}
/* Navigation */
#navSite li {
    padding: 0 0.5em;
    display: inline;
}
#navSite a {
    text-decoration: none;
    color: #ffffff;
}
#navSite li a:hover {
    color: #ff0000;
    font-size: 1em;
    text-decoration: none;
}
#navSite:hover li {
    color: #ffffff;
}
#footerInner span:hover {
    color: #ff0000;
    font-size: 1em;
    text-decoration: none;
}
.flowplayer {
    display:block;
    width:38em;
    height:28em;
}
.videoFrame {
            position:relative;
            text-align: center;
            background: #333333;
}
#thumbnails div {
                float:left;
                width: 87px;
                height:87px;
                padding: 0;
                }
#thumbnails div a {
                  text-align: center;
                  line-height: 1.2em;
                  font-size: 1em;
                  color: #000000;
                  }
#mainImage {
            position:relative;
            text-align: center;
            background: #333333;
            }
#mainImage h4 {
  padding: 0.5em;
}
#thumbnails h4 {
  padding: 1em;
}
#mainImage h2 {
  padding-top: 1em;
}
#caption {}
#imgPhoto {}
#home .alpha {
  color: #00ff01;
}
#swing .bravo{
  color: #00ff01;
}
#proam .charlie {
  color: #00ff01;
}
#links .delta{
  color: #00ff01;
}
#contact .echo {
  color: #00ff01;
}
#stepsheet {
  text-align: left;
  padding-left: 3em;
}
#stepsheet p {
  font-size: 1.25em;
}