/* Stylesheet Name: style
   Author: A. Nicole Persram */

/*____________________Template____________________*/

body {
	background-image: url(images/template/bg.png);
	background-repeat: repeat;
	background-color: #2E2E2E;
}

#wrap {
	position: absolute;
	top: 10px;
	left: 50%;
	min-height:100%;
	margin-left: -450px;
	padding-bottom: 10px;
}

#content {
	position: absolute;
	background-image:url(images/template/LayoutContent.png);
	background-repeat:repeat-y;
	min-height:29px;
	width:910px;
	z-index:-1;
	left: 2px;
	top: 11px;
	padding-bottom: 20px;
}

#bg {
	position: absolute;
	background-image:url(images/template/LayoutMain.png);
	width:890px;
	min-height:669px;
	z-index:0;
}


#footer {
	position: relative;	
	background-image:url(images/template/LayoutFooter.png);
	color: #999999;
	font-size:11px;
	top: 30px;
	height:67px;
	width:850px;
	padding:10px 0px 0px 150px;
	z-index:2;
}

#logo {
	position: relative;
	top:70px;
	left:318px;
	width:439px;
	height:113px;
	z-index:1;
}

/*____________________Navigation____________________*/

#navbar {
	position: relative;
	background:url(images/template/nav.png);
	top:50px;
	left:114px;
	width:654px;
	height:167px;
	z-index:1;
	cursor:pointer;
}

#aboutnav {
	position: relative;
	width: 233px;
	height: 147;
}

#contactnav {
	position: relative;
	width: 225px;
	top:-306px;
	left:422px;
}

/*____________________Content ____________________*/


#recent {
	position:relative;
	top:56px;
	left:151px;
	min-height:121px;
	width:593px;
	z-index:0;
}

#recent h2 {
	position:relative;
	font-size:large;
	color:#000000;
	padding:20px 40px 0 12px;
	margin-top:-40px;
	z-index:1;
}

#recent p {
	position:relative;
	font-size:12px;
	color:#000000;
	min-height:10px;
	display:block;
	top: -4px;
	background-image:url(images/template/content-box.png);
	background-repeat:repeat-y;
	padding:20px 30px 0 14px;
	margin-top:-12px;
	z-index:1;
}

#latestblog {
	position: relative;
	top:-20px;
	left:151px;
	min-height:258px;
	width:593px;
	z-index:0;
	margin-bottom:-46px;
}

#latestblog h2 {
	position:relative;
	font-size:large;
	color:#676767;
	padding:20px 40px 0 12px;
	margin-top:-40px;
	z-index:1;
}

#latestblog p {
	position:relative;
	font-size:12px;
	color:#000000;
	min-height:20px;
	display:block;
	top: -4px;
	background-image:url(images/template/content-box.png);
	background-repeat:repeat-y;
	padding:20px 30px 0 14px;
	margin-top:-12px;
	z-index:1;
}

#about {
	position: relative;
	top:56px;
	left:151px;;
	min-height:376px;
	width:593px;
	z-index:0;
	margin-bottom:30px;
}

#about h2 {
	position:relative;
	font-size:large;
	color:#000000;
	padding:20px 40px 0 12px;
	margin-top:-40px;
	z-index:1;
}

#about p {
	position:relative;
	font-size:12px;
	color:#000000;
	min-height:20px;
	display:block;
	top: -4px;
	background-image:url(images/template/content-box.png);
	background-repeat:repeat-y;
	padding:20px 70px 0 60px;
	margin-top:-12px;
	z-index:1;
}

#contact {
	position: relative;
	top:56px;
	left:151px;
	min-height:376px;
	width:593px;
	z-index:0;
	margin-bottom:20px;
}

#contact h2 {
	position:relative;
	font-size:large;
	color:#676767;
	padding:20px 40px 0 12px;
	margin-top:-40px;
	z-index:1;
}

#contact p {
	position:relative;
	font-size:12px;
	color:#000000;
	min-height:20px;
	display:block;
	top: -4px;
	background-image:url(images/template/content-box.png);
	background-repeat:repeat-y;
	padding:20px 30px 0 14px;
	margin-top:-12px;
	z-index:1;
}

#portfolio {
	position: relative;
	top:56px;
	left:151px;
	min-height:376px;
	width:593px;
	z-index:0;
	margin-bottom:30px;
}

#portfolio h2 {
	position:relative;
	font-size:large;
	color:#676767;
	padding:20px 40px 0 12px;
	margin-top:-41px;
	z-index:1;
}

#portfolio p {
	position:relative;
	font-size:12px;
	color:#000000;
	min-height:20px;
	display:block;
	top: -4px;
	background-image:url(images/template/content-box.png);
	background-repeat:repeat-y;
	padding:20px 30px 0 14px;
	margin-top:-12px;
	z-index:1;
}

#contentfooter {
	position: relative;
	background-image:url(images/template/content-footer.png);
	top:0px;
	height:42px;
	width:577px;
	margin-top:-16px;
	z-index:1;

}

table {
	position:relative;
	font-size:12px;
	color:#000000;
	top: -16px;
	width:593px;
	border:medium;
	border-color:#000000;
	background-image:url(images/template/content-box.png);
	background-repeat:repeat-y;
	padding:20px 0 0 0;
	z-index:1;
}

/*____________________Arrows And Icons____________________*/

#blogicon {
	position: relative;
	float:inherit;
	top:80px;
	left:621px;
	width:136px;
	height:103px;
	z-index:1;
}

#aboutarrow {
	position: absolute;
	background-image:url(images/template/aboutarrow.png);
	top:205px;
	left:7px;
	height:221px;
	width:193px;
	z-index:0;
}

#contactarrow {
	position: absolute;
	background-image:url(images/template/contactarrow.png);
	top:205px;
	left:690px;
	height:221px;
	width:193px;
	z-index:0;
}

/*____________________Portfolio DropDown____________________ */

.folioNav {
	position:relative;
	top:-163px;
	left: 223px;
	width:143px;
}
.folioNav p {
	width:199px;
	height:162px;
	background:url(images/template/nav-portfolio.png) no-repeat;
	text-indent:-9999px;
	margin:0;
}
.folioNav ul {
	width:198px;
	background:#000000;
	border:1px solid #48758d;
	border-width:0 1px 1px 1px;
	position:absolute;
	left:0;
	top:142px;
	margin:0;
	padding:0;
	list-style:none;
}
.folioNav ul a:link, .folioNav ul a:visited {
	display:block;
	width:178px;
	padding:2px 10px 2px 10px;
	text-decoration:none;
	color:#1c6778;
	font-weight:normal;
}
.folioNav ul a:hover, .folioNav ul a:active {
	background:#93b8d3;
}
.folioNav {
	height:143px; 
	width:199px; 
	overflow:hidden;
}
.folioNav:hover {
	overflow:visible;
}

/*____________________RSS Box____________________ */

#rssbox{ /*Style for RSS box for #rssbox box (last demo)*/
width: 500px;
height: 310px;
padding: 10px;
border: 1px dashed black;
}

#rssbox .rsscontainer{
margin-bottom: 1em;
}

#rssbox .rsscontainer .rssdate{ /*Style for RSS dates within #rssbox box*/
font-weight:bolder;
font-size:11px;
}

#rssbox .rsscontainer .rssdescription{ /*Style for RSS dates within #rssbox box*/
margin-left:10px;
}

/*____________________Links____________________ */

a:link {
	color: #333333;
	text-decoration:none;
}
a:visited {
	color: #333333;
	text-decoration:none;
}
a:hover {
	color: #FFFFFF;
	text-decoration:none;
}
a:active {
	color: #333333;
	text-decoration:none;
}