/* CSS Document */

/* --- Layout Stuff --- */

body {
	background-color:rgb(222,222,222);
	background-image:url(../images/bp/background_gradient.jpg);
	background-repeat:repeat-x;
}

div.page {
	position: relative;
	margin: 0 auto;
	width: 800px;
}	

div#background_pic {
	background-image:url(../images/bp/background.gif);
	background-repeat:no-repeat;
	background-color:#CCCCCC;
	height: 450px;
	width: 800px;
	position:absolute;
	top:20px;
	left:0px;
}

div.pictures_left {
	position:absolute;
	top:53px;
	left:61px;
	height:378px;
	width:118px;
}

div.header {
	position:absolute;
	top: 94px;
	left: 490px;
}

div.heading {
	position:absolute;
	top: 110px;
	left: 210px;
	font-family:Georgia, 'Times New Roman', Times, serif;
	padding:0px;
	margin:0px;
	font-size:larger;
	z-index:1;
}

div.content {
	position:absolute;
	top:120px;
	left:210px;
	width:350px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
}

div.scroll_content {
	position:absolute;
	top: 146px;
	left:210px;
	height: 275px; 
	width: 350px; 
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	overflow: auto; 
	display:block;
	padding-right:5px;
}

div#latest_link {
	position:absolute;
	top:430px;
	left:250px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	z-index:1;
}

div#upcoming_link {
	position:absolute;
	top:430px;
	left:375px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	z-index:1;
}

a:link { 
	color:#003366;
	text-decoration:none;
}

a:visited { 
	color:#333333;
	text-decoration:none;
}

a:hover { 
	color:#333333;
	text-decoration:none;
}

a.latest_thumb {
	float:left;
	padding:0px;
	margin-right:15px;
	margin-bottom:20px;
	width:50px;
	height:37px;
}

hr {
	clear:both;
	width:auto;
}


/* --- Inside Stuff --- */

div.city {
	margin: 0px;
	padding-right: 5px;
	padding-top: 10px;
	float:right;
	font-size:medium;
	font-family:Georgia, 'Times New Roman', Times, serif;	
}
div.date {
	margin: 0px;
	padding: 0px;
	font-size:medium;
	font-family:Georgia, 'Times New Roman', Times, serif;		
}
div.event {
	margin: 0px;
	font-size:large;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}

p.news {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000033;
	font-size:small;
}

div.sub_head {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-size: small;
	text-indent: 35px;
	background:url(../images/tree.jpg);
	background-repeat: no-repeat;
	height:30px;
	width:300px;
	padding-top:6px;
}

div#timeline {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:large;
	text-align:center;
	font-size:25px;
}
/* --- Recent Projects Stuff --- */

.animation_entry_bg {
	height:54px; 
	width:352px; 
	float:left; 
	margin-top:5px; 
	margin-left:15px; 
	background-image:url(../images/bp/animation_entry_bg.jpg);
}

.web_design_entry_bg {
	height:54px; 
	width:352px; 
	float:left;
	margin-top:5px; 
	margin-left:15px; 
	background-image:url(../images/bp/web_design_entry_bg.jpg);
}
.current_text {
	float:left; 
	height:44px; 
	width:230px; 
	margin-left:15px; 
	margin-top:5px; 
	font-family:Georgia, 'Times New Roman', Times, serif; 
	font-size:12px;
	overflow:hidden;
}
.current_thumb {
	float:right; 
	height:44px; 
	width:96px; 
	margin-right:5px; 
	margin-top:5px; 
	background-image:url(../images/bp/current_thumb.jpg);
}
.sub_text {
	color:#666666;
}
.animation_box {
	width:385px;
	position:absolute;
	top:475px;
	left:5px;
	background-image:url(../images/bp/animation_bg.jpg);
	background-repeat:no-repeat;
	background-color:rgb(222,222,222);
}
.web_box {
	width:385px;
	position:absolute;
	top:475px; 
	left:405px;
	background-image:url(../images/bp/web_design_bg.jpg);
	background-repeat:no-repeat;
	background-color:rgb(222,222,222);
}


/* --- Resume Stuff --- */


div#download_doc {
	position:absolute;
	top: 405px;
	left: 205px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	background-image:url(../images/pdf_icon.gif);
	background-repeat:no-repeat;
	height:40px;
	width:200px;
	text-indent:50px;
	padding-top:15px;
	z-index:1;
	
}

div#address {
	position:absolute;
	top: 140px;
	left:210px; 
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	display:block;
}

#wrapper {
	width: 350px;
	text-align: left;
	position:absolute;
	left:200px;
	top:100px;
}

div.resume_content {
	font-family: 'Lucida Grande', Arial, sans-serif;
	font-size: small;
	margin: 0;
	padding: 0;
	width:350px;
	position:absolute;
	left:5px;
	top:0px;
}

div.cf_wrapper {
	position: absolute;
	top:100px;
	left:2px;
	width:370px;
}
	
div.cf_element {
	width: 370px;
	height: 300px;
}

/* --- Portfolio Stuff ---*/

div#thumb_click_por {
	position:absolute;
	top: 370px;
	left:230px;
	text-align:center;
	width:300px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	z-index:1;
}

div#portfolio_bar {
	position:absolute;
	top: 410px;
	left: 205px;
}

.por_blocks {
	position:absolute;
	top:80px;
	left:237px;
	width:150px;
}
.por_num {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-right:5px;
	width:10px;
	display:inline;
	color:#666666;
}

#portfolio_images {
	position:absolute;
	top:400px;
	left:217px;
}

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

#portfolio_images ul li {
	background-repeat: no-repeat; 
	width: 53px;
	height: 41px;
	margin-top: 0px; 
	margin-bottom: 0px; 
	float:left;
	display: block;
	margin-right:15px;
}

#portfolio_images ul li a {
	height:41px;
	padding-top: 0; 
	padding-bottom: 0;
}

#por_1 {
	background-image:url(../images/portfolio_pics/portfolio_thumboff1.jpg);
}
#por_2 {
	background-image:url(../images/portfolio_pics/portfolio_thumboff2.jpg);
}
#por_3 {
	background-image:url(../images/portfolio_pics/portfolio_thumboff3.jpg);
}
#por_4 {
	background-image:url(../images/portfolio_pics/portfolio_thumboff4.jpg);
}
#por_5 {
	background-image:url(../images/portfolio_pics/portfolio_thumboff5.jpg);
} 
#por_6 {
	background-image:url(../images/portfolio_pics/portfolio_thumboff6.jpg);
}
#por_7 {
	background-image:url(../images/portfolio_pics/portfolio_thumboff7.jpg);
}
#por_8 {
	background-image:url(../images/portfolio_pics/portfolio_thumboff8.jpg);
}
#por_9 {
	background-image:url(../images/portfolio_pics/portfolio_thumboff9.jpg);
}
#por_10 {
	background-image:url(../images/portfolio_pics/portfolio_thumboff10.jpg);
}
#por_11 {
	background-image:url(../images/portfolio_pics/portfolio_thumboff11.jpg);
}
#por_12 {
	background-image:url(../images/portfolio_pics/portfolio_thumboff12.jpg);
}
#por_13 {
	background-image:url(../images/portfolio_pics/portfolio_thumboff13.jpg);
}
#por_14 {
	background-image:url(../images/portfolio_pics/portfolio_thumboff14.jpg);
}
#por_15 {
	background-image:url(../images/portfolio_pics/portfolio_thumboff15.jpg);
}

div#portfolio_images ul li#por_1 a:hover {
	background-image:url(../images/portfolio_pics/portfolio_thumbon1.jpg);
	background-repeat:no-repeat;
}
div#portfolio_images ul li#por_2 a:hover {
	background-image:url(../images/portfolio_pics/portfolio_thumbon2.jpg);
	background-repeat:no-repeat;
}
div#portfolio_images ul li#por_3 a:hover {
	background-image:url(../images/portfolio_pics/portfolio_thumbon3.jpg);
	background-repeat:no-repeat;
}
div#portfolio_images ul li#por_4 a:hover {
	background-image:url(../images/portfolio_pics/portfolio_thumbon4.jpg);
	background-repeat:no-repeat;
}
div#portfolio_images ul li#por_5 a:hover {
	background-image:url(../images/portfolio_pics/portfolio_thumbon5.jpg);
	background-repeat:no-repeat;
}
div#portfolio_images ul li#por_6 a:hover {
	background-image:url(../images/portfolio_pics/portfolio_thumbon6.jpg);
	background-repeat:no-repeat;
}
div#portfolio_images ul li#por_7 a:hover {
	background-image:url(../images/portfolio_pics/portfolio_thumbon7.jpg);
	background-repeat:no-repeat;
}
div#portfolio_images ul li#por_8 a:hover {
	background-image:url(../images/portfolio_pics/portfolio_thumbon8.jpg);
	background-repeat:no-repeat;
}
div#portfolio_images ul li#por_9 a:hover {
	background-image:url(../images/portfolio_pics/portfolio_thumbon9.jpg);
	background-repeat:no-repeat;
}
div#portfolio_images ul li#por_10 a:hover {
	background-image:url(../images/portfolio_pics/portfolio_thumbon10.jpg);
	background-repeat:no-repeat;
}
div#portfolio_images ul li#por_11 a:hover {
	background-image:url(../images/portfolio_pics/portfolio_thumbon11.jpg);
	background-repeat:no-repeat;
}
div#portfolio_images ul li#por_12 a:hover {
	background-image:url(../images/portfolio_pics/portfolio_thumbon12.jpg);
	background-repeat:no-repeat;
}
div#portfolio_images ul li#por_13 a:hover {
	background-image:url(../images/portfolio_pics/portfolio_thumbon13.jpg);
	background-repeat:no-repeat;
}
div#portfolio_images ul li#por_14 a:hover {
	background-image:url(../images/portfolio_pics/portfolio_thumbon14.jpg);
	background-repeat:no-repeat;
}
div#portfolio_images ul li#por_15 a:hover {
	background-image:url(../images/portfolio_pics/portfolio_thumbon15.jpg);
	background-repeat:no-repeat;
}
div#portfolio_images ul li a img{
	width: 275px;
	height: 200px;
	position: absolute;
	top: -250px;
	left: 20px;
	display: none;
}

#portfolio_images a:hover img {
	display: inline;
}

 /* hide rules from IE5 Mac \*/
#portfolio_images a {
	padding-top: 0; 
	padding-bottom: 0;
	display: block;
	line-height: 41px;
}	
	
#portfolio_images li {
	margin-top:0;
	margin-bottom:0;
}
/* end hack */

/* --- Media Stuff ---*/

#video {
	position:absolute;
	top:160px;
	left:245px;
}

div#thumb_click_media {
	position:absolute;
	top: 370px;
	left:220px;
	text-align:center;
	width:300px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	z-index:1;
}


div#portfolio_bar {
	position:absolute;
	top: 410px;
	left: 205px;
}

div#media_images {
	position:absolute;
	top:403px;
	left:241px;
	z-index:1;
}

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

#media_images ul li {
	background-repeat: no-repeat; 
	width: 50px;
	height: 33px;
	margin-top: 0px; 
	margin-bottom: 0px; 
	float:left;
	display: block;
	padding-right:20px;
}

#media_images ul li a {
	width: 50px;
	height:33px;
	padding-top: 0; 
	padding-bottom: 0;
}

#vid_1 {
	background-image:url(../images/video_pics/vid_thumboff1.jpg);
}
#vid_2 {
	background-image:url(../images/video_pics/vid_thumboff2.jpg);
}
#vid_3 {
	background-image:url(../images/video_pics/vid_thumboff3.jpg);
}
#vid_4 {
	background-image:url(../images/video_pics/vid_thumboff4.jpg);
}


div#media_images ul li#vid_1 a:hover {
	background:url(../images/video_pics/vid_thumbon1.jpg);
	background-repeat:no-repeat;

}
div#media_images ul li#vid_2 a:hover {
	background:url(../images/video_pics/vid_thumbon2.jpg);
	background-repeat:no-repeat;
}
div#media_images ul li#vid_3 a:hover {
	background:url(../images/video_pics/vid_thumbon3.jpg);
	background-repeat:no-repeat;
}
div#media_images ul li#vid_4 a:hover {
	background:url(../images/video_pics/vid_thumbon4.jpg);
	background-repeat:no-repeat;
}

/* hide rules from IE5 Mac \*/
#media_images a {
	padding-top: 0; 
	padding-bottom: 0;
	display: block;
}	
	
#media_images li {
	margin-top:0;
	margin-bottom:0;
}
/* end hack */


/* --- Form Stuff --- */

div#form_content {
	position:absolute;
	top: 146px;
	left:210px;
	height: 275px; 
	width: 250px; 
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
}

div#email_heading {
	position:absolute;
	left:210px;
	top: 400px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
}

div#email_address {
	position:absolute;
	left:210px;
	top: 420px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
}

div.email_label {
	position:absolute;
	top:2px;
}

div.email_input {
	position:absolute;
	top:0px;
	left:42px;
}

div.sex_label {
	position:absolute;
	top:40px;
}

div.sex_input {
	position:absolute;
	top:40px;
	left:30px;
}

div.sign_up_label {
	position:absolute;
	top:70px;
}

div.sign_up_input {
	position:absolute;
	top:90px;
	left:15px;
	width:140px;
}

div.how_label {
	position:absolute;
	top:160px;
}

div.how_input {
	position:absolute;
	top:180px;
	left:15px;
	width:300px;
}

div#how {
	float:left;
	padding-right:10px;
}

p#submit {
	position:absolute;
	top:210px;
}

p#val_tag {
	position:absolute;
	top:410px;
	left:635px;
}

div#info_button a {
	position:absolute;
	left:672px;
	top:418px;
	background:url(../images/bp/info_button.jpg);
	height:27px;
	width:27px;
}

/* --- Validation Page ---*/

p#xhtml_validation_tag {
	position:absolute;
	top:375px;
	left:300px;
}

p#css_validation_tag {
	position:absolute;
	top:375px;
	left:390px;
}

div#signiture {
	float:right;
	padding-right:20px;
	padding-top:10px;
}

div#info_content {
	position:absolute;
	top: 160px;
	left:230px;
	height: 275px; 
	width: 300px; 
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align:center;
}

/* --- Navigation Stuff --- */

div#navigation{
	background:url(../images/bp/navigation_bar2.jpg);
	width: 173px;
	height: 258px; 
	position:absolute;
	top:160px;
	left:584px;
}

div#navigation ul li.nav1 a:hover {
	background: url(../images/bp/navigation_bar2.jpg) -173px -0px;
}

div#navigation ul li.nav2 a:hover {
	background: url(../images/bp/navigation_bar2.jpg) -173px -42px;
}

div#navigation ul li.nav3 a:hover {
	background: url(../images/bp/navigation_bar2.jpg) -173px -84px;
}

div#navigation ul li.nav4 a:hover {
	background: url(../images/bp/navigation_bar2.jpg) -173px -126px;
}

div#navigation ul li.nav5 a:hover {
	background: url(../images/bp/navigation_bar2.jpg) -173px -168px;
}

div#navigation ul li.nav6 a:hover {
	background: url(../images/bp/navigation_bar2.jpg) -173px -210px;
}

div#navigation ul li a {
	display: block;
	width: 173px;
	height: 42px;
}

div#navigation ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 173px;
	overflow:hidden;
}