/* CSS Document */


body{
background:#f0eeee;
margin:0px;
padding:0px;
font-size:62.5%;
height:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

html{
height:100%;
}

/*
=========================

LAYOUT CONTAINERS

=========================
*/

#wrapper{
margin:0 auto;
width:759px;
height:100%;
background:url(../layoutimages/wrapper_bg.jpg) repeat-y;
}

#main{
background:white;
margin:0 auto;
padding:0px 0 25px 15px;
width:731px;
}

#header{
background:url(../layoutimages/header.jpg) no-repeat white;
margin:0 auto;
margin-bottom:20px;
width:731px;
height:122px;
}

#navigation{
width:175px;
float:left;
}

#content{
margin-left:200px;
width:500px;
min-height:320px;
background:white;
}


#footer{
margin:0px auto;
background:url(../layoutimages/footer.jpg) no-repeat;
width:745px;
height:61px;
}

#bluebar{
margin:0px auto;
width:745px;
height:5px;
background:#0054a6;
z-index:1000;
}

#leftcol{
width:180px;
float:left;
}

#rightcol{
width:280px;
float:left;
padding:0 0 0 20px;
border-left:dotted 1px  #666666;
}

.clear{
clear:both;
}

/*
=========================

NAVIGATION

=========================
*/

#navigation dl{
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:175px;
}

#navigation dt{
color:white;
font-weight:bold;
background:#0054a6;
border-bottom:white 1px solid;
font-size:1.2em;
}

#navigation dd{
margin:0;
color:white;
background:url(../layoutimages/bullet.jpg) no-repeat #0054a6;
border-bottom:white 1px solid;
padding:4px 0 4px 18px;
}

#navigation .top{
width:175px;
height:25px;
background:url(../layoutimages/nav_top.jpg) no-repeat;
border-bottom:white 1px solid;
}

#navigation .footer{
width:175px;
height:25px;
background:url(../layoutimages/nav_footer.jpg) no-repeat;
}

a.home{
display:block;
background:url(../layoutimages/nav_home.jpg) no-repeat;
height:0px;
padding:25px 0 0 0;
overflow:hidden;
}

a.home:hover{
background:url(../layoutimages/nav_home_over.jpg) no-repeat;
}

a.hire{
display:block;
background:url(../layoutimages/nav_hire.jpg) no-repeat;
height:0px;
padding:24px 0 0 0;
overflow:hidden;
}

a.hire:hover{
background:url(../layoutimages/nav_hire_over.jpg) no-repeat;
}

a.contact{
display:block;
background:url(../layoutimages/nav_contact.jpg) no-repeat;
height:0px;
padding:24px 0 0 0;
overflow:hidden;
}

a.contact:hover{
background:url(../layoutimages/nav_contact_over.jpg) no-repeat;
}

a.sub{
font-size:1.1em;
color:white;
text-decoration:none;
}

a.sub:hover{
color:white;
text-decoration:underline;
}

/*
=========================

CONTENT STYLES - text, links, forms, lists

=========================
*/

p{
color:#333333;
font-size:1.1em;
line-height:1.5em;
}

.intro{
color:#ed1c24;
font-size:1.5em;
line-height:1.2em;
}

.warning{
color:#ed1c24;
font-size:1.1em;
line-height:1.5em;
}

.contactform dl{
font-size:1.1em;
}
.contactform dt{
width:70px;
font-weight:bold;
color:#333333;
margin:0px 0 5px 0px;
}

.contactform dd{
width:100px;
margin:-18px 0 5px 70px;
}

.submit{
display:block;
float:left;
border:none;
background:url(../layoutimages/submit_btn.jpg) no-repeat;
width:79px;
cursor:pointer;
height:25px;
padding:25px 0 0 0;
overflow:hidden;
}

textarea{
height:100px;
width:200px;
}

input{
height:15px;
width:200px;
}

.contactdetails dl{
font-size:1.1em;
}

.contactdetails dt{
width:55px;
font-weight:bold;
color:#333333;
margin:0px 0 5px 0px;
}

.contactdetails dd{
width:100px;
margin:-18px 0 5px 55px;
}

.productlist dl{
	margin:0px;
	padding:0px;
	width:150px;
}

.productlist dt{
	margin:0px 0 5px 0;
	padding:0px;
	font-weight:bold;
}

.productlist dd{
	margin:0px 0 3px 0px;
	padding:0px;
}

.imgright{
	position:relative;
	float:right;
	margin:-190px 0px 0px 0;
	padding:0px;
}