/* CSS Document */



/* global fonts */

body { background: #ffffff;margin:0; padding:0; background-color: #717370;}
li {font-family:Arial, Helvetica, sans-serif;list-style: none;font-size: small; margin-left: 0px;}
p {font-family: Arial, Helvetica, sans-serif;font-size: small; padding-left: 15px; padding-right: 5px; padding-bottom:10px; color:#666}
h1 {font-family:Arial, Helvetica, sans-serif;font-size: 20px;letter-spacing: 4px; font-style: bold; color:#333;}
h2 {font-family: Arial, Helvetica, sans-serif;font-size: 20px;;letter-spacing: 5px; text-transform: uppercase; color:#333; padding-left: 10px;}
h3 {font-family: Arial, Helvetica, sans-serif;font-size: 14px;letter-spacing: 2px; text-transform: uppercase; color:#333; padding-left: 15px;}
a img {border: none;}
a {text-decoration:none;color: #000000; }
a:hover {color: #D55306;}

#sidenav li a {text-transform:uppercase; letter-spacing: 2px; color: #3A3c3b; font-family: Arial, Helvetica, sans-serif; font-size: medium;}

#sidenav ul{ list-style-type: none;margin: 10px; padding: 0px;}
#sidenav li a:hover {color: #D0C2B0;}

#resume li {list-style-type: circle; padding-bottom:2px; color:#666}
#videothumbnail li {display: inline}

.greetings {letter-spacing: 2px; color: #3A3c3b; font-family: Arial, Helvetica, sans-serif; font-size: large;}

/*rounded corners - container */
#Container {
background : #ffffff;
position:relative;
width:778px;
padding-top: 0px;
height: auto;
margin: 0px auto;
}


#Content {
background-color:#ffffff;
width: auto;
border-left: 1px solid #cccccc;
margin-left: 215px;
padding-top:5px;
}

.footer  {
	background: url(footer.gif);
	position: relative;
	height: 153px;
	width: 100%;
	vertical-align:bottom;
}


#sidenav {
	position:absolute;
	text-align:left;
	width:200px;
	background-color: #ffffff;
}

/* Gallery */

#gallery {

padding: 20px;

}



#gallery h2 {

font-size: medium;

font-family:Arial, Helvetica, sans-serif;

letter-spacing: 2px;

font-weight: normal;

text-transform:uppercase;

}

	

#gallery ul { 

list-style: none; 

}



#gallery ul li { 

display: inline; 

}



#gallery ul img {

border: 5px solid #3e3e3e;

border-width: 5px 5px 5px;

}



#gallery ul a:hover img {

border: 5px solid #cccccc;

border-width: 5px 5px 5px;

color: #fff;

}



#gallery ul a:hover { color: #666666; }



/* Gallery Animation */

#galleryanim {

padding: 20px;

}



#gallery h2 {

font-size: medium;

font-family:Arial, Helvetica, sans-serif;

letter-spacing: 2px;

font-weight: normal;

text-transform:uppercase;

}