/* CSS Document */
html { height: 100%; margin-bottom: 1px; }  /* Forces vert scrollbar on all pages*/

body 
{
	margin: 0 0 0 0;
	height: 100%;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	text-align: center; /*this will center ALL items on the page in IE but only text in Moz etc.*/
	font-family:  Arial, Helvetica, Tahoma, Verdana,  sans-serif;
	background-color: #000000;
	}

p
{
padding: 0;
margin: 0;
}

#container
{
	width: 760px; /*An auto centering layer, width must be assigned*/
	height: auto;
	text-align: left;/*text align must be declared in all items due to 'text-align: center;' being in the body tag*/
	position:relative;
	float: left;
}

#homeheader
{
width: 760px;
height: 145px;
float: left;
background: url(images/home_strip.jpg) top left no-repeat;
}

#nav
{
width: 760px;
height: 20px;
float: left;
margin-top: 10px;
}

#nav a
{
float: left;
margin-right: 1px;
}

#leftcontainer
{
width: 360px;
height: auto;
float: left;
margin-top: 50px;
}

#rightcontainer
{
width: 395px;
height: auto;
float: left;
margin-top: 65px;
}

h1
{
margin: 0;
padding: 0;
}

h2
{
margin: 0;
padding: 0;
}

.homeh1
{
font-size: 20px;
color: #CD1C25;
margin-bottom: 10px;
font-weight: normal;
}

.redtext
{
font-size: 13px;
color: #CD1C25;
margin: 35px 0 20px 0;
}

.whitetext
{
font-size: 13px;
color: #ffffff;
margin: 10px 0 10px 0;
line-height: 17px;
}

#footer
{
width: 760px;
height: 30px;
float: left;
border-top: 2px dotted #CCCCCC;
margin-top: 10px;
color: #FFFFFF;
font-size: 13px;
line-height: 30px;
}

.redfooter
{
text-decoration: none;
color: #CD1C25;
font-size: 13px;
}

.redfooter a
{
text-decoration: none;
color: #CD1C25;
}

#saladbottom
{
width: 760px;
height: 30px;
float: left;
border-top: 2px dotted #CCCCCC;
margin-top: 10px;
color: #FFFFFF;
font-size: 13px;
line-height: 30px;
}

.saladlink
{
text-decoration: none;
color: #FFFFFF;
font-size: 11px;
}

/* -------- Products -------- */

#productheader
{
width: 760px;
height: 145px;
float: left;
background: url(images/products_strip.jpg) top left no-repeat;
}

.productsh1
{
font-size: 20px;
color: #7D2678;
margin-bottom: 10px;
font-weight: normal;
}

.purplefooter
{
text-decoration: none;
color: #7D2678;
font-size: 13px;
}

.purplefooter a
{
text-decoration: none;
color: #7D2678;
}

.whiteul
{
color: #FFFFFF;
font-size: 13px;
margin: 0 0 0 15px;
padding: 0;
}

.whiteul-li
{
margin: 5px 0 5px 0;
}

/* -------- Gallery -------- */

#galleryheader
{
width: 760px;
height: 145px;
float: left;
background: url(images/gallery_strip.jpg) top left no-repeat;
}

#galleftcontainer
{
width: 455px;
height: auto;
float: left;
margin-top: 50px;
}

#galleftcontainer img
{
margin-bottom: 5px;

}

#galrightcontainer
{
width: 250px;
height: auto;
float: left;
margin: 50px 0 0 50px;
}

.galleryh1
{
font-size: 20px;
color: #0083C6;
margin-top: 10px;
margin-bottom: 10px;
font-weight: normal;
}

.bluefooter
{
text-decoration: none;
color: #0083C6;
font-size: 13px;
}

.bluefooter a
{
text-decoration: none;
color: #0083C6;
}

.galbluetext
{
font-size: 14px;
color: #0083C6;
}

.galbluetext a
{
text-decoration: none;
font-size: 14px;
color: #0083C6;
margin-right: 10px
}

.galwhitetext
{
font-size: 14px;
color: #ffffff;
}

.galwhitetext a
{
text-decoration: none;
font-size: 14px;
color: #ffffff;
margin-right: 10px
}

.galh2
{
font-size: 16px;
color: #0083C6;
margin: 50px 0 10px 0;
}

.galwhitetextnoh
{
font-size: 13px;
color: #ffffff;
margin: 30px 0 10px 0;
}

/* -------- Client -------- */

#clientheader
{
width: 760px;
height: 145px;
float: left;
background: url(images/client_strip.jpg) top left no-repeat;
}

.clienth1
{
font-size: 20px;
color: #E18B25;
margin-bottom: 10px;
font-weight: normal;
}

.orangefooter
{
text-decoration: none;
color: #E18B25;
font-size: 13px;
}

.orangefooter a
{
text-decoration: none;
color: #E18B25;
}

.galul
{
color: #E18B25;
font-size: 13px;
margin: 0 0 0 15px;
padding: 0;
}

.galul-li
{
margin: 5px 0 5px 0;
}



/* -------- Contact -------- */

#contactheader
{
width: 760px;
height: 145px;
float: left;
background: url(images/contact_strip.jpg) top left no-repeat;
}

.contactwhitetext
{
font-size: 13px;
color: #ffffff;
}


.contacth1
{
font-size: 20px;
color: #42A29F;
margin-bottom: 10px;
font-weight: normal;
}

.greenfooter
{
text-decoration: none;
color: #42A29F;
font-size: 13px;
}

.greenfooter a
{
text-decoration: none;
color: #E18B25;
}