/* these are the portfolio styles */

body {
	font-family: Helvetica, sans-serif, Geneva, "Lucida Grande", Verdana;
	font-size: 66%;
	text-transform: uppercase;
	background-color: #FFFFFF;
	margin: 0;
	padding-bottom: 20px;
	}	
#dead_horizon    
	{
	margin-left: -500px;
	position: absolute;
	top: 4px;
	left: 608px;
	height: 620px;
	visibility: visible;
	}

#container {
	height: auto;
	width: 1000px;
	background: #FFFFFF repeat-x bottom;
	font-size: 1em;
	margin-top: 20px;
}


	
#topframe {
	height: auto;
	top: 0px;
	left: 0px;
	width: 1000px;
	font-weight: bolder;
	visibility: visible;
	}

.namebox {
	position: relative;
	background-repeat: repeat-x;
	padding-top: 25px;
	text-align: left;
	font-size: 1.75em;
	color: #7817e6;
	text-transform: lowercase;
	font-weight: 500;
	letter-spacing: -0.6pt;
	width: auto;
	overflow: hidden;
	padding-left: 15px;
	padding-right: 0px;
	margin-right: 0px;
	margin-left: 0px;
	border-bottom-width: 3px;
	border-bottom-style: inset;
	border-left-color: #76AB6B;
	margin-bottom: 0px;
	}
	
	.navbox {
	background-color: #f28d15;
	width: 250px;
	position: absolute;
	left: 250px;
	top: 0px;
	height: 50px;
	background-repeat: repeat-x;
	padding-top: 30px;
	text-align: left;
	color: #662d91;
	background-image: url(../images/newsite/images/top_nav_back_02.gif);
	}
.navigation {
	background-repeat: repeat-x;
	height: auto;
	left: 250\;
	top: -1px;
	line-height: 30px;
	text-transform: lowercase;
	text-align: left;
	padding-right: 10px;
	padding-top: 0px;
	font-size: 1.em;
	font-weight: bold;
	color: #666666;
	font-size: 1.5em;
	margin-top: 20px;
}

	.work_box1 {
	background-color: #e61760;
	width: 250px;
	position: absolute;
	left: 499px;
	top: 0px;
	height: 50px;
	background-image: url(../images/newsite/images/top_back_work1_04.gif);
	background-repeat: repeat-x;
	padding-top: 30px;
	text-align: left;
	color: #662d91;	
	}
	.work_box2 {
	background-color: #0db4c3;
	width: 250px;
	position: absolute;
	left: 749px;
	top: 0px;
	height: 50px;
	background-image: url(../images/newsite/images/top_back_work2_06.gif);
	background-repeat: repeat-x;
	padding-top: 30px;
	text-align: left;
	color: #662d91;
	}
/* these are the END OF portfolio styles */
	
	
/* these are the HOME PAGE or INDEX styles */
.footer_text {
	padding-left: 255px;
}
.footer_text_2 {
	padding-left: 136px;
}
.footer_text_3 {
	padding-left: 182px;
}

#middle_frame .mid_work1 .nav {
	color: #FFFFFF;
}
#middle_frame {
	position: absolute;
	height: 250px;
	width: 1000px;
	left: 0px;
	top: 80px;
}

#bottom_frame {
	position: absolute;
	height: 250px;
	width: 1000px;
	left: 0px;
	top: 250px;
}

#footer {
	background-image: url(../images/newsite/images/footer_breadcrumb.gif);
	font-size: 0.9em;
	letter-spacing: -0.4pt;
	text-transform: lowercase;
	height: 20px;
	width: 100%;
	position: absolute;
	top: 580px;
	left: 0px;
	background-repeat: repeat-y;
	padding-top: 13px;
	color: #ADC5C8;
	font-weight: bolder;
}

.mid_blog {
	background-image: url(../images/newsite/images/mid_blog_back_12.gif);
	background-repeat: repeat-x;
	width: 235px;
	position: absolute;
	height: 227px;
	left: 0px;
	top: 0px;
	padding-top: 25px;
	text-align: right;
	padding-right: 15px;
	text-transform: lowercase;
	font-size: 1.75em;
	color: #85d9e0;
	font-weight: 500;
	letter-spacing: -0.6pt;
}
.mid_work1 {
	background-image: url(../images/newsite/images/mid_nav_back_14.gif);
	background-repeat: repeat-x;
	width: 240px;
	position: absolute;
	height: 251px;
	left: 250\;
	top: -1px;
	line-height: 30px;
	text-transform: lowercase;
	text-align: right;
	padding-right: 10px;
	padding-top: 0px;
	font-size: 1em;
	font-weight: bold;
	font-style: normal;
	left: 250px;
	color: #FFFFFF;
	top: 0px;
	background-color: #F28D15;
	font-size: 1.5em;
}
.mid_work2 {
	position: absolute;
	height: 249px;
	top: 0px;
	width: 250px;
	right: 250px;
}
.mid_work3 {
	position: absolute;
	height: 250px;
	width: 250px;
	top: 0px;
	right: 0px;
}
.bott_blog {
	background-color: #6B4F00;
	height: 250px;
	width: 250px;
}
.bott_work1 {
	background-color: #FFFFFF;
	height: 250px;
	width: 250px;
	position: absolute;
	top: 0px;
	left: 250px;
}

.bott_work2 {
	height: 250px;
	width: 250px;
	position: absolute;
	top: 0px;
	left: 500px;
}
.bott_work3 {
	height: 250px;
	width: 250px;
	position: absolute;
	top: 0px;
	left: 750px;
}

/* this is the link class for navigation in the second col */

a.nav:link {
	color: #333333;
}
a.nav:visited {
	color: #FFFFFF;
}
a.nav:hover {
	text-decoration: underline;
	background-color: #E61760;
	color: #FFFFFF;
}
a.nav:active {
	color: #7817E6;
	background-color: #333333;
}

/* this is the link class for NAME christopher on the left */

a.name:link {
	color: #85d9e0;
	text-decoration: none;
}
a.name:visited {
	text-decoration: none;
	color:
 	color: #674E10;
}
a.name:hover {
	text-decoration: underline;
	background-color: #E61760;
	color: #FFFFFF;
}
a.name:active {
	color: #7817E6;
	background-color: #333333;
}

/* this is the link class for site ID on the top and left */

a.id_name:link {
	text-decoration: none;
	color: #7817e6;
}
a.id_name:visited {
	text-decoration: none;
	color: #7817E6;
}
a.id_name:hover {
	text-decoration: underline;
	background-color: #E61760;
	color: #FFFFFF;
}
a.id_name:active {
	color: #7817E6;
	background-color: #333333;
}
#proj_list {
	text-align: left;
}
.port_info {
	font-size: 12px;
	text-transform: none;
	width: 600px;
	margin: 20px;
}
.nameboxlist {
	position: relative;
	padding-top: 25px;
	text-align: left;
	font-size: 1.75em;
	text-transform: lowercase;
	font-weight: 500;
	letter-spacing: -0.6pt;
	width: auto;
	overflow: hidden;
	padding-left: 15px;
	padding-right: 15px;
	margin-right: 0px;
	margin-left: 0px;
	background: #d1e0e0;
	border-bottom: 3px inset #FF3399;
	margin-bottom: 0px;
	background: #d1e0e0;
	border-bottom: 3px inset #FF3399;
	margin-bottom: 0px;
	padding-bottom: 10px;
}
a.id_name_pr:link {
	text-decoration: none;
	color: #BE2572;
}
a.id_name_pr:visited {
	text-decoration: none;
	color: #7817E6;
}
a.id_name_pr:hover {
	text-decoration: underline;
	background-color: #E61760;
	color: #FFFFFF;
}
a.id_name_pr:active {
	color: #7817E6;
	background-color: #333333;
}
.nav_space {
	padding-right: 10px;
	padding-left: 10px;
}

.style1 {
	font-size: 100px;
	color: #333333;
	margin-bottom: 10px;
	margin-top: 50px;
}
.image_portfolio_left  {
	float: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #FF3399;
	margin-right: 10px;
	width: 475px;
}
.clip {
	height: 300px;
	width: 475px;
	overflow: hidden;
	margin: 0px;
	border: 1px solid #D1E0E0;
}
.img.image_portfolio_main {
	position: relative;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #D1E0E0;
	border-left-color: #D1E0E0;
	margin: 0px;
}
p {
	font-size: 1.2em;
	text-transform: none;
	font-family: Helvetica, "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-style: normal;
	line-height: 16px;
	width: 90%;
}
#container .navigation .nav img {
	clear: right;
}
.subnav {
	float: right;
	text-align: right;
}