/* Reset
-------------------------------------------------------------- */

*{
	margin:0;
	padding:0;
}

/* Structural Elements
-------------------------------------------------------------- */
html, body {height: 100%;}

html {
background-color: #4e4c4c;
color: white;
font-size: 100%;
}

body {
text-align: center;
font-family: helvetica, verdana, arial;
}

#wrap {
min-height: 100%;
position:relative;
margin-bottom:-40px;}

.container {
width: 900px;
text-align: left;
margin: 0 auto;
position: relative;
}
.container2 {
width: 1024px;
text-align: left;
margin: 0 auto;
position: relative;
}

#header {
padding: 15px 0;
height: 50px;
background-color:#313342;
}

#image {
width: 100%;
height:234px;
background-image:url(mainbg5.jpg);
background-repeat: repeat-x;
background-position: 50% 0%; 
background-color: #313342;
border-bottom: 1px solid #666;
}

#image2 {
width: 100%;
height:445px;
background-image:url(whyewcbg.jpg);
background-repeat: repeat-x;
background-position: 50% 0%; 
background-color: #313342;
border-bottom: 1px solid #666;
}

#image3 {
width: 100%;
height:445px;
background-image:url(aboutbg.jpg);
background-repeat: repeat-x;
background-position: 50% 0%; 
background-color: #313342;
border-bottom: 1px solid #666;
}

#content {

padding: 35px 0px 50px 0px;
}


.leftsmallcol, .midsmallcol, .rightsmallcol {

width: 260px;
float: left;
padding-right: 55px;
}

.rightsmallcol {
padding-right: 0px;
background-color: #666;
background-image:url(bottom.jpg);
background-position: bottom; background-repeat: no-repeat
}


.medcol{
width: 520px;
float: left;
padding-right: 55px;
}

.clearfooter {
   height:40px;
   clear: both;
}

#footer {position: relative;
	height: 40px;
border-top: 1px dotted grey;
} 

/* Minor Elements
-------------------------------------------------------------- */

img {
	border: none;
float: left;
}


p {
padding: 10px 0px 10px 10px;
opacity: 0.99;
line-height: 1.5em;
font-size: 0.7em;
}

a:link {text-decoration: none; color:#C0C0C0;}
a:visited {text-decoration: none; color:#C0C0C0;}
a:active {text-decoration: none; color:#C0C0C0;}
a:hover {color: #55a4fe; opacity: 1}

.midsmallcol ul, .rightsmallcol ul {
padding-top: 10px;
padding-left: 8px;
list-style-image: url(tick.png);
opacity: 0.99;
}

#nav ul {
padding-top:0px;
	list-style: none;
}


#nav li {
display: inline;
padding-left: 25px;
}

#nav {
float: right;

}

#header h1 {
background-image:url(title.png);
background-repeat: no-repeat;
text-indent: -9999px;
overflow:hidden;
width: 533px;
height: 69px;
}

h2{
border-bottom: 1px dashed grey;
margin-bottom: 6px;
}

h3{
padding: 5px 0px 5px 10px;
font-size: 0.75em;
width: 250px;
height: 15px;
background-color: #333;
font-family: Georgia, "Times New Roman", serif
}

h4 {font-size: 14px;}

#footer p {
padding-top: 10px;
width: 900px;
margin: 0 auto;
text-align: right;
font-size: 10px;
}

