/* CSS Document */
/* Created by Annette C. and Romina M. on April 13, 2005*/
/* Modified by Juan Schwartz on July 7, 2005 */

body 
{
   background-color:#222222;
   font-size:11px;
   font-family: Tahoma;
}

/* Divs ///////////////////////////////////////////// */
/* Main structure of page */

.container
{
    position: absolute;
    left: 50%;
    width: 780px;
    top: 10px;
    margin-left: -390px;
    background-color: #ffffff;
}

/* All divs lie in the container div /////////////// */
/* Header for the gba sitte */
.indexPic
{
    position: absolute;
    height: 502px;
    width: 780px;
    left: 0px;
    top: 0px;
    background-image: url(pics/index.jpg);
    z-index: 2;
    border: 2px solid #ffffff;
}

.aboutHeader
{
    position: absolute;
    height: 175px;
    width: 780px;
    top: 2px;
    left: 2px;
    background-image: url(pics/about.jpg);
    z-index: 2;
}

.newsHeader
{
    position: absolute;
    height: 175px;
    width: 780px;
    top: 2px;
    left: 2px;
    background-image: url(pics/news.jpg);
    z-index: 2;
}

.quoteHeader
{
    position: absolute;
    height: 175px;
    width: 780px;
    top: 2px;
    left: 2px;
    background-image: url(pics/quoteHeader.jpg);
    z-index: 2;
}

.productsHeader
{
    position: absolute;
    height: 175px;
    width: 780px;
    top: 2px;
    left: 2px;
    background-image: url(pics/products.jpg);
    z-index: 2;
}

.contactHeader
{
    position: absolute;
    height: 175px;
    width: 780px;
    top: 2px;
    left: 2px;
    background-image: url(pics/contact.jpg);
    z-index: 2;
}

.adminHeader
{
    position: absolute;
    height: 175px;
    width: 780px;
    top: 2px;
    left: 2px;
    background-image: url(pics/admin.jpg);
    z-index: 2;
}

.body1
{
    background-color: #ffffff;
    position: absolute;
    width: 784px;
    height: 900px;
    top: 0px;
}

.body2
{
    background-color: #ffffff;
    position: absolute;
    width: 784px;
    height: 720px;
    top: 0px;
}


.body3
{
    background-color: #ffffff;
    position: absolute;
    width: 784px;
    height: 1100px;
    top: 0px;
}

.johnholmes
{
    background-color: #ffffff;
    position: absolute;
    width: 784px;
    height: 3020px;
    top: 0px;
}

.bodyReps
{
    background-color: #ffffff;
    position: absolute;
    width: 784px;
    height: 3100px;
    top: 0px;
}

/* Main Navigation on site */
.logo
{
    position: absolute;
    width: 100px;
    height: 100px;
    left: 30px;
    top: 25px;
    z-index: 3;
}

.nav
{
    position: absolute;
    width: 80px;
    height: 100px;
    left: 124px;
    top: 25px;
    z-index: 4;
}

/* side navigation on products and contact pages */
.nav2
{
    position: absolute;
    width: 106px;
    left: 18px;
    top: 190px;
    z-index: 3;
    line-height: 1.5em;
    border-right: 1px solid #cccccc;
}

/* iso 9001 logo on index page*/
.iso
{
    position: absolute;
    width: 91px;
    height: 40px;
    left: 648px;
    top: 312px;
    background-image: url(pics/iso.jpg);
    z-index: 3;
    border: 1px solid #cccccc;
}

/* jas logo on index page*/
.jas
{
    position: absolute;
    width: 40px;
    height: 40px;
    left: 597px;
    top: 312px;
    background-image: url(pics/jas.jpg);
    z-index: 3;
    border: 1px solid #cccccc;
}

.content
{
    position: absolute;
    width: 630px;
    z-index: 3;
    left: 143px;
    top: 190px;
}

.content2
{
    position: absolute;
    width: 640px;
    z-index: 3;
    left: 130px;
    top: 190px;
}

/* houston office address on index page */
.offices
{
    position: absolute;
    width: 400px;
    z-index: 4;
    left: 25px;
    top: 430px;
    color: #ffffff;
    font-size: 12px;
    line-height: 1.5em;
}

/* 2 news stories on index page */
.indexNews
{
    position: absolute;
    width: 300px;
    height: 100px;
    z-index: 4;
    left: 450px;
    top: 370px;
    color: #ffffff;
    font-size: 12px;
    line-height: 1.5em;
}

/* 2 news stories on index page */
.quote
{
    position: absolute;
    width: 300px;
    z-index: 4;
    left: 450px;
    top: 290px;
    color: #000000;
    font-size: 12px;
    line-height: 1.5em;
}

/* 2 news stories on index page */
.quoteTitle
{
    position: absolute;
    width: 300px;
    z-index: 4;
    left: 450px;
    top: 262px;
    color: #ffffff;
    font-size: 12px;
}
 
/* Page extras, logo, title... /////////////// */
.news
{
    float: left; 
    width: 95%;	
    position: relative;
    margin: 8px 5px 5px 5px;
    padding: 5px;
    border: 1px solid #cccccc;
}

.products
{	
    position: relative;
    margin: 4px 4px 4px 8px;
    padding: 4px;
    border: 1px solid #cccccc;
}

.productsSmall
{
   float: left; 
    width: 310px;
    height: 70px;	
    position: relative;
    margin: 4px 4px 4px 8px;
    padding: 4px;
    border: 1px solid #cccccc;
}

.productsRight
{
    float: right; 
    width: 310px;	
    height: 105px;
    position: relative;
    margin: 4px 4px 4px 8px;
    padding: 4px;
    border: 1px solid #cccccc;
}

/* On page divs ///////////////////////////////// */
.loginContent
{
    width: 200px;
    height: 200px;
    left: 600px;
    top: 35px;
    position: relative;
}

.browse
{
    width: 600px;
    height: 200px;
    left: 100px;
    top: 135px;
    position: absolute;
}

.city
{
    width: 400px;
    height: 200px;
    left: 0px;
    top: 20px;
    position: absolute;
}

.rightBox
{
	float: right; 
	border: 1px solid #cccccc;
	width: 206px;
	padding: 8px;
	margin:0 0 15px 20px;
}

.rightBox2
{
	position: relative;
	top: 250px;
	left: 392px;
	border: 1px solid #cccccc;
	width: 206px;
	padding: 8px;
	margin:0 0 15px 20px;
}

.photoNav
{
	float: right; 
	border: 1px solid #cccccc;
	width: 160px;
	padding: 8px;
	margin:0 0 5px 5px;
}

.right
{
	float: right; 
	border: medium  solid #cccccc;
}


.left
{
	float: left; 
	margin: 1px 10px 1px 1px;
	border: 1px solid #cccccc;
	padding: 8px;
}


.rightPic
{
	float: right; 
	border: medium solid #cccccc;
	padding: 1px;
	margin:0 0 15px 10px;
}

.leftPic
{
	float: left; 
	border: medium solid #cccccc;
	padding: 1px;
	margin: 5px 5px 2px 0;
}

.profile
{
	width: 600px;
	height: 200px;
	left: 100px;
	top: 135px;
	position: absolute;
}

.box
{
	border: 1px solid #cccccc;
        height: 130px;
	padding: 10px;
	margin:0;
}

/* Links ///////////////////////////////////////////// */
a:Link
{ 
	color:#cc6633;
	font-style: inherit;
	text-decoration: none;
}

a:hover
{
	color: #cc3333;
	font-style: inherit;
	text-decoration: underline;
}

a:visited
{
	color: #cc6633;
	font-style:inherit;
	text-decoration: none;
}

a:active
{
	color: #cc3333;
	font-style:inherit;
	text-decoration: none;
}

.nav a:Link
{ 
	color: #cc3333;
	font-style: inherit;
	font-size: 12px;
	text-decoration: none;
}

.nav a:hover
{
	color: #cc6633;
	font-style: inherit;
	font-size: 12px;
	text-decoration: underline;
}

.nav a:visited
{
	color: #cc3333;
	font-style:inherit;
	text-decoration: none;
}

.nav a:active
{
	color: #cc6633;
	font-style:inherit;
	text-decoration: none;
}

/* tables & Headings ////////////////////// */
table
{
	font-size:11px;
	line-height: 1.2em;
	vertical-align: top;
}

td
{
    padding: 2px;
}

h1
{
	font-size:14px;
	color:#cc3333;
}

h2
{
	font-size:12px;
	color:#cc6633;
}

h3
{
	font-size:11px;
}

input
{
	font-size:10px;
}

p
{
	line-height: 1.5em;
        font-size: 12px;
}

hr 
{
	border: 1px dotted #cccccc;
}

.border
{
	border: medium solid #cccccc;
}

i.red
{
	color: #FF0000;
}

.caption
{
        font-size: 11px;
	color:#666666;
        line-height: 1em;
}

.navSmall
{
        font-size: 11px;
	color:#333333;
        line-height: 1em;
}

.center
{
	text-align: center;
}

.indent
{
	text-indent: 2em;
}

.pushit
{
	text-indent: 10em;
}

.boobs
{
	text-align: justify;
}

.display
{
	background-color: #ffffff;
}