/* CSS Document */
/* body {
width: 100%;
background: url(images/bg.jpg);
background-color:#000000;
} */

/* body {
background: #000 url(images/bg.jpg); 
margin: 0; 
padding: 0;
} */

body {
background: #000000; 
margin: 0; 
padding: 0;
}
 
 
#b_homepage {
height : 880px;
margin-top: auto;
margin-left : auto;
margin-right: auto;
position: relative;
} 

html> body #b_homepage {
height : 880px;
margin-top: auto;
margin-left : auto;
margin-right: auto;
position: relative;
}



/* these are for the paragraphs and headings for each page*/
			
p {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size : 11pt; 
font-weight:normal;
color : #ffffff; 
} 


html> body p {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size : 11pt; 
font-weight:normal;
color : #ffffff; 
}



h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size : 12pt; 
color : #537171; 
line-height:16px;
vertical-align:top;
font-weight:bold;
} 


html> body h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size : 12pt; 
color : #537171; 
line-height:16px;
vertical-align:top;
font-weight:bold;
} 


h2 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size : 8pt;
text-align: center;
font-weight:normal;
font-style:normal; 
color : #ffffff; 
} 


html> body h2 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size : 8pt;
text-align: center;
font-weight:normal;
font-style:normal; 
color : #ffffff; 
}

.style5 {
	font-size: 12px;
	color : #537171; 
}

.style6 {
	font-size: 12px;
	color : #537171; 
}

.smalltext {
	font-family : Arial, Helvetica, sans-serif; 
	color: #FF9900;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


a.footerlink {
	font-family : Arial, Helvetica, sans-serif; 
	color: #FF9900;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}




ul 	{
font-family: Verdana, Arial, Helvetica, sans-serif; 
color : #8d8d8d; 
font-size : 10pt; 
vertical-align:top;
list-style:none;
padding:0px;
margin:0px;			
}


/* container 2 */

#homepage {
margin-left : auto;
margin-right: auto;
background-color: #000000;
width : 790px;
height: 880px;
padding : 0;
position: relative;
}



html> body #homepage {
margin-left : auto;
margin-right: auto;
background-color: #000000;
width : 790px;
height: 880px;
padding : 0;
position: relative;
}



#title {
position : absolute; 
margin-top : 430px; 
margin-left : 50px; 
width : 320px; 
height : 58px;
padding : 0; 
z-index : 6; 
} 

#title2 {
position : absolute; 
margin-top : 290px; 
margin-left : 40px; 
width : 690px; 
height : 30px; 
padding : 0; 
z-index : 6; 
} 

.title3
{
    font-size: large; 
    color: #F6E035; 
    font-style: italic;
    white-space: nowrap;
}





#logo {
position : absolute; 
margin-top : 140px; 
margin-left : 70px;
width : 250px; 
height : 259px; 
padding : 0; 
z-index : 5; 
} 


html > body #logo {
position : absolute; 
margin-top : 140px; 
margin-left : 70px;
width : 250px; 
height : 259px; 
padding : 0; 
z-index : 5; 
} 

#portrait {
position : absolute; 
margin-top : 230px; 
margin-left : 540px;
width : 130px; 
height : 162px; 
padding : 0; 
z-index : 5; 
}

#nav {
font-family : Arial, Helvetica, sans-serif;
text-align: center;
position : relative; 
margin-top : 0px; 
width : 790px;
font-size: 110%;
font-weight: bold;
padding : 0; 
color: #FF9900;
}

#menu_tab {
margin-right: 3px;
margin-left: 3px
}

#menu_tab:hover {
color: white;
}


#side_nav {
font-family : Arial, Helvetica, sans-serif; 
font-size : 105%;
font-weight: bold;
position : absolute;
margin-top : 20px; 
margin-left : 50px;
background-color:#000000;
width : 690px;
color: white;
text-align: right;
} 



/* Used to display the random thoughts */
#thought {
	position: absolute;
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 10pt; 
	text-align:left;
	color : #ffffff; 
	width : 690px; 
	top : 530px; 
	margin-left: 50px;
	list-style-type: none;
}

#thought .slide {
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif; 
    color: #ffffff;
}

/* End Random Thoughts */


/* these are for the Footer*/



#footer {
position : absolute; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 8pt; 
text-align:left;
color : #ffffff; 
width : 650px; 
top : 710px;
margin-left: 50px;
}


#footer2 p {
clear: both;
font-family : Arial, Helvetica, sans-serif; 
font-size : 8pt; 
text-align:center;
color : #ffffff; 
width : 790px; 
}


#footer2 {
position : absolute; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 8pt; 
text-align:center;
color : #ffffff;
width : 790px;
top : 780px;
margin-left: auto;
}





#footer3 {
position : absolute;
font-family : Arial, Helvetica, sans-serif; 
font-size : 8pt; 
text-align:center;
color : #537171;
background-color:#FFFFFF; 
width : 790px;
top : 680px;
}



/* these are for the CSS Hover Portfolio*/
/* ---- styling the list ---- */



li.work {
			float:left;
			width:483px;
			display:inline;
			background:#000000;
			height:255px;
		}

li.none {
			float:left;
			width:483px;
			background:#000000;
			padding:0px 0px 10px 0px; 
			height:35px;
		}
		
a:link {
color : #FF9900; 
text-decoration : none; 
} 
a:visited {
color : #FF9900; 
text-decoration : none; 
} 
a:active {
color : #FF9900; 
text-decoration : none; 
} 
a:hover {
color : #FF9900; 
text-decoration : none; 
}