body { background-image: none; font-size: 80%; }

div.wrapper {width: 450px; margin: 0 auto;}

div.logo {background-color: #000; width: 100%; height: 100px; border-bottom: 6px solid #08909f;}
.logo h1 {color: #fff; padding-top: 25px; font-size: 1.8em;}
.logo img {float: left; margin-right:5px; width: 90px;}
.logo a, .logo a:link {color: #fff; text-decoration:none;}

article h3{
font-size: 2em;}

/*=classes
------------------------------------------------------------------------*/
.smaller {font-size: 80%; font-weight: normal;}


/*=Navigation
------------------------------------------------------------------------*/
#navbar{
	position: relative;
	background-image:url("../images/navbackg.jpg");
	background-color: #000;
	width: 100%;
	margin-top: -1em;
	z-index: 100;
	height: 80px;	
}

#navbar ul{/* Remove bullets from ul in the navbar */
	list-style-type:none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: .75em;
}
	
#navbar li{/* List items in the navbar */
	position:relative; /* Required for drop-down menus */
	float:left;
	line-height: 1.8em;
	width: auto;}
	
#navbar a,/* Links, unvisited and visited */
#navbar a:link,
#navbar a:visited{
	font-family: Tahoma, Geneva, sans-serif;
	border-right: .1em solid #fff;
	position: relative;
	color:#fff;
	display: block;
	font-size: 1.65em;
	line-height: 1.62em;
	padding: .5em;
	text-decoration:none;
	width: auto;}

 
#navbar a:hover, /* Hover, active, and current page links */
#navbar a:active{
	background-image:url("../images/navbackg3.jpg");
	background-color: #fff;/* Must have background to work in IE6 #CCC*/}
 
#navbar li.current,
#navbar li.current:hover{background: #fff;}


/*=slide divs on index page
------------------------------------------------------------------------*/
div.display {display: none;}
div.displaymed {display: none;}
div.displaysmall {display: block;
background-image:url("../images/mobile.jpg");
height: 150px;
width: 100%}

/* divs on index page */
div.leftbox {
width: 450px;
margin: 0px 0px 15px 0;
height: 150px;
}

.leftbox p {
font-size: 2em;
font-weight: bold;
}

div.rightbox {
padding: 0px 0px 0px 0px;
margin: 15px 0px 15px 0px;
height: 150px;
}

.rightbox p {
font-size: 2em;}

.rightbox img {
float: right;
width: 8em;
}
/*=Promo
------------------------------------------------------------------------*/ 
promo {
float: none;
padding: 0 15px;
}

promo p {font-size: 1.2em; margin-top: -.5em;}

.graphic1 {
display: none;
}

/*=Form 
------------------------------------------------------------------------*/ 
imput.button {
width:100px;
position:absolute;
right:20px;
bottom:20px;
background:#FF0000;
color:#fff;
font-family: Tahoma, Geneva, sans-serif;
height:30px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border: 4px solid #999;
}
input.button:hover {
background:#fff;
color:#09C;
}

textarea:focus, input:focus {
border: 1px solid #09C;
font-family: Tahoma, Geneva, sans-serif;
font-size: 1.1em;
}

input    {
width:285px;
display:block;
border: 1px solid #999;
height: 25px;
font-size: 1.1em;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

div.form    {
float: none;
background: #edefd9;
margin: 1em auto;
position:relative;
width:300px;
height:500px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 1.35em;
font-style: italic;
line-height: 24px;
font-weight: bold;
color: #08909f;
text-decoration: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:10px;
border: inset 1px #333;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
.form h1{ font-size: 1.1em; font-style: normal; color: #000;}

textarea#feedback {
width:200px;
height:150px;

}

textarea.message {display: none;}

/*=Main div
------------------------------------------------------------------------*/ 
div.main {
width: 310px;
display: block;
border: 3px solid #08909f;
background-color: #fff;
padding: 0 1.5em;
}
.main p {font-size: 1.35em;}
.main h1{ font-size: 2em;}

.main h2 {font-size: 1.75em;}

/*=Column divs on client list page
------------------------------------------------------------------------*/ 
div.cl1 {
float: left;
margin-right: 4em;
margin-top: -.6em;
}
.cl1 p{
font-size: .9em;
line-height: 1.2em;
margin: 0px;
}

.cl1 h2{
font-size: 1.2em;
margin:.5em 0 0 0;}

div.cl2 {
}
.cl2 p{
font-size: .9em;
line-height: 1.2em;
margin: 0px;
}

.cl2 h2{
font-size: 1.2em;
margin:.5em 0 0 0;}

div.cl3 {
display: none;
}

/*=Footer
------------------------------------------------------------------------*/ 
.footer {clear: both;}
.footer p {
font-weight: normal;
font-size: 1em;
text-align: right;
}