/*  
Theme Name: Eve Online
Author: Joe Swann

	Copyright (c) Joe Swann.

*/
* {padding: 0; margin: 0;} 

/* Generic
---------------------------------------------------------------------------------*/

html, body {
		height:100%;
		}
body {
	background:url(images/bg1.gif);
	background-color:#999;
	font: 80%/160% Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFF;
	width: 100%;
}
p {
	letter-spacing:0.5px;
}
img {
	border: none;
}
a {
	text-decoration: none;
	font-size: 9px;
	color: #FFF;
}
a:hover {
	text-decoration:none;
	color: #FF0000;
}

/* headings and typography
---------------------------------------------------------------------------------*/
.menu {
	text-align:left;
	padding: 0px; 
	margin: 0px;
}

.hd1 {
	text-align:left;
	padding-top:30px;
	padding-left:20px;
	font:24px Arial, Helvetica, sans-serif bold;
	color:#6CF
}


.c1 {
	text-align:left;
	line-height:20px;
	font:16px Arial, Helvetica, sans-serif;
	color:#FFF;
	letter-spacing:1px;
	padding-top:10px;
	padding-left:60px;
	padding-right:60px;
}
.c2 {
	text-align:left;
	line-height:20px;
	font:14px Arial, Helvetica, sans-serif;
	color:#FFF;
	list-style-position:inside;
	margin-left:60px;
	padding-right:60px;
}
.c2b {
	text-align:left;
	line-height:24px;
	font:18px Arial, Helvetica, sans-serif;
	color:#6CF;
	list-style-position:inside;
	margin-left:80px;
	padding-right:60px;
}
.c2ul {
	text-align:left;
	line-height:20px;
	font:16px Arial, Helvetica, sans-serif bold;
	color:#6CF;
	list-style-position:inside;
	padding-top:5px;
	padding-left:80px;
	padding-right:60px;
	
}
.c3 {
	text-align:right;
	line-height:20px;
	font:14px Arial, Helvetica, sans-serif;
	color:#FFF;
	list-style-position:inside;
	padding-right:20px;
}
.c3b {
	text-align:right;
	line-height:24px;
	font:18px Arial, Helvetica, sans-serif;
	color:#6CF;
	list-style-position:inside;
	padding-right:20px;
	padding-top:10px;
}
.c4 {
	text-align:leftt;
	line-height:20px;
	font:14px Arial, Helvetica, sans-serif;
	color:#FFF;
	list-style-position:inside;
	padding-left:20px;
}
.c4b {
	text-align:left;
	line-height:24px;
	font:18px Arial, Helvetica, sans-serif;
	color:#6CF;
	list-style-position:inside;
	padding-left:20px;
	padding-top:10px;
}
.c5 {
	text-align:justify;
	line-height:20px;
	font:14px Arial, Helvetica, sans-serif;
	color:#888;
	list-style-position:inside;
	padding-left:40px;
	padding-right:40px;
}
.c5b {
	text-align:left;
	line-height:24px;
	font:18px Arial, Helvetica, sans-serif bold;
	color:#eee;
	list-style-position:inside;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:5px;
}

.c6 {
	text-align:left;
	font:12px Arial, Helvetica, sans-serif;
	color:#6CF;
	letter-spacing:1px;
	margin-top:5px;
	padding-left:10px;
}
.c7 {
	text-align:left;
	font:10px Arial, Helvetica, sans-serif;
	color:#FFF;
	letter-spacing:1px;
	padding-left:10px;
}

.f1 {
	text-align: right;
	color:#FFF;
	font: 10px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	padding-top:3px;
	padding-left:10px;
	padding-right:10px;
}



/* Outline Divs
---------------------------------------------------------------------------------*/
#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		/*height:650px;*/
		width:900px;
		clear:left;
}

#content { 
		background:url(images/bgc1.jpg) top;
		margin-top:100px;
		min-height:500px;
		/*height:auto;*/
		width:100%;
}

/* Menu Divs---------------------------------------------------------------------------------*/
.home
{ float:left;
  display: block;
  width: 98px;
  height: 60px;
  background: url(images/menus/menu_01.png) no-repeat 0 0;}
.home:hover{cursor: pointer; background-position: 0 -60px;}
.home span{display: none;}

.about
{ float:left;
  width: 100px;
  height: 60px;
  background: url(images/menus/menu_02.png) no-repeat 0 0;}
.about:hover{cursor: pointer; background-position: 0 -60px;}
.about span{display: none;}

.services
{ float:left; 
  display: block;
  width: 100px;
  height: 60px;
  background: url(images/menus/menu_03.png) no-repeat 0 0;}
.services:hover{cursor: pointer; background-position: 0 -60px;}
.services span{display: none;}

.pricing
{ float:left;
  display: block;
  width: 100px;
  height: 60px;
  background: url(images/menus/menu_04.png) no-repeat 0 0;}
.pricing:hover{cursor: pointer; background-position: 0 -60px;}
.pricing span{display: none;}

.bar
{ float:left;
  display: block;
  width: 398px;
  height: 60px;
  background: url(images/menus/menu_05.png) no-repeat 0 0;}
.bar span{display: none;}

.contact
{ float:left;
  display: block;
  width: 104px;
  height: 60px;
  background: url(images/menus/menu_06.png) no-repeat 0 0;}
.contact:hover{cursor: pointer; background-position: 0 -60px;}
.contact span{display: none;}

/* Tabs Divs---------------------------------------------------------------------------------*/
.sT1
{ float:left;
  display: block;
  width: 81px;
  height: 33px;
  background: url(images/menus/tabs_01.png) no-repeat 0 0;}
.sT1:hover{cursor: pointer; background-position: 0 -33px;}
.sT1 span{display: none;}

.sT2
{ float:left;
  display: block;
  width: 120px;
  height: 33px;
  background: url(images/menus/tabs_02.png) no-repeat 0 0;}
.sT2:hover{cursor: pointer; background-position: 0 -33px;}
.sT2 span{display: none;}

.sT3
{ float:left;
  display: block;
  width: 100px;
  height: 33px;
  background: url(images/menus/tabs_03.png) no-repeat 0 0;}
.sT3:hover{cursor: pointer; background-position: 0 -33px;}
.sT3 span{display: none;}

.sT4
{ float:left;
  display: block;
  width: 82px;
  height: 33px;
  background: url(images/menus/tabs_04.png) no-repeat 0 0;}
.sT4:hover{cursor: pointer; background-position: 0 -33px;}
.sT4 span{display: none;}

.sT5
{ float:left;
  display: block;
  width: 109px;
  height: 33px;
  background: url(images/menus/tabs_05.png) no-repeat 0 0;}
.sT5:hover{cursor: pointer; background-position: 0 -33px;}
.sT5 span{display: none;}

.sT6
{ float:left;
  display: block;
  width: 158px;
  height: 33px;
  background: url(images/menus/tabs_06.png) no-repeat 0 0;}
.sT6:hover{cursor: pointer; background-position: 0 -33px;}
.sT6 span{display: none;}

.sT7
{ float:left;
  display: block;
  width: 170px;
  height: 33px;
  background: url(images/menus/tabs_07.png) no-repeat 0 0;}
.sT7:hover{cursor: pointer; background-position: 0 -33px;}
.sT7 span{display: none;}

.sT8
{ float:left;
  display: block;
  width: 40px;
  height: 33px;
  background: url(images/menus/tabs_08.png) no-repeat 0 0;}
.sT8:hover{cursor: pointer; background-position: 0 -33px;}
.sT8 span{display: none;}

/* Layout Divs---------------------------------------------------------------------------------*/

#title { 
		background:url(images/heading2.png);
		position:relative;
		top:0px;
		width:100%;
		height:100px;
}
	
#menu { 
		position:relative;
		width:100%;
		height:60px;
}

#tabs { 
		position:relative;
		width:860px;
		height:33px;
}

#footer { 
		position:absolute;
		float:right;
		height:20px;
		width:900px;
}

/* Content Divs---------------------------------------------------------------------------------*/

#heading1 { 
		margin-left:40px;
		margin-top:20px;
		margin-right:20px;
		width:600px;
		height:50px;
}
#heading2 { 
		margin-left:40px;
		margin-top:10px;
		margin-right:20px;
		width:600px;
		height:30px;
}

#image1 { 
		position:absolute;
		float:left;
		background:#111;
		margin-left:20px;
		margin-top:10px;
		width:200px;
		height:250px;
}

#text1 { 
		float:right;
		margin-left:20px;
		margin-top:10px;
		margin-right:20px;
		width:860px;
		height:auto;
}
#tabs1 { 
		margin-left:20px;
		margin-top:10px;
		margin-right:20px;
		width:860px;
		height:30px;
}
#tabs2 { 
		float:right;
		margin-left:20px;
		margin-top:10px;
		margin-right:20px;
		width:860px;
		height:auto;
}
#text2 { 
		background:url(images/bgc1.png) top;
		position:absolute;
		margin-left:40px;
		margin-top:10px;
		margin-right:20px;
		width:200px;
		height:220px;
}

#text3 { 
		background:url(images/bgc1.png) top;
		position:absolute;
		margin-left:40px;
		margin-top:10px;
		margin-right:20px;
		width:300px;
		height:220px;
}
#text4 { 
		background:url(images/bgt1.png) top;
		float:right;
		width:860px;
		height:230px;
		overflow:auto;
}

#prices1 { 
		background:url(images/bgc1.png) top;
		float:right;
		margin-top:10px;
		margin-right:40px;
		width:500px;
		height:220px;
}

#contact1 { 
		background:url(images/bgc1.png) top;
		float:right;
		margin-top:10px;
		margin-right:40px;
		width:600px;
		height:220px;
}