/*  Diana Frurip
	Personal Portfolio Site
	www.dianadianadiana.com
	
	*/
	
	/* 
		pink: #b55d89
		purple: #54256B
		teal: #2ab9af
		grey: #191919
		*/
		



body{

	padding:0px;
	margin:0px;
	border:0px;
	height:100%;
	width:100%;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffF;	

	background-color:#191919;
	/*background-image:url(../images/dfpattern_square.png);*/
	background-repeat:repeat-x;
	background-attachment:fixed;
	
	
}
h2 {
	font-size:24px;
	font-weight:lighter;
	padding: 10px 0 0 0;
	color:#b55d89;
	margin:0;
}
h4 {
	font-weight:bold;
	margin:0;
	}

#container{
	width:100%;
	color:#FFFFFF;
	}
	
#headContainer{
	width:100%;
	padding:0px;
	margin:0px;
	background-image:url(../images/df_topshaddow.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

#head{
	height:60px;
	padding-top:3px;
	background-image:url(../images/logo_forsite.gif);
	background-repeat:no-repeat;
	background-position:left;
	margin-left:245px;
	padding-bottom:8px;
	}
	
#forceMargin{
	width:245px;
	height:71px;
	float:left;
	}
	
#content_container{
	height:510px;
	background:#222;
	width:100%;
	}
	
#menu_container{
	width:235px;
	height:500px;
	float:left;
	background:#222;
	text-align:right;
	padding:10px 0 0 0 ;
	margin:0px;
	}

#content{
	width:700px;
	height:510px;
	padding:0px;
	margin:0px;
	float:left;
}

#mediaContainer{
	height:510px;
	background-color:#222;
}
#viewContainer{
	width:660px;
	height:490px;
	margin:0;
	float:left;
}

#viewBoxTop{
	float:left;
	padding:0px ;
	border:0px;
	margin:0;
	width:660px;
	height:19px;
	background-image:url(../images/test_viewbox_top.jpg);
	background-repeat:no-repeat;
}

#viewBoxLeft{
	float:left;
	padding:0px ;
	margin:0;
	border:0px;
	width:20px;
	height:440px;
	background-image:url(../images/test_viewbox_left.jpg);
	background-repeat:no-repeat;
	
}

#viewBoxCenter{
	float:left;
	padding:0px ;
	margin:0;
	border:0px;
	width:620px;
	height:440px;
	background-color:#000000;
	/*background-image:url(../images/test_viewbox_center.jpg);*/
}
#viewBoxRight{
	float:left;
	padding:0px ;
	margin:0;
	border:0px;
	width:20px;
	height:440px;
	background-image:url(../images/test_viewbox_right.jpg);
}

#viewBoxBottom{
	float:left;
	padding:0px ;
	border:0px;
	width:660px;
	height:41px;
	background-image:url(../images/test_viewbox_bottom.jpg);
	background-repeat:no-repeat;
}

#showMenu{
	border:0px;
	color:#fff;
	height:18px;
	line-height:16px;
	float:right;
	padding:8px 20px 0 0;
	}

#descript_contain{
	width:100%;
	margin:0px;
	background-color:#191919;
	background-image:url(../images/df_bottomshaddow2.jpg);
	background-repeat:repeat-x;
	height:auto;
	float:left;
}

#description{
	width:600px;
	float:left;
	padding: 5px 0 0 0;
	height:auto;
}
#desciptMargin{
	width:245px;
	height:20px;
	float:left;
}

.showMenu{
	padding:0 10px 0 0;
	display:inline;
}

a{
	border:0px;
	text-decoration: none;
	color:#fff;
}

a:hover{background-color:#b55d89;}

a:active{color:#54256B;}

a.current{ color:#222; background-color:#999999;}

a.menu{
	font-size:12px;
	font-weight:bold;
	color:#2ab9af;
}

a.menu:hover{color:#fff; background-color:#2ab9af;}

a.menu:active {color:#54256B;}

a.view{
	float:left;
	width:10px;
	font-size:16px;
	font-weight:bold;
	text-align:right;
	color:#fff;	
	padding: 0 3px 0 3px;
	}

a.view:hover{color:#fff;}

a.view:active{color:#54256B;}


ul.none {list-style-type:none; padding:0; margin:0;}
ul.view {list-style-type:none;padding:0;margin:0; }
li.num {list-style-type:none; display:inline; padding:0;margin:0; }


</style>@charset "UTF-8";
/* CSS Document */