/* CSS Document */
* {margin: 0; padding: 0;}

html
{
	height:					100%;
}

body
{
	height:					100%;
	background-image:		url(images/background.jpg);
	background-repeat:		repeat;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	line-height:			2;
	font-size:				0.7em;
	color:					#333333;
}

/*	default link styles	*/

.blue
{
	color:					#003066;
}

a
{
	color:					#5b2d00;
	padding:			0px;	
	margin:				0px;
	text-decoration:		underline;
	
}

a:hover, a:active
{
	color:				black;
	background-color:		#e6c586;	
	padding:			0px;
	margin:				0px;
	text-decoration:		none;	
}

#background-top
{
	background-image:		url(images/background_top.jpg);
	background-repeat:		no-repeat;
	background-position:	top center;
}

#background-shadow
{
	background-image:		url(images/background_shadow.jpg);
	background-repeat:		repeat-y;
	background-position:	center;
}

#shadow-bottom
{
	width:					790px;
	height:					18px;
	background:				url(images/shadow_bottom.jpg) no-repeat;
	background-position:	center;
	margin-left:			auto;
	margin-right:			auto;
}

em
{
	color:				#003066;
	font-weight:			bold;
	font-style:				normal;
	font-family:			Georgia, "Times New Roman", Times, serif;
	text-transform:			uppercase;
	text-decoration:		none;
}

#center-x
{
	position: 				relative;
	width:					750px;
	text-align:				left;
	margin-left:			auto;
	margin-right:			auto;
	background-color:		white;

}

.small
{
	font-size:				0.9em;
}

#top-top
{
	color:					#5b2d00;
	padding:				10px;
	padding-left:			20px;
	border-bottom:			2px dotted #003066;
	font-family:			Georgia, "Times New Roman", Times, serif;
	font-size:				0.9em;
	background-color:		#e6c586;
}

#top-top a
{
	text-transform:uppercase;
	color:			black;
	text-decoration:	underline;
	font-size:			1.2em;
}

#top-top a:hover
{
	background-color:		white;
	color:					#5b2d00;
}

#header
{
	clear: 					both;
}

table, tr, td
{
	border: none;
}

/*	Portfolio	*/
table.portfolio
{
	border: 	none;
	border-left: 0px dotted #003066;
	border-bottom: 0px dotted #003066;
	width:		540px;
}

table.portfolio tr 
{
	border: none;
}

table.portfolio td
{
	border: none;
	padding-bottom:20px;
}

.portfolio a
{
	position:relative; /*this is the key*/
    z-index:24; 
    text-decoration:none
}

.portfolio a:hover
{
	z-index:25; 
}

.portfolio a span
{
	display:	none;
}

.portfolio a:hover span
{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-50px; 
	left:-30px; 
	width:150px;
    border:1px solid #003066;
    background-color:#e6c586; 
	color:#5b2d00;
    text-align: left;
	line-height: 1.2;
	padding:	5px;
}

.image-caption a
{
    z-index:24; 
    text-decoration:none
}

.image-caption a:hover
{
	z-index:25; 
}

.image-caption a span
{
	display:	none;
}

.image-caption a:hover span
{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-50px; 
	left:-30px; 
	width:150px;
    border:1px solid #003066;
    background-color:#e6c586; 
	color:#5b2d00;
    text-align: left;
	line-height: 1.2;
	padding:	5px;
}


.img-shadow
{
	background:				url(images/square-shadow.gif) no-repeat bottom right;
	height:					210px;
	width:					210px;
}

.img-shadow img
{
	border:					1px solid #003066;
	margin-left:			-3px;
	margin-top:				1px;
}

/*	Navigation	*/
#navigation
{	
	color:					#5b2d00;
	font-family:			Georgia, "Times New Roman", Times, serif;
	font-size:				1.1em;
	font-weight:			bold;
	clear: 					both;
	border-top:				2px solid #003066;
	border-bottom:			2px solid #003066;
	padding-left:			10px;
	background-color:		white;
}

#navigation a
{	
	padding-left:			10px;
	padding-right:			10px;
	line-height:			2;
	text-decoration:		none;
	color:					#5b2d00;
	background-color:		white;
}

#navigation a:hover, a:active
{	
	padding-left:			10px;
	padding-right:			10px;
	line-height:			2;
	text-decoration:		underline;
	background-color:		white;
}

#navigation a.active
{
	padding-left:			10px;
	padding-right:			10px;
	line-height:			2;
	text-decoration:		underline;
	background-color:		white;			
}


/*	Main Container	*/
#main_container
{
	position:		relative;
	width:					560px;
	margin-left: 			20px;
	height: 				100%;
	background-color:		white;
	padding-top: 20px;
	border-right:			2px solid #003066;
	padding-bottom: 20px;
}

#right-col
{
	width:					148px;
	position:				absolute;
	top: 					0px;
	left: 					562px;
	margin: 0px;
	padding: 10px;
	line-height: 1.5;
}

#right-col a
{
	padding: 0px;
	line-height: 1.5;
}

#right-col em
{
	display:			block;
	margin-bottom: 5px;
}

#footer
{
background-color: #e6c586;
font-size:			0.9em;
color: #5b2d00;
	clear: 					both;
		border-top:			2px solid #003066;
		font-family:			Georgia, "Times New Roman", Times, serif;
		padding: 10px;
		padding-left: 20px;
}


.clear-floats
{
	clear:					both;
	height: 0px;
	max-height: 0px;
	line-height: 0px;
	font-size: 0px;
	overflow: hidden;
}

.contact td
{
	border: 0px solid #003066;
}


/*	Three-part-layout styles	*/
.middle_column
{
	margin-top:			0px;
	margin-bottom:		25px;
	margin-left:		0px;
	margin-right:		20px;
	border-top:			2px dotted #003066;
	padding:			5px;
}

.title_float_left
{
	text-decoration:	underline;
	font-family:		Georgia, "Times New Roman", Times, serif;
	float:				left;
	border-bottom:		2px dotted #003066;
	border-right:		2px dotted #003066;
	padding:			5px 10px 3px 5px;
	margin: 			0px 10px 0px 0px;
	background-color:	#e6c586;
	font-size:			18px;
}

.pic_right
{
	float:					right;
	padding:			 	10px 0px 10px 10px;
	margin-top:				0px;
	margin-left:			10px;
	margin-right:			20px;
	border-left:			2px dotted #003066;
	border-bottom:			2px dotted #003066;
	background-color:		white;
}


.position-relative-container
{
	position:	relative;
}





/*	default link styles	*/


a
{
	color:					#5b2d00;
	padding:			0px;	
	margin:				0px;
	text-decoration:		underline;
	
}

a:hover, a:active
{
	color:				black;
	background-color:		#e6c586;	
	padding:			0px;
	margin:				0px;
	text-decoration:		none;	
}

/*	Google Adsense	*/

#right-col #adsense
{
	text-align:			center;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:			20px;
}

#adsense-top
{
	text-align:			center;
	margin-left:		auto;
	margin-right:		auto;
	margin-bottom:			20px;
}