/* CSS Document */
/***********************************************************************/
/*****************Stylesheet for Simple Klick.com**********************/
/*********************************************************************/
/****************Copyright Simple Klick Design 2006******************/
/*******************************************************************/
html, body
{
	background-color:#003399;
	background-image:url(assets/background_pattern.gif);
	background-repeat:repeat;
	text-align:center;
	height:100%;
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#bg_gradient  /*overlays background pattern with a transparent gradient */
{
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(assets/background_gradient.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:100%;
	filter:alpha(opacity=75);
	opacity: 0.75;
	z-index:0;	
}

#wrapper
{
	position:relative;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	width:800px;
	/*border:1px solid #ff0000;*/
}

#mast
{
	position:absolute;
	left:0;
	top:20px;
	background-image:url(images/mast_new.jpg);
	background-repeat:no-repeat;
	width:809px;
	height:169px;
	z-index: 10;
}



/*************************************************/
/****************Content Layers******************/
/***********************************************/
#content_master
{
	position:relative;
	top:20px;
	left:27px;
	background-color:#FFFFFF;
	/*background-image:url(assets/content_gradient.jpg);
	background-repeat:repeat-x;
	background-position:bottom;*/
	border: 2px solid #823007;
	width:748px;
	padding-top:220px;
	padding-bottom:15px;
	/*height:425px;*/
}

#content_table
{
	position:static;
	top:-50px;
	width:600px;
	margin-left:130px;
	margin-right:auto;
	padding-bottom:30px;
}

#rt_shadow
{
	position:absolute;
	right:-8px;
	top:0px;
	background-image:url(assets/rt_shdw.gif);
	width:8px;
	height:auto;
}

#lft_shadow
{
	position:absolute;
	left:-8px;
	top:0px;
	background-image:url(assets/ct_lftbrdr_shdw.gif);
	width:8px;
	height:100%;
}

#left_col_cap
{
position:absolute;
top:155px;
left:29px;
width:125px;
height:15px;
background-image:url(assets/left_col_gradient.jpg);
background-repeat:repeat-x;
z-index:90;
}

#left_col
{
position:absolute;
top:0px;
left:0px;
width:125px;
height:auto;
background-color:#cb8034;
}

#text_col
{
	padding-top:0px !important;
	padding-top:15px;
	padding-bottom:5px !important;
	padding-bottom:15px;
}

#main_photo
{
	position:absolute;
	top:190px;
	left:10px;
	width:114px;
	text-align:center;
	
}

#caption
{
	position:relative;
	bottom:0px;
	left:px;
	width:104px;
	
}

#news_box
{
	position:absolute;
	top:340px;
	left:0px;
	width:118px;
	padding:0 0 0 5px;
}
/*************************************************/
/****************Footer Layers*******************/
/***********************************************/

#footer
{
	position:relative;
	top:-3px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	width:804px;
	height:52px;
	background-image:url(images/footer_new3.jpg);
	background-repeat:no-repeat;
	z-index:9;
	/*height:565px;*/
	
}


#copyright
{
	position:absolute;
	bottom:20px;
	left:300px;
	height:auto;
	width:200px;

}

/*************************************************/
/****************Font & Link Classes*************/
/***********************************************/

.content
{
	font-family:Verdana;
	font-size:10pt;
	line-height:14pt;
	padding-top:0px;
	padding-bottom:0px;
}

.content_links a, .content_links a:visited
{
	text-decoration:none;
	color:#fea348;
}

.content_links a:hover
{
	text-decoration:underline;
	color:#823007;
}


.content_title
{
	font-family:Verdana;
	font-size:10pt;
	font-weight:bold;
	text-transform:uppercase;
	line-height:14pt;
	color: #fea348;	
	padding-bottom:0px;
}

.subnav_links, .subnav_links a, subnav_links a:visited
{
	font-family:verdana;
	font-size:10pt;
	color:#804000;
	text-decoration:none;
}

.subnav_links a:hover
{
	color:#b95c00;
	text-decoration:underline;
}

.portfolio_heading
{
	font-family:verdana;
	font-size:10pt;
	font-weight:bold;
	color:#fea348;
}

.portfolio_text
{
	font-family:verdana;
	font-size:10pt;
	color:#823007;
}

.portfolio_text a, .portfolio_text a:visited
{
	font-family:verdana;
	font-size:10pt;
	text-decoration:underline;
	color:#823007;
}

.portfolio_text a:hover
{
	font-family:verdana;
	font-size:10pt;
	text-decoration:underline;
	color:#fea348;
}

.footer_text
{
	font-family:Verdana;
	color:#823007;
	font-size:8pt;
}

.captions
{
	font-family:verdana;
	font-size:7pt;
	text-align:center;
	color:#8c4600;
}

.news
{
	font-family:verdana;
	font-size:7pt;
	color:#7b3404;
	list-style-position:inside;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

.news a, .news a:visited
{
	font-family:verdana;
	font-size:7pt;
	color:#7b3404;
	text-decoration:none;
}

.news a:hover, .news a:focus
{
	font-family:verdana;
	font-size:7pt;
	color:#ffffff;
	text-decoration:none;
}

.news_title
{
	font-family:verdana;
	font-size:10pt;
	color:#7b3404;
	text-decoration:underline;
	font-weight:bold;
	line-height:20pt;
}
/*************************************************/
/****************Navigation Layers***************/
/***********************************************/

#navlist {
	position:absolute;
	top:145px !important;
	top:140px;
	right:32px !important;
	right:31px;
	height:auto;
	font-size: .9em;
	margin: 16px 0 2.5em 0;
	z-index: 90;

}

#navlist li {
float: left;
list-style-type: none;
margin: 0 0 1em 0;
padding: 0;
white-space: nowrap;

}
#navlist ul {
margin: 0;
padding: 0 0 0 0;
font-family:verdana;
font-size:10px;

}
#navlist a {
padding: 5px 10px 3px 10px;
background-image:url(assets/glbnav_up.jpg);
background-repeat:no-repeat;
background-position: 0% 50%;
text-decoration: none;
}
#navlist a:link, #navlist a:visited {
color: #b75702;
}
#navlist a:hover, #navlist a:active,
#uberlink a:link, #uberlink a:visited,
#uberlink a:hover, #uberlink a:active {
background-image:url(assets/glbnav_over.jpg);
background-repeat: no-repeat;
background-position: 0% 50%;
border:none;
color:#ffffff;

}

#nav_subpanel
{
	position:absolute;
	top:215px;
	left:165px;
	width:600px;
	text-align:center;
	z-index:30;
}


/*************************************************/
/****************PopUp Navigation Layers*********/
/***********************************************/

#about, #itservices
{
	position:absolute;
	width: auto;
	height: auto;
	border-color: #ff8d20;
	font-family: verdana;
	font-size:8pt;
	text-align:left;
	visibility:hidden;
	z-index:99;
}

.nav_popups p
{
	margin: 0px;
}

.nav_popups a, .nav_popups a:visited {
	display: block;
	padding: 1px 5px 1px 10px;
	background-color:#ffad5b;
	color: #b75702;
	text-decoration: none;
	border-top: 0px solid #ff8d20;
	border-right: 1px solid #ff8d20;
	border-bottom: 1px solid #ff8d20;
	border-left: 1px solid #ff8d20;

}

.nav_popups a:hover, .nav_popups a:active, .nav_popups a:focus {
	background-color: #663300;
	color:#ffffff;
	border-top: 0px solid #ff8d20;
	border-right: 1px solid #ff8d20;
	border-bottom: 1px solid #ff8d20;
	border-left: 1px solid #ff8d20;


}
