/*Begin Omni*/

#Main {background-image: url(images/Slice_01.jpg); background-color:#98B7F9; margin:0px;	background-repeat: repeat-x;}
* {padding: 0;margin: 0px;}
body {color: #000066; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8.5pt;}		
a:link {font-weight: bold; text-decoration: none; color: #000099;}
a:visited {font-weight: bold; text-decoration: none; color: #000099;}
a:hover {font-weight: bold; text-decoration: none; color:#666666;}

p {font-size:8pt; margin-left: 10px; margin-right: 10px;}	
h1 {font-size:0px; line-height: 0px; margin: 0px;}
h1 span {display:none}
h2 {font-size:9pt; margin-top: 10px; margin-left: 10px;	margin-right: 10px;}
h3 {font-size:7pt; margin-top: 0px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px;}
/*End Omni*/


/*Begin Generic Classes*/
.form-text {float: left; width: 33%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; font-weight: bold; margin-left: 10px; margin-right: 10px;}
.message-text {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; font-weight: bold; margin-left: 10px; margin-right: 10px;}	
.eliteli {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;margin-top: 5px; margin-left: 30px;	margin-right: 10px;}	
.expertli {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin-top: 5px; margin-left: 30px; margin-right: 10px;}	
.rss {margin-bottom:4px;}
/*End Generic Classes*/


/*Begin Container*/
#page-container {width: 791px; height: 566px; margin: auto;}
#left-container {width: 247px; height: 566px; margin: auto; float: left;}
#top-container {width: 544px; height: 397px; margin: auto; background:url(images/MainBody.jpg); background-repeat:no-repeat; float: left;}
#contact-container {width: 544px; height: 397px; margin: auto; background:url(images/contactus.jpg); background-repeat:no-repeat; float: left;}
#coaching-container { width: 544px; height: 397px; margin: auto; background:url(images/coaching.jpg); background-repeat:no-repeat; float: left;}
#clients-container {width: 544px; height: 397px; margin: auto; background:url(images/MyClients.jpg); background-repeat:no-repeat; float: left;}
#about-container {width: 544px; height: 397px; margin: auto; background:url(images/philosophy.jpg); background-repeat:no-repeat; float: left;}
#right-container {width: 544px; height: 169px; margin: auto; float: left; background-image:url(images/newsa.jpg);}	
/*End Container*/

/*Begin Generic Divs*/
#logo {width: 247px; height: 183px; background:url(images/Logo.jpg); float:left}
#buttons {width: 247px; height: 22px; float:left}
#inspire {width: 247px; height: 192px; background:url(images/LeftBody.jpg); float: left;}
#login {width: 247px; height: 169px; background:url(images/clientlogin.jpg); float: left;}
#info {width: 323px; height: 397px; float: left;}
#coachinfo {width: 272px; height: 397px; float: left;}
#newshead {width: 544px; height: 40px; background:url(images/NewsHead.jpg); float: left;}
#newsbody {width: 544px; height: 40px; background:url(images/News.jpg); float: left;}


/* ~~~ Sub Div Properties ~~~ */	
#intro {position: relative; left:20px; top:9px; width:299px; height:195px;}
#intro p {font-size: 9pt; margin-left: 10px; margin-right: 10px;}

#elite {position: relative; left:20px; top:35px; width:251px; height:250px;	float:left;}
#expert {float:right; position: relative; right:20px; top:0px; width:251px; height:250px;}
#clientleft {position: relative; left:20px; top:115px; width:251px; height:250px; float:left;}

#contact {position: relative; left:20px; top:35px; width:299px; height:350px;}
#contact p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; margin-left: 10px; margin-right: 10px; font-weight: bold;}
.contacttextarea {width:277px; height:176px; background-color:#FFFFFF; border: 1px solid navy; margin-top:5px; margin-bottom: 5px; font-family:Arial, Helvetica, Verdana sans-serif; font-size:11px;}
.contactinput {width:167px; background-color:#ffffff; border: 1px solid navy;  font-family:Arial, Helvetica, Verdana sans-serif; font-size:11px;}
.submitbutton {	width:80px; background-color:#000099;; height:17px; border: 1px solid #000000;	font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px;  color:#FFFFFF; margin-top:5px;}

#thanks {position: relative; left:20px; top:35px; width:299px; height:350px;}	
#thanks p {font-size: 9pt; margin-left: 10px; margin-right: 10px;}

#philosophy {position: relative; left:20px; top:40px; width:299px; height:340px;}
#steve {position: relative; left:176px; top:0px; width:135px; height:173px; background-image:url(images/steve.jpg)}
#news {position: relative; left:0px; top:0px; width:544px; height:100px;}
#newsa {position: relative;	left:0px; top:+40px; width:544px; height:100px;}
#links {float:right; width: 221px; height: 397px;}

/**~~ Footer ~~**/
#linkbar {text-align: center;}
#linkbar p {font-size:9pt; margin-top: 1px;}
#linkbar a:hover {text-decoration:underline; color: black;}

#fp {text-align:center;}
#fp p {font-size: 7pt; color:black;}
#fp a:hover {text-decoration:underline; color: black;}

/**~~ Login Fields **/
.logintext {text-align:right; position:relative; float:left; top:75px; width: 75px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; margin-left: 5px; margin-right: 10px; margin-bottom:5px;}
.loginfield {position:relative; float:left; top:75px; font-family:Arial, Helvetica, sans-serif; width: 100px; font-size: 11px; border: 1px solid #000000; margin-bottom:5px; margin-left:0px; margin-right:10px;}
.loginbutton {position:relative; float:left; top:75px; width:32px; height:17px; border: 1px solid #000000;font-family:Arial, Helvetica, sans-serif;	font-weight:bold; font-size: 11px; background-color:#000099; color:#FFFFFF;margin-left:0px;}
input.loginfield:focus {background:#f1f7ff}

/* ~~~ Links ~~~ */

.links {margin-left:10px; font-size:10px; list-style:none;}
#links1 {float:right; width: 221px; height: 397px;}
#linsk1 h2 {margin:0px; font-size:12px;}
#links1 p {margin:0px; text-align:center; font-size:9px; margin-top:10px;}
#links1 a:hover {color: #000099; text-decoration:underline;}

#linkicons {width:179px; height:234px; background: url(images/linkbuttons.jpg); margin-left:17px; position:relative;}
#linkicons li {margin: 0; padding: 0; list-style: none; position: relative; top:0;}
#linkicons li, #linkicons a {height:117px; display: block;}

#athleterepair {width:81px; height:80px; float:left;}
#polar {width:82px; height:80px; float:left; left:16px;}
#cycleops {width:81px; height:80px; float:left;}
#victory {width:82px; height:80px; float:left; left:16px;}

#athleterepair a:hover {background: url(images/linkbuttons.jpg) 179px -10px; color: #000099; text-decoration:underline;}
#polar a:hover {background: url(images/linkbuttons.jpg) right -10px; color: #000099; text-decoration:underline;}
#cycleops a:hover {background: url(images/linkbuttons.jpg) 179px -127px; color: #000099; text-decoration:underline;}
#victory a:hover {background: url(images/linkbuttons.jpg) right -127px; color: #000099; text-decoration:underline;}

/** Clients Page **/
#members {background-image: url(images/Slice_01.jpg); background-color:#98B7F9; margin:0px;	background-repeat: repeat-x;}

#construction {padding-top:20px; margin:0px;}
#construction h1 {text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:22px; color:navy;margin:0px; line-height: normal;}
#construction h2 {text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:navy; margin:0px; line-height: normal;}
#construction h3 {text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:navy; font-weight:normal;margin:0px;}


#members {background-image: url(images/Slice_01.jpg); background-color:#98B7F9; margin:0px;	background-repeat: repeat-x;}

#construction {padding-top:20px; margin:0px;}
#construction h1 {text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:22px; color:navy;margin:0px; line-height: normal;}
#construction h2 {text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:navy; margin:0px; line-height: normal;}
#construction h3 {text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:navy; font-weight:normal;margin:0px;}


/* ~~~ Rollovers ~~~ */
#menu {width: 247px; height: 22px; background: url(images/menu.jpg); margin: 0px 0; padding: 0; position: relative;}
#menu li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#menu li, #menu a {height: 22px; display: block;}
#home {left: 0; width: 51px;}
#about {left: 52px; width: 44px;}
#services {left: 96px; width: 55px;}
#clients {left: 151px; width: 48px;}
#contacts {left: 199px; width: 49px;}

#home span{position:relative; left:-3000px;}
#about span{position:relative; left:-3000px;}
#services span {position:relative; left:-3000px;}
#clients span {position:relative; left:-3000px;}
#contacts span {position:relative; left:-3000px;}

#home span {position:absolute; left:-3000px;}
#about span {position:absolute; left:-3000px;}
#services span {position:absolute; left:-3000px;}
#clients span {position:absolute; left:-3000px;}
#contacts span {position:absolute; left:-3000px;}

#home a:hover {background: url(images/menu.jpg) 0 -22px no-repeat;}
#about a:hover {background: url(images/menu.jpg) -52px -22px no-repeat;}
#services a:hover {background: url(images/menu.jpg) -96px -22px no-repeat;}
#clients a:hover {background: url(images/menu.jpg) -151px -22px no-repeat;}
#contacts a:hover {background: url(images/menu.jpg) -199px -22px no-repeat;}