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

* {
	margin: 0px;
	padding: 0px;
}


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 130%;
	background-color: #85ADA5;
	background-image:url(../images/bgbox.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000; line-height: 130%;}

h1 {color:#85ADA5; margin-bottom: 20px; font-size:x-large;}

h3 {font-size:70%; font-weight: lighter; color:#85ADA5; margin-bottom: 0px;}

h4 {font-size: 90%; margin-bottom: 10px; font-size:x-small; font-weight: lighter;}

img {border:0;}

.littlegray { color: #888; font-size: 7px;}

.logocolor { color: #85ADA5; }

.letterspace { letter-spacing: 0.1em; }

.linespace {line-height: 180%;}

.greenspace {line-height: 180%; color: #85ADA5; } 

.webgray {color: #666;}

.clear {display: none;}

a {
	text-decoration: none;
}

a:link {color: #666; text-decoration: none;}
a:visited {color: #666; text-decoration: none;}
a:hover {color: #85ADA5; text-decoration: none;}
a:active {color: #85ADA5; text-decoration: none;}

a.gray:link {color: #888;}
a.gray:hover {color: #888; text-decoration: underline;}
a.gray:active {color: #888;}
a.gray:visited {color: #888;}

#front {
	position: relative;
	width: 800px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 200px;
}

#container {
	position: relative;
	width: 900px;
	height: 610px;
	padding-top: 40px;
	padding-left: 35px;
	padding-right: 35px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 40px;
	background-color: #FFF;
}

#header {
	float: left;
	width: 300px;
	height: 35px;
	padding-left: 10px;
}

#logo {
	float: left; 
	padding: 0; 
	margin: 0; 
	list-style:none; 
	width: 300px;
	height: 35px;
} 

#logo span { 
	display: none;
}

#logo a {
	display:block;
	background-position: top;
	background-image:url(../images/logo_TM.png);
	background-repeat: no-repeat;
	padding: 0px;
	width: 300px;
	height: 35px;
	margin: 0px;
	text-decoration: none;
}

#mailbox {
	float: left;
	width: 580px;
	height: 35px;
	text-align: right;
	padding-right: 10px;
}

#mainlinks {
	float: left;
	width:810px; 	/* makes the container div stretch to the width of the browser window */
	height: 30px; /* sets a height for the container div */
	min-width: 500px; /* sets a minimum width for the div */
	padding-left: 90px;
	padding-top: 35px;
	padding-bottom: 10px;
	}
	
#mainlinks li {
	float: left;	/* causes the list items to align horizontally instead of stack vertically */
	list-style-type: none;	/* removes the bullet from each list item */
	padding-right: 33px; /* creates space between the list items */
	padding-top: 8px; /* creates space above the list items */
	}

#mainlinks a {
	 /*creates space on each side (right and left) of links */
	text-decoration:none;	 /* removes the links' underlining */
	color:#888;	/* sets the text color of the links in their up state */
	}
	
#mainlinks a:hover {
	/* sets the text color of the links in their hover state */
	color:#85ADA5;   
	}
	
#mainlinks a.active {
	color:#85ADA5;	/* sets the text color of the links in their active state */
	}

#welcome { 
	background: url(../images/hello.png) no-repeat left top;
	height: 63px;
	margin-top: 65px;
}

#welcome span { 
	display: none;
}	

/*campaign link*/
#campaign {
	float: left; 
	padding: 0; 
	margin: 0; 
	list-style:none; 
	width: 69px;
	height: 10px;
	padding-right: 32px;
} 

#campaign a {
	display:block;
	background-position: bottom;
	background-image:url(../images/campaign.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	width: 69px;
	height: 10px;
	margin: 0px;
	text-decoration: none;
	}
#campaign a:link {color: #FFF;}
#campaign a:hover {background-position: top; color: #A2BF00; background-image: url(../images/campaign.jpg); background-repeat: no-repeat;}
#campaign a:visited {color: #FFF;}
#campaign a:active {background-position: top; color: #A2BF00; background-image: url(../images/campaign.jpg); background-repeat: no-repeat;}
#campaign2 {float: left; padding: 0; margin: 0; list-style:none; width: 69px; height: 10px; padding-right: 32px;} 
#campaign2 a {display:block; background-position: top; background-image:url(../images/campaign.jpg); background-repeat: no-repeat; padding: 0px; width: 69px; height: 10px; margin: 0px; text-decoration: none;}

/*web link*/
#web {
	float: left; 
	padding: 0; 
	margin: 0; 
	list-style:none; 
	width: 119px;
	height: 10px;
	padding-right: 32px;
} 

#web a {
	display:block;
	background-position: bottom;
	background-image:url(../images/web.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	width: 119px;
	height: 10px;
	margin: 0px;
	text-decoration: none;
	}
#web a:link {color: #FFF;}
#web a:hover {background-position: top; color: #A2BF00; background-image: url(../images/web.jpg); background-repeat: no-repeat;}
#web a:visited {color: #FFF;}
#web a:active {background-position: top; color: #A2BF00; background-image: url(../images/web.jpg); background-repeat: no-repeat;}
#web2 {float: left; padding: 0; margin: 0; list-style:none;	width: 119px; height: 10px;	padding-right: 32px;} 
#web2 a {display:block; background-position: top; background-image:url(../images/web.jpg); background-repeat: no-repeat; padding: 0px; width: 119px; height: 10px; margin: 0px; text-decoration: none;}

/*print link*/
#print {
	float: left; 
	padding: 0; 
	margin: 0; 
	list-style:none; 
	width: 87px;
	height: 10px;
	padding-right: 32px;
} 

#print a {
	display:block;
	background-position: bottom;
	background-image:url(../images/print.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	width: 87px;
	height: 10px;
	margin: 0px;
	text-decoration: none;
	}
#print a:link {color: #FFF;}
#print a:hover {background-position: top; color: #A2BF00; background-image: url(../images/print.jpg); background-repeat: no-repeat;}
#print a:visited {color: #FFF;}
#print a:active {background-position: top; color: #A2BF00; background-image: url(../images/print.jpg); background-repeat: no-repeat;}
#print2 {float: left; padding: 0; margin: 0; list-style:none; width: 87px; height: 10px;	padding-right: 32px;} 
#print2 a {display:block; background-position: top; background-image:url(../images/print.jpg); background-repeat: no-repeat; padding: 0px; width: 87px; height: 10px; margin: 0px; text-decoration: none;}

/*video link*/
#video {
	float: left; 
	padding: 0; 
	margin: 0; 
	list-style:none; 
	width: 89px;
	height: 10px;
	padding-right: 32px;
} 

#video a {
	display:block;
	background-position: bottom;
	background-image:url(../images/video.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	width: 89px;
	height: 10px;
	margin: 0px;
	text-decoration: none;
	}
#video a:link {color: #FFF;}
#video a:hover {background-position: top; color: #A2BF00; background-image: url(../images/video.jpg); background-repeat: no-repeat;}
#video a:visited {color: #FFF;}
#video a:active {background-position: top; color: #A2BF00; background-image: url(../images/video.jpg); background-repeat: no-repeat;}
#video2 {float: left; padding: 0; margin: 0; list-style:none; width: 89px; height: 10px; padding-right: 32px;} 
#video2 a {display:block; background-position: top;	background-image:url(../images/video.jpg); background-repeat: no-repeat; padding: 0px; width: 89px;  height: 10px; margin: 0px; text-decoration: none;}
	
/*photography link*/
#photography {
	float: left; 
	padding: 0; 
	margin: 0; 
	list-style:none; 
	width: 97px;
	height: 10px;
} 

#photography a {
	display:block;
	background-position: bottom;
	background-image:url(../images/photography.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	width: 97px;
	height: 10px;
	margin: 0px;
	text-decoration: none;
	}
#photography a:link {color: #FFF;}
#photography a:hover {background-position: top; color: #A2BF00; background-image: url(../images/photography.jpg); background-repeat: no-repeat;}
#photography a:visited {color: #FFF;}
#photography a:active {background-position: top; color: #A2BF00; background-image: url(../images/photography.jpg); background-repeat: no-repeat;}
#photography2 {float: left; padding: 0; margin: 0; list-style:none; width: 97px; height: 10px;} 
#photography2 a {display:block; background-position: top; background-image:url(../images/photography.jpg); background-repeat: no-repeat; padding: 0px; width: 97px; height: 10px;	margin: 0px; text-decoration: none;}

#contain {
	float: left;
	width: 590px;
	height: auto;
	padding-left: 90px;
}

#list {
	float: left;
	width: 190px;
	height: auto;
	padding-left: 30px;
}

#projects { /* This is the outer tag */
	background: url( ../images/projects.jpg ) no-repeat left top;
	height: 10px; /* Height of image */
	padding-bottom: 5px;
}

/* Here I have used descendent selector to target the span within
the #whatheader. I have used the display:none rule to hide the 
text. */
#projects span { 
	display: none;
}

#footer {
	float: left;
	width: 690px;
	height: auto;
	padding-top: 15px;
	text-align: right;
}