/*-----------------------------------------------------*/
/* Document:       mosquitomadness.css                 */
/* Version:        1.0                                 */
/* Authors:        Carla                               */
/* Creation-Date:  12.11.2007                          */
/*-----------------------------------------------------*/

/***********************************************/
/* HTML STYLES                                 */
/***********************************************/ 

body {
	margin: 0px; padding: 0px;
	background-color: #80803a;
	background-image: url(images/background.jpg);
	background-repeat: repeat;
	}

body, div, table, td, th, li, p {
	font-family: verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	}
	
a {
	color: #5d4a2a;
	text-decoration: none;
	}

a:visited {
	color: #5d4a2a;
	text-decoration: none;
	}

a:hover {
	color: #5d4a2a;
	text-decoration: underline;
	}

h1 {
	font-family: verdana, sans-serif;
	font-size: 24px; font-weight: bold;
	color: #fffec8;
	margin: 0px;
	}

h2 {
	font-family: verdana, sans-serif;
	font-size: 18px; font-weight: bold;
	color: #fffec8;
	margin: 0px;
	}	
/***********************************************/
/* LAYOUT CLASSES                              */
/***********************************************/

#master {
	position: relative;
	margin-left: auto; 
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 770px;	
	}
	
#main {
	position: relative;
	text-align: left;
	border: solid 1px #ccc;
	}
		
#inside {
	background-image: url(images/bg.jpg);
	background-repeat:no-repeat;
	width: 500px;
	height: 500px;
	/*border: solid 1px #cfcfcf;*/
	padding-top: 50px;
	padding-bottom: 20px;
	padding-left: 125px;
	padding-right: 125px;
}
	
.logo {
	position: absolute;
	top: 25px; left: 5px;
	}
	
.tagline {
	position: absolute;
	top: 30px; right: 25px;
	}
	
	
#header {
	position: relative;
	margin-left: auto; margin-right: auto;
	width: 770px;
	padding-top: 0px;
	background-color: #FFFFFF;
	/*border-top: 1px #4b4b4b solid;*/
	}
	
#header td.middle {
	font-family: verdana, sans-serif;
	font-size: 90%; 
	font-weight: normal;
	/*color: #7d7d7d;*/
	text-align: center;
	vertical-align: bottom;
	height:25px;
	}
		
#header a:link {
	color: #71b03d;
	text-decoration: none;
	}

#header a:visited {
	color: #71b03d;
	text-decoration: none;
	}

#header a:active {
	color: #71b03d;
	text-decoration: none;
	}

#header a:hover {
	/*color: #FFFFFF;*/
	text-decoration: none;
	}
	
#mainTable {
	border: 1px solid #cfcfcf;
	width: 750px;
	margin: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	}
	
td.tagline  {
	background-color: #FFFFFF;
	vertical-align: top;
	}

td.top {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
}
	
td.middle1 {
	background-image: url(images/mainimage1.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

td.middle2 {
	background-image: url(images/mainimage2.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

td.thirds1 {
	background-image: url(images/shadow.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 200px;
	vertical-align: top;
	border: solid 1px #cfcfcf;
}

td.thirds2 {
	background-image: url(images/shadow.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 340px;
	vertical-align: top;
	border: solid 1px #cfcfcf;
}

td.spacer {
	width: 1px;
}

.topheadercopy {
	font-weight: bold;
	margin-left: 5px;
	color: #206fc3;
	text-align:right;
	font-size:medium;
	}

.headercopy {
	font-weight: bold;
	margin-left: 0px;
	color: #0f9f0f;
	}
	
.bottomcopy {
	font-weight: bold;
	margin-left: 0px;
	color: #206fc3;
	}
	
.photos {
	float: right;
	vertical-align: top;
	}
	
a.weblink  {
	font-size: 100%; font-weight: bold;
	color: #000000;
	text-decoration: none;	
	margin-left: 10px;
	background-image: url(images/arrow-link.gif);
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 15px;
	}
	
a:visited.weblink  {
	color: #000000;
	text-decoration: none;
	margin-left: 10px;
	}
	
a:hover.weblink  {
	color: #3a6e8f;
	text-decoration: none;	
	margin-left: 10px;
	}
	
#subTable {
	width: 510px;
	/*border: solid 1px #000000;*/
	margin: 0px;
	padding: 10px;
	height: 490px;
	vertical-align: text-top;
	}
	
#bottomTable {
	width: 860px;
	height: 125px;
	margin: 0px;
	padding: 0px;
	border-top: solid 1px #cfcfcf;
	}
	
td.bottomLeft {
	background-image: url(images/pc-to-pc.gif);
	background-repeat: no-repeat;
	background-position: right center;
	width: 450px;
	vertical-align: top;
	height: 125px;
	padding:0px;
}

td.bottomRight1 {
	background-image: url(images/suppimage1.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	width: 550px;
	vertical-align: top;
	height: 125px;
	padding:0px;
}

td.bottomRight2 {
	background-image: url(images/suppimage2.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	width: 550px;
	vertical-align: top;
	height: 125px;
	padding:0px;
}
td.bottomSpace {
	background-image: url(images/bottomSpacer.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 10px;
	vertical-align: top;
	height: 125px;
	padding:0px;
}

#insideFonts {
	font-family: verdana, sans-serif;
	font-size: small; font-weight: normal;
	color: #000000;
}

#quito {
	position: absolute; 
	left: 525px;
	top: 30px;
	padding-left: 0px;
	background-image: url(images/Quito.gif);
	background-position: top left;
	background-repeat: no-repeat;
	z-index: 2;
	height: 164px;
	width: 150px;
	}

#banner {
	position: absolute; 
	left: 0px;
	top: 0px;
	padding-left: 0px;
	z-index: 2;
	height: 270px;
	width: 390px;
	}
	
#experience {
	position: absolute; 
	right: 20px;
	top: 397px;
	padding-left: 0px;
	background-image: url(images/experience.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	z-index: 3;
	height: 22px;
	width: 620px;
	}
	
#homepageText {
	font-size: 10px;
	font-family: verdana, sans-serif;
	position: absolute; 
	right: 150px;
	top: 310px; /*440px;*/
	font-weight: normal;
	text-align: center;
	color: #000000;
	}
	
#tellAFriendText {
	font-size: 11px;
	position: absolute; 
	right: 37px;
	top: 90px;
	}
	
	
/***********************************************/
/* FORM STYLES                                 */
/***********************************************/

input {
	font-family: verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	}

input.small {
	width: 40px;
	padding: 1px;
	border: solid 1px #646464;
	}
	
input.medium {
	width: 130px;
	padding: 1px;
	border: solid 1px #646464;
	}
	
input.large {
	width: 230px;
	padding: 1px;
	border: solid 1px #646464;
	}

select {
	font-family: verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 225px;
	border: solid 1px #646464;
	}

select.short {
	font-family: verdana, sans-serif;
	font-size: 90%;
	color: #333333;
	width: 55px;
	border: solid 1px #646464;
	}
	
select.medium {
	font-family: verdana, sans-serif;
	font-size: 90%;
	color: #333333;
	width: 105px;
	border: solid 1px #646464;
	}
	
select.long {
	font-family: verdana, sans-serif;
	font-size: 90%;
	color: #333333;
	width: 300px;
	border: solid 1px #646464;
	}

textarea {
	font-family: verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 230px;
	border: solid 1px #646464;
	}
	
.required {
	color: #760300;
	font-weight: bold;
	}

.error {
	color: #d9140d;
	font-weight: bold;
	padding-left: 20px;
	background-image: url(images/icon-error2.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
.errorMessage {
	color: #d9140d;
	font-weight: bold;
	}
	
.formTable {
	text-align: left;
	}
	
.formTable th {
	font-size: 12px;
	font-weight: normal;
	width: 175px;
	text-align: left;
	vertical-align: top;
	padding: 3px 5px 3px 0px;
	}
	
.formTable td {
	padding: 2px 0px 2px 0px;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	}
	
.formTable td p {
	font-size: 12px;
	font-weight: normal;
	}
	
.note {
	font-family: verdana, sans-serif;
	font-size: 12px;
	color: #646464;
	}
	
	
/***********************************************/
/* FOOTER STYLES                               */
/***********************************************/

#footer {
	position: relative;
	margin-left: auto; margin-right: auto;
	width: 565px;
	padding: 0px;
	/*background-color: #80803a;*/
	/*border: 1px #000000 solid;*/
	}
	
#footer td.middle {
	font-family: verdana, sans-serif;
	font-size: 95%; font-weight: normal;
	color: #000000; /*#71b03d;*/
	text-align: center;
	vertical-align: middle;
	width: 565px;
	/*border: 1px #000000 solid;*/
	}
		
#footer a:link {
	color: #000000; /*#71b03d;*/
	text-decoration: none;
	}

#footer a:visited {
	color: #000000; /*#71b03d;*/
	text-decoration: none;
	}

#footer a:active {
	color: #000000; /*#71b03d;*/
	text-decoration: none;
	}

#footer a:hover {
	color: #5d4a2a;
	text-decoration: none;
	}
	
a.hidden {
	color: #5d4a2a;
	text-decoration: none;
	}

a:visited.hidden {
	color: #5d4a2a;
	text-decoration: none;
	}

a:hover.hidden {
	color: #5d4a2a;
	text-decoration: none;
	}