@charset "UTF-8";
/* CSS Document */

/*styles the main divs and background structure------------------------------------------------------*/
body {
background-color: #a19789;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
}

#logo {
height: 110px;
background: url(../images/smgLogo.png);
background-repeat: no-repeat;
}

#logoPrint {
display: none;
}

a#home {
position: absolute;
height: 70px;
width: 140px;
top: 20px;
left: 30px;
text-decoration: none;
}

a#home i {
visibility: hidden;
}

#menuh-container {
background-color: #b2d235;
border-top: solid 1px white;
padding: 0px 0px 0px 0px;
border-bottom: solid 1px white;
font-size: 14px;
color: #FFFFFF;
width: 100%;
position: absolute;		
top: 110px;
left: 0;
}

#container {
background-color: #d0cbc4;
}

#mainContent {
background-color: #f8f7f6;
margin: 30px 0px 0px 30px;
width: 900px;
}

#rights {
height: 20px;
background-color: #e5f0ba;
padding: 5px 0px 0px;
}

.bc {
height: 76px;
background: url(../images/bcImage.png) right no-repeat #D45633;
}

.wc {
height: 76px;
background: url(../images/wcImage.png) right no-repeat #ffc132;
}

.em {
height: 76px;
background: #36b4d4;
}

.green {
height: 76px;
background: #dceaa2;
}

.rule {
background-color: #b2d235;
height: 2px;
margin: 0px 30px;
padding: 0;
clear: both;
}

.wcrule {
background-color: #ffc132;
height: 2px;
margin: 0px 30px;
padding: 0;
clear: both;
}

.bcrule {
background-color: #D45633;
height: 2px;
margin: 0px 30px;
padding: 0;
clear: both;
}

.emrule {
background-color: #36b4d4;
height: 2px;
margin: 0px 30px;
padding: 0;
clear: both;
}

.clearer {
clear: both;
height: 20px;
}

#pageBreakPrint {
display: none;
}

/*styles images on home page---------------------------------------------------------------------------*/
#imageContainer {
width: 100%;
height: 170px;
margin: 0 0 30px 0;
}

#imageOne {
background: url(../images/imageOne.jpg);
width: 235px;
height: 170px; 
float: left;
}

#imageTwo {
background: url(../images/imageTwo.jpg);
width: 153px;
height: 170px; 
float: left;
}

#imageThree {
background: url(../images/imageThree.jpg);
width: 207px;
height: 170px; 
float: left;
}

#imageFour {
background: url(../images/imageFour.jpg);
width: 130px;
height: 170px; 
float: left;
}

#imageFive {
background: url(../images/imageFive.jpg);
width: 175px;
height: 170px; 
float: left;
}


/* Styles paragraphs and content------------------------------------------------------------------------*/
h1 {
color: #FFFFFF;
font-size: 24px;
padding: 37px 0 10px 20px;
display: block;
}

h2 {
color: #a19789;
font-size: 16px;
margin: 15px 0 0 30px;
padding: 0;
}

h3 {
color: #b2d235;
font-size: 16px;
margin: 15px 0 10px 30px;
padding: 0;
clear: left;
}

h3.wcHead {
color: #ffc132;
font-size: 16px;
margin: 15px 0 0 30px;
padding: 0;
}

h3.bcHead {
color: #D45633;
font-size: 16px;
margin: 15px 0 0 30px;
padding: 0;
}

h3.emHead {
color: #36b4d4;
font-size: 16px;
margin: 15px 0 0 30px;
padding: 0;
}

h4 {
color: #b2d235;
font-size: 14px;
margin: 15px 0 0px 30px;
padding: 0;
}

a:link, a:visited, a:active {
color: #b2d235; 
text-decoration: none;
}

a:hover {
color: #dceaa2;
}

#mainContent ol li{
color: #a19789;
font-size: 14px;
font-weight: bold;
margin: 15px 100px 0 10px;
line-height: 18px;
}

span.answer {
font-weight: normal;
margin: 0;
}

#mainContent ul {
float: left;
margin: 0 0 15px 0;
padding: 0;
}

#mainContent ul li {
color: #a19789;
font-size: 14px;
margin: 0 0 0 50px;
padding: 0;
line-height: 18px;
width: 300px;
}

#mainContent li.companies {
list-style: none;
margin: 0 0 0 30px;
width: auto;
}

#mainContent li.first {
color: #ffc132;
font-size: 16px;
list-style: none;
margin: 0 0 0 30px;
padding: 0;
}

#mainContent li.second {
color: #36b4d4;
font-size: 16px;
list-style: none;
margin: 0 0 0 30px;
padding: 0;
}

#mainContent li.third {
color: #b2d235;
font-size: 16px;
list-style: none;
margin: 0 0 0 30px;
padding: 0;
}

#mainContent p {
margin: 0;
padding: 0px 50px 10px 30px;
color: #a19789;
font-size: 14px;
line-height: 18px;
}

#mainContent p.home {
padding: 0px 150px 10px 30px;
clear: left;
}

#rights p {
color: #a19789;
font-size: 11px;
margin: 0;
padding: 0px 0px 0px 550px;
}

.logo {
padding: 0px 10px 10px 0px;
float: left;
clear: left;
border: none;
}

.logoPrint {
display: none;
}

.screenshot {
float: left;
width: 170px;
margin: 10px 0 20px 30px;
}

.wcClient {
float: left;
width: 100px;
margin: 10px 0 0 30px;
border: none;
}

/*styles the log in form---------------------------------------------------------------------------------*/

#login {
height: 100px;
width: 430px;
float: right;
padding: 40px 0 0;
position: absolute;
left: 500px;
}

input {
color: #ffffff;
background-color: #a19789;
border-left: solid 1px #c1bab1;
border-right: solid 1px #c1bab1;
border-bottom: none;
border-top: none;
margin: 0 0 0 5px;
}

#go_button {
border: none;
}

select {
color: #ffffff;
background-color: #a19789;
border: none;
}

fieldset {
margin: 0;
border: 0;
padding: 0;
}

/*styles the contact form-------------------------------------------------------------------------------*/

.contactFormContainer {
float: left;
width: 275px;
}

#contactForm {
text-align: right;
margin: 0;
padding: 0;
}

#submit {
background-color: #b2d235;
}

#mainContent p.name {
color: #b2d235;
font-size: 14px;
margin: 5px 0 0 30px;
padding: 0;
}

#mainContent p.number {
font-size: 12px;
margin: 0 0 0 30px;
padding: 0;
}

.contactField {
background-color: #FFFFFF;
border: solid 1px #b2d235;
margin: 0 0 5px 30px;
padding: 0;
width: 245px;
overflow: auto;
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

/*styles dropdown menu ----------------------------------------------------------------------------------*/

#menuh
	{
	float:left;
	margin: 0;
	border-right: solid 1px white;
	padding: 0 0 0 30px;
	}
		
#menuh a
	{
	text-align: left;
	display:block;
	border-left: 1px solid #fff;
	white-space:nowrap;
	margin:0;
	padding: 6px 8px;
	}
	
#menuh a.lower {
	border-top: solid 1px white;
	border-right: solid 1px white;
	min-width: 110px;
	}
	
#menuh a.bottom {
	border-top: solid 1px white;
	border-right: solid 1px white;
	border-bottom: solid 1px white;
	min-width: 110px;
	}	
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: white;
	background-color: #b2d235;
	text-decoration:none;
	}
	
#menuh a:hover	/* menu at mouse-over  */
	{
	color: white;
	background-color: #e5f0ba;
	text-decoration:none;
	}	

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	/*width:9em;	/* width of all menu boxes */
	}

#menuh li
	{
	position:relative;
    min-height: 1px; 			/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/*end nav bar-------------------------------------------------------------------------------------------------------*/