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

body 
	{ 
 	background-color: #4a4746;
	margin-left: auto;
	margin-right: auto;
  	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: small;
	width: 100%;
	}

#header
	{
	height: 135px;
	background-color: white;
	margin: 15px 25px 15px 25px;
	min-width: 1024px;

	}

#table
	{
	margin-left: 44px;
	display: table;
	border-spacing: 8px;
	}

#row
	{
	display: table-row;
	}

#about, #portfolio, #projects, #links, #sales, #contact
	{
   	display: table-cell;
   	width: 20%;
	text-align: left;
	}

#contact
	{
	padding-right: 20px;
	}

.navtext
	{
	display: inline-block;
	font-size: 18px;
	color: #ab2501;
	width: 0px;
	height: 0px;
	margin: -5px 0px 27px -15px;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	}

#main
	{
	overflow: auto;
	min-width: 1024px;
	background-color: white;
	margin: 76px 25px 0px 25px;
	padding: 0px 0px 75px 0px;
	}

#mainportfolio
	{
	overflow: hidden;
	min-width: 1024px;
	background-color: white;
	margin: 7px 35px 0px 25px;
	padding: 40px 0px 75px 0px;
	}

a img
	{
	margin-left: 17px;
	margin-right: 17px;
	border: 8px solid #a09b98;
	}

a:hover img
	{
	border: 8px solid #4a4746;
	}


#uber
	{
	border: 8px solid #4a4746;
	}

h1
	{
	z-index: 750;
	margin-top: -33px;
	margin-left: 46px;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 54px;
	font-weight: lighter;
	color: white;
	letter-spacing: 10px;
	}


h1 a:link
	{
	color: white;
	}

h1 a:visited
	{
	color: white;
	}

h1 a:hover
	{
	color: #a09b98;
	font-weight: normal;
	}

.kern
	{
	letter-spacing: 0px;
	}


h2
	{
	font-size: 125%;
	color: #ab2501;
	font-weight: normal;
	margin-bottom: 20px;
	text-align: left;
	}

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

a:hover
	{
	color: #ab2501;
	text-decoration: none;
	font-weight: bold;
	}

#uber2
	{
	color: #ab2501;
	font-weight: bold;
	}

ul
	{
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

#menutable
	{
	display: table;
	position: relative;
	top: 65px;
	border-spacing: 0px;
	border-bottom: 2px solid #4a4746;
	margin: 0px 10px 0px 10px;
	padding: 0px 20px 0px 20px;
	min-width: 1000px;
	}

#menurow
	{
	display: table-row;
	}

.menucell
	{
   	display: table-cell;
	height: 20px;
   	width: 7%;
	font-size: 125%;
	text-align: center;
	}

#menutable a:link
	{
	color: #a09b98;
	}

#menutable a:visited
	{
	color: #a09b98;
	}

#menutable a:hover
	{
	font-weight: normal;
	color: #ab2501;
	}

#menutable #uber3
	{
	color: #ab2501;
	font-weight: normal;
	}

.float
	{
	float: left;
	padding-right: 10px;
	}

.red
	{
	color: #ab2501;
	}

.verticalalign
	{
	vertical-align: middle;
	padding-right: 10px;
	}

.negpadding
	{
	margin-bottom:-10px;
	}

.padding
	{
	margin-top: 30px;
	}

.italic
	{
	font-style: italic;
	}

#column2
	{
	float: right;
	margin: 40px 30px 32px 30px;
	}

#column1
	{
	min-width: 200px;
	margin: 49px 800px 0px 50px;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: small;
	line-height: 150%;
	text-align: justify;
	color: black;
	}

#column1 p
	{
	padding-bottom: 10px;
	}

#column1 img
	{
	margin-left: -2px;
	margin-right: -2px;
	margin-bottom: -4px;
	}

#column1portfolio
	{
	min-width: 200px;
	margin: 49px 770px 0px 50px;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: small;
	line-height: 150%;
	text-align: justify;
	color: black;
	}

#column1portfolio img
	{
	margin-left: -2px;
	margin-right: -2px;
	margin-bottom: -4px;
	}

#column1wrap
	{
	min-width: 200px;
	margin: 49px 50px 0px 50px;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: small;
	line-height: 150%;
	color: black;
	}

#column1wrap p
	{
	padding-bottom: 10px;
	}

#column1wrap img
	{
	margin-left: -2px;
	margin-right: -2px;
	margin-bottom: -4px;
	}

#footer
	{
	padding-left: 25px;
	font-size: 70%;
	color: white;
	}

#fadeshow1
	{
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 54px;
	margin-bottom: 20px;
	}

#fadeshow2
	{
	top: 13px;
	}

.gallerycontainer
	{
	position: relative;
	/*Add a height attribute and set to largest image's height to prevent overlaying*/
	margin-left: -6px;
	line-height: 0px;
	}

.thumbnail img
	{
	padding: 6px;
	background-color: #a09b98;
	border: 6px solid white;
	}

.thumbnail:hover
	{
	background-color: transparent;
	}

.thumbnail:hover img
	{
	background-color: #4a4746;
	border: 6px solid white;
	font-weight: normal;
	}

.thumbnail span
	{
	/*CSS for enlarged image*/
	position: absolute;
	visibility: hidden;
	line-height: 15px;
	font-size: 100%;
	font-weight: normal;
	}

.thumbnail span img
	{ /*CSS for enlarged image*/
	border: 0px;
	}

.thumbnail:hover span
	{
	/*CSS for enlarged image*/
	visibility: visible;
	top: -6px;
	right: -750px; /*position where enlarged image should offset horizontally */
	z-index: 50;
	}

#commentbox
	{
	height: 100px;
	width: 100%;
	min-width: 200px;
	max-width: 100%;
	}

#answerbox
	{
	width: 50px;
	}