/* PAGE BODY */
body{
	padding:0px;
	padding-top:5px;
	padding-bottom:5px;
	font-family: georgia;
	font-size: 12px;
	background-color:#FFFFFF;
    margin: 0; /* to avoid margins */
    text-align: center; /* to correct the centering IE bug*/
}
h1{
	margin:0;
	padding:0; 
	font-weight:normal;
	font-size:36px;
}
p{
	margin:0;
	padding-top:5px;
	padding-bottom:5px;
}
td{
	margin:0;
	padding-top:1px;
	padding-bottom:1px;
}
a{
	text-decoration: none;
	color:#000000;
}
a:hover{
	color:#FFFF00;
	background-color:#000000;
}

/* TOP NAVIGATION*/
#header{
	width: 800px;
	height:40px;
	position:relative;
}
#header_left{
	width:400px;	
	height:40px;
	position: relative;
	float: left;
} 
#header_right{
	width: 400px;
	height:20px;
	position: relative;
	float: right;
	text-align: right;
	padding-top:22px;
} 

/* BODY MAIN */
#container{
	width: 800px;
	padding-top: 10px;	
    margin-left: auto;
    margin-right: auto;
    text-align: left; /* to realign your text */
}
#body{
	width: 800px;
	position: relative;
	font-size:1em;
}
.story_text{
	width: 480px;
	height:80px;
	float: left;
	position: relative;
	padding-top: 5px;
}
.story_image{
	width: 300px;
	height:80px;
	float: right;
	position: relative;
}
#body_graphic{
	position: relative;
	padding-bottom:7px;
	height:250px;
}

#body_story_text_left{
	width: 380px;
	float: left;
	padding-top: 5px;
}
#body_story_text_right{
	width: 380px;
	float: right;
	position: relative;
	padding-top: 5px;
}

#body_story_image a img{
	border-width:0px;	
	height: 80px;
	width: 300px;
	display:block;
}
.story_image_2{
	width: 300px;
	height:250px;
	float: left;
	position: relative;
	padding-left:20px;
}
.story_image_2 a img{
	border-width:0px;	
	height: 250px;
	width: 300px;
	display:block;
}
/*homepage*/
.story_image a#story_1 img{
	border-width:0px;
	background: url("../graphics/news_1.jpg") no-repeat;
}
.story_image a#story_2 img{
	border-width:0px;
	background: url("../graphics/news_6.jpg") no-repeat;
}
.story_image a#story_3 img{
	border-width:0px;
	background: url("../graphics/news_3.jpg") no-repeat;
}
.story_image a#story_4 img{
	border-width:0px;
	background: url("../graphics/news_4.jpg") no-repeat;
}
.story_image a#story_1:hover img{
	border-width:0px;
	background: url("../graphics/news_1.jpg") no-repeat;
	background-position:bottom;
}
.story_image a#story_2:hover img{
	border-width:0px;
	background: url("../graphics/news_6.jpg") no-repeat;
	background-position:bottom;
}
.story_image a#story_3:hover img{
	border-width:0px;
	background: url("../graphics/news_3.jpg") no-repeat;
	background-position:bottom;
}
.story_image a#story_4:hover img{
	border-width:0px;
	background: url("../graphics/news_4.jpg") no-repeat;
	background-position:bottom;
}

/*portfolio*/
.story_image a#portfolio_1 img{
	border-width:0px;
	background: url("../graphics/portfolio_1.jpg") no-repeat;
}
.story_image a#portfolio_2 img{
	border-width:0px;
	background: url("../graphics/portfolio_2.jpg") no-repeat;
}
.story_image a#portfolio_3 img{
	border-width:0px;
	background: url("../graphics/portfolio_3.jpg") no-repeat;
}
.story_image a#portfolio_4 img{
	border-width:0px;
	background: url("../graphics/portfolio_4.jpg") no-repeat;
}
.story_image a#portfolio_5 img{
	border-width:0px;
	background: url("../graphics/portfolio_5.jpg") no-repeat;
}
.story_image a#portfolio_6 img{
	border-width:0px;
	background: url("../graphics/portfolio_6.jpg") no-repeat;
}
.story_image a#portfolio_7 img{
	border-width:0px;
	background: url("../graphics/portfolio_7.jpg") no-repeat;
}
.story_image a#portfolio_8 img{
	border-width:0px;
	background: url("../graphics/portfolio_8.jpg") no-repeat;
}
.story_image a#portfolio_9 img{
	border-width:0px;
	background: url("../graphics/portfolio_9.jpg") no-repeat;
}
.story_image a#portfolio_10 img{
	border-width:0px;
	background: url("../graphics/portfolio_10.jpg") no-repeat;
}
.story_image a#portfolio_1:hover img{
	border-width:0px;
	background: url("../graphics/portfolio_1.jpg") no-repeat;
	background-position:bottom;
}
.story_image a#portfolio_2:hover img{
	border-width:0px;
	background: url("../graphics/portfolio_2.jpg") no-repeat;
	background-position:bottom;
}
.story_image a#portfolio_3:hover img{
	border-width:0px;
	background: url("../graphics/portfolio_3.jpg") no-repeat;
	background-position:bottom;
}
.story_image a#portfolio_4:hover img{
	border-width:0px;
	background: url("../graphics/portfolio_4.jpg") no-repeat;
	background-position:bottom;
}
.story_image a#portfolio_5:hover img{
	border-width:0px;
	background: url("../graphics/portfolio_5.jpg") no-repeat;
	background-position:bottom;
}
.story_image a#portfolio_6:hover img{
	border-width:0px;
	background: url("../graphics/portfolio_6.jpg") no-repeat;
	background-position:bottom;
}
.story_image a#portfolio_7:hover img{
	border-width:0px;
	background: url("../graphics/portfolio_7.jpg") no-repeat;
	background-position:bottom;
}
.story_image a#portfolio_8:hover img{
	border-width:0px;
	background: url("../graphics/portfolio_8.jpg") no-repeat;
	background-position:bottom;
}
.story_image a#portfolio_9:hover img{
	border-width:0px;
	background: url("../graphics/portfolio_9.jpg") no-repeat;
	background-position:bottom;
}
.story_image a#portfolio_10:hover img{
	border-width:0px;
	background: url("../graphics/portfolio_10.jpg") no-repeat;
	background-position:bottom;
}

/*Actual Portfolio Stories*/
.story_image_2 a#portfolio_story_1 img{
	border-width:0px;
	background: url("../graphics/portfolio_story_1.jpg") no-repeat;
}
.story_image_2 a#portfolio_story_2 img{
	border-width:0px;
	background: url("../graphics/portfolio_story_2.jpg") no-repeat;
}
.story_image_2 a#portfolio_story_3 img{
	border-width:0px;
	background: url("../graphics/portfolio_story_3.jpg") no-repeat;
}
.story_image_2 a#portfolio_story_4 img{
	border-width:0px;
	background: url("../graphics/portfolio_story_4.jpg") no-repeat;
}
.story_image_2 a#portfolio_story_5 img{
	border-width:0px;
	background: url("../graphics/portfolio_story_5.jpg") no-repeat;
}
.story_image_2 a#portfolio_story_6 img{
	border-width:0px;
	background: url("../graphics/portfolio_story_6.jpg") no-repeat;
}
.story_image_2 a#portfolio_story_7 img{
	border-width:0px;
	background: url("../graphics/portfolio_story_7.jpg") no-repeat;
}
.story_image_2 a#portfolio_story_8 img{
	border-width:0px;
	background: url("../graphics/portfolio_story_8.jpg") no-repeat;
}
.story_image_2 a#portfolio_story_9 img{
	border-width:0px;
	background: url("../graphics/portfolio_story_9.jpg") no-repeat;
}
.story_image_2 a#portfolio_story_10 img{
	border-width:0px;
	background: url("../graphics/portfolio_story_10.jpg") no-repeat;
}
.story_image_2 a#portfolio_story_1:hover img{
	border-width:0px;
	background: url("../graphics/portfolio_story_1.jpg") no-repeat;
	background-position:bottom;
}
.story_image_2 a#portfolio_story_2:hover img{
	border-width:0px;
	background: url("../graphics/portfolio_story_2.jpg") no-repeat;
	background-position:bottom;
}
.story_image_2 a#portfolio_story_3:hover img{
	border-width:0px;
	background: url("../graphics/portfolio_story_3.jpg") no-repeat;
	background-position:bottom;
}
.story_image_2 a#portfolio_story_4:hover img{
	border-width:0px;
	background: url("../graphics/portfolio_story_4.jpg") no-repeat;
	background-position:bottom;
}
.story_image_2 a#portfolio_story_5:hover img{
	border-width:0px;
	background: url("../graphics/portfolio_story_5.jpg") no-repeat;
	background-position:bottom;
}
.story_image_2 a#portfolio_story_6:hover img{
	border-width:0px;
	background: url("../graphics/portfolio_story_6.jpg") no-repeat;
	background-position:bottom;
}
.story_image_2 a#portfolio_story_7:hover img{
	border-width:0px;
	background: url("../graphics/portfolio_story_7.jpg") no-repeat;
	background-position:bottom;
}
.story_image_2 a#portfolio_story_8:hover img{
	border-width:0px;
	background: url("../graphics/portfolio_story_8.jpg") no-repeat;
	background-position:bottom;
}
.story_image_2 a#portfolio_story_9:hover img{
	border-width:0px;
	background: url("../graphics/portfolio_story_9.jpg") no-repeat;
	background-position:bottom;
}
.story_image_2 a#portfolio_story_10:hover img{
	border-width:0px;
	background: url("../graphics/portfolio_story_10.jpg") no-repeat;
	background-position:bottom;
}
.clearfix {
	height:1px;
}

/*PAGE FOOTER*/
#footer{
	width: 800px;
	position: relative;
}
#footer_left{
	width: 400px;
	position: relative;
	float: left;
	text-align: left;
} 
#footer_right{
	width: 400px;
	position: relative;
	float: right;
	text-align: right;
	padding-top:30px;
}