@import 'text.css';
@import 'column.css';
@import 'form.css';
@import 'price.css';
@import 'content.css';
@import 'nav.css';


/*  Template */

body
{
	margin : 0;	
	padding :0;
	text-align :center;
	background-color : #990000;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
}



div#page
{
	position : relative;	
	margin-left : auto;
	margin-right : auto;
	margin-top : 5px;
	width : 760px;
}


div#header
{
	position : absolute;
	width : 760px;
	top : 10px;
	left :0;
	height :289px;
	background-image : url(../images/site/header-bg.jpg);
	background-repeat : no-repeat;
  background-color: #fff;
}

#header span#header-links{
  position: absolute;
  top: 35px;
  right: 35px;
}

#header span#header-links a{
  color: #DC0000;
  padding-left: 1.2em;
  background-position: left ;
  background-repeat: no-repeat;
  margin-right: 1em;
}

#header span#header-links a:hover{
  color: #993300;
}

#header span#header-links a.home{background-image: url(../images/site/home-icon.gif);}
#header span#header-links a.site{background-image: url(../images/site/site-icon.gif);}

img#logo{
	position : absolute;
	top: 6px;
	left: 5px;
	border: none;	
}

img#header-photo{
	position: absolute;
	top: 87px;
	left: 2px;
}


div#email-form
{
	position : absolute;
	top : 30px;
	right : 20px;
	
	
	
}

#signupbox{
	width : 150px;
	background-color:#FDFDFD;
	color: #999999;
	padding-left:2px;
	font-style:italic;
	
}

#newsletter-button{
	width : 40px;
	background-color:#ECE9D8;
	border:1px solid #990000;
}

#newsletter-form{
  margin-top: 20px;
  

}


div#nav
{
	position : absolute;
	top :299px;
	left : 0;
	width : 760px;
	line-height : 40px;
	background-image : url(../images/site/nav-bg.jpg);
	background-repeat : no-repeat;
  background-color: #DC0000;
	
	
	
}

#compass-bottom{
  position: absolute;
  top: 41px;
  left: 458px;
  

}

div#main
{
	position : absolute;
	top :339px;
	left : 0;
	width : 760px;	
	background-image : url(../images/site/main-bg.jpg);
	background-repeat : repeat-y;
  background-color: #fff;
}




div#content
{
	width : 752px;
	position : relative;
	margin-left : auto;
	margin-right : auto;	
	text-align : justify;
	clear : both;
	min-height : 500px;
	background-image: url(../images/site/compass-bg.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
	
}

div#content-in{
  width : 720px;
	position : relative;
	margin-left : 12px;

	text-align : justify;
	margin-top : 7px;
	clear : both;
  position: bottom left;
  bottom: 0;
  left: 0;
  text-align: left;
 
}



div#footer
{		
	width : 760px;
	height : 187px;
	background-image : url(../images/site/footer-bg.jpg);
	background-repeat : no-repeat;
	clear : both;	
  text-align: center;
  position: relative;
 
  
	
}

div#footer_in
{
  position: absolute;
  width :720px;
  left: 12px;
  top: 48px;
	text-align : left;
	color : #000;
}

img#footer-logo{
  position: absolute;
  right: -0px;
  top: -8px;
}

img#atec-logo{
  position: absolute;
  right: 190px;
  top: 55px;
  border: none;
}


img#ttnq-logo{
  position: absolute;
  right: 5px;
  top: 60px;
  border: none;
}


#footer_in h3{
  margin-top: 0;
}


#footer_in p{
  margin: 0.2em 0 0.2em 0;
}
div#signature
{
 	position : absolute;
	bottom : -20px;
	left : 0;
	width : 740px;
	height : 20px;	
	text-align : right;
	font-size : 10px;
	color: #fff;
  
}

#signature .left{
  width : 450px;
  
  float: left;
  text-align: left;
  padding-left: 10px;
  color: #fff;
}

#signature .right{
  width : 300px;
  color: #fff;
  
  float: right;
}


div#signature a 
{
	color : #fff;
}

div#signaure a:hover
{
	color : #ccc;
}