/* CSS Document */


/* sosservicesuk.com */
/* css/styles.css */
/* author: Renato Mattos */



body{
	margin: 0px;
	padding: 0px; /* need for Opera */
	min-width: 740px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	}
	

a:link, a:active, a:visited {
 	color: #669933;
	text-decoration: none;
	background-color:#FFFFFF }

a:hover {
	color: #B3C2B3;
	text-decoration: none;
	background-color:#FFFFFF }
	
#wrapper {
	text-align: left;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-size: 90%;
	padding: 0px;
	}

#main{
	width: 100%; 
	background-color:#FFFFFF}


#keyboard{
	position: absolute;
/*	top: -1000px;
	left: -1000px;
*/	width: 0px;
	height: 0px;
	overflow: hidden;}

	
/* ----------------- (Content Editable) ----------------- */
#content {
	font-size: 90%;
	color: #333333;
	padding: 0px 20px 0px 0px;
	background-color:#FFFFFF }

#content a:link, a:active, a:visited {
 	color: #999900;
	text-decoration: none;
	background-color:#FFFFFF }

#content a:hover {
	color: #B3C2B3;
	text-decoration: none;
	background-color:#FFFFFF }

#content p {
    line-height: 1.4em;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	}


#content h1{
	padding: 30px 0px 0px 0px;
	font-size: 150%;
	color: #666600;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF }

#content h2 {
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	color: #666600;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	font-family: Verdana, Arial, Sans-serif;
	background-color:#FFFFFF }

#content h3 {
	padding: 0px 0px 0px 0px;
	margin: 30px 0px 0px 0px;
	color: #999900;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	font-family: Verdana, Arial, Sans-serif;
	background-color:#FFFFFF }

#content h4 {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	color: #999900;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	font-family: Verdana, Arial, Sans-serif;
	background-color: #FFFFFF;
	}


#content h5 {
	padding: 0px 0px 10px 0px;
	margin: 30px 0px 0px 0px;
	color: #999900;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	font-family: Verdana, Arial, Sans-serif;
	background-color: #FFFFFF;
	}


#content h6 {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	color: #999900;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	font-family: Verdana, Arial, Sans-serif;
	background-color: #FFFFFF;
	}


#content ul{
	margin: 10px 0px 30px 20px;
	padding: 0px 0px 0px 0px;
	font-size: 100%;
	text-align: left;
	background: url(../images/square.gif) no-repeat 0px 3px;
	}



#content li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	font-size: 100%;
	text-align: left;
	list-style: none;
	line-height: 1.4em;
	background: url(../images/square.gif) no-repeat 0px 3px;
	}


#content ul li a:link, ul li a:active, ul li a:visited {
 	color: #333333;
	text-decoration: none;
	background-color:#FFFFFF }

#content ul li a:hover {
	color: #B3C2B3;
	text-decoration: none;
	background-color:#FFFFFF }


#content h6 a:link, h6 a:active, h6 a:visited {
 	color: #999900;
	text-decoration: none;
	background-color:#FFFFFF }

#content h6 a:hover {
	color: #999900;
	text-decoration: none;
	background-color:#FFFFFF }


	
/* ----------------- (link Gray- 2) ----------------- */
#content ol li.linkGray {
	color: #333333; list-style: decimal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
	background-image: none; background-color:#FFFFFF; 
	}

#content ol li.linkGray a:link, #content ol li.linkGray a:active, #content ol li.linkGray a:visited {
 	color: #333333; text-decoration: none; background-color:#FFFFFF 
	}
	
#content ol li.linkGray a:hover {
	color: #B3C2B3; text-decoration: none; background-color:#FFFFFF 
	}

	
/* ----------------- (Back to Top) ----------------- */
.backtotop {
	text-align: right;
	}

/* ----------------- (image border) ----------------- */
.image{
	border-collapse:collapse;
	text-align: center;
	vertical-align: middle;}

.border{
	border: 1px solid #EFEFEF;}
	


/* ----------------- (side Info Left Box) ---------------------- */
/* (side Info Mammal) */
#sideInfoMammal{
	float:left; width:160px; max-width:160px; height:170px; margin:0px 0px 10px 20px; display:inline; 
	background-image:url(../images/info_mammal.jpg); background-position:0px 0px; background-repeat:no-repeat;
	}

#sideInfoHeader{
	font-size: 90%;	color: #336633;	font-weight: bold; clear:none; float:left; text-align: left; display:inline;
	margin: 3px 20px 3px 20px; background-color:#FFFFFF }

#sideText{
	font-size: 90%; color: #333333; text-align: left; margin: 25px 20px 0px 20px; background-color:#FFFFFF 
	}

/* (side Info Birds) */
#sideInfoBirds{
	float:left; width:190px; max-width:190px; height:250px; margin:0px 0px 0px 00px; display:inline; 
	background-image:url(../images/info_birds.jpg); background-position:0px 0px; background-repeat:no-repeat; 
	}

#sideBirdsHeader{
	font-size: 90%;	color: #336633;	font-weight: bold; clear:none; float:left; text-align: left;
	display:inline; margin: 3px 20px 3px 15px; background-color:#FFFFFF 
	}

#sideBirdsText{
	font-size: 90%;	color: #333333;	text-align: left; margin: 25px 20px 0px 15px; background-color:#FFFFFF 
	}

/* (side Info Insects) */
#sideInfoInsects{
	float:left; width:190px; max-width:190px; height:250px; margin:0px 0px 0px 00px; display:inline; 
	background-image:url(../images/info_insects.jpg); background-position:0px 0px; background-repeat:no-repeat;	
	}
	
#sideInsectsHeader{
	font-size: 90%;	color: #336633;	font-weight: bold; clear:none; float:left; text-align: left; display:inline;
	margin: 3px 20px 3px 15px; background-color:#FFFFFF 
	}

#sideInsectsText{
	font-size: 90%; color: #333333;	text-align: left; margin: 25px 20px 0px 15px; background-color:#FFFFFF 
	}

/* (side Info Hygiene) */
#sideInfoHygiene{
	float:left; width:190px; max-width:190px; height:260px; margin:0px 0px 0px 00px; display:inline; 
	background-image:url(../images/info_hygiene.jpg); background-position:0px 0px; background-repeat:no-repeat; 
	}

#sideHygieneHeader{
	font-size: 90%;	color: #336633;	font-weight: bold; clear:none; float:left; text-align: left;
	display:inline; margin: 3px 20px 3px 15px; background-color:#FFFFFF 
	}

#sideHygieneText{
	font-size: 90%;	color: #333333;	text-align: left; margin: 25px 20px 0px 15px; background-color:#FFFFFF 
	}
	
	
/* (side Info Graffiti) */
#sideInfoGraffiti{
	float:left; width:190px; max-width:190px; height:250px; margin:0px 0px 0px 00px; display:inline; 
	background-image:url(../images/info_graffiti.jpg); background-position:0px 0px; background-repeat:no-repeat;	
	}
	
#sideGraffitiHeader{
	font-size: 90%;	color: #336633;	font-weight: bold; clear:none; float:left; text-align: left; display:inline;
	margin: 3px 20px 3px 15px; background-color:#FFFFFF 
	}

#sideGraffitiText{
	font-size: 90%; color: #333333;	text-align: left; margin: 25px 20px 0px 15px; background-color:#FFFFFF 
	}

/* (side Info Rubbish) */
#sideInfoRubbish{
	float:left; width:190px; max-width:190px; height:250px; margin:0px 0px 0px 00px; display:inline; 
	background-image:url(../images/info_rubbish.jpg); background-position:0px 0px; background-repeat:no-repeat;	
	}
	
#sideRubbishHeader{
	font-size: 90%;	color: #336633;	font-weight: bold; clear:none; float:left; text-align: left; display:inline;
	margin: 3px 20px 3px 15px; background-color:#FFFFFF 
	}

#sideRubbishText{
	font-size: 90%; color: #333333;	text-align: left; margin: 25px 20px 0px 15px; background-color:#FFFFFF 
	}

/* ----------------- (contact Form) ---------------------- */

#contentForm {
	font-size: 90%;
	color: #333333;
	padding: 0px 20px 0px 0px;
	background-color:#FFFFFF }

#contentForm a:link, a:active, a:visited {
 	color: #999900;
	text-decoration: none;
	background-color:#FFFFFF }

#contentForm a:hover {
	color: #B3C2B3;
	text-decoration: none;
	background-color:#FFFFFF }

#contentForm p {
    line-height: 1.4em;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 70px;
	}

#contentForm h1{
	padding: 30px 0px 0px 0px;
	font-size: 150%;
	color: #666600;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF }
	
#contentForm h2 {
	padding: 0px 0px 10px 0px;
	margin: 30px 0px 0px 70px;
	color: #333333;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	font-family: Verdana, Arial, Sans-serif;
	background-color: #FFFFFF;
	}
	
#contentForm .formtab{
 	font-family: Verdana, Arial, Sans-serif;
 	font-size: 90%;
	color: #333333;
	background: #FFFFFF;}