/*the fill color is used to control any leaking whitespace*/
@font-face {
	font-family:cs_regular;
	src: url('../fonts/cs_regular.ttf');
}
a {
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}
a:hover {
	text-decoration:underline;
}
body
{
	background-color:#a7a9ac;
	margin:0;
}

#page
{
	background:url('../images/gradient_grey.jpg');
	height:auto !important;
	min-height:100%;
	height:100%;
	width:1024px;
	margin:auto;
	display:block;
	font-family:cs_regular;
}

#main_frame
{
	margin-left:auto;
	margin-right:auto;
	width:823px;
	height:auto;
	background-repeat:repeat-x;
	background:url('../images/Centered_Metal_Background.jpg');
	padding:10px;
}
#masthead
{
	width:555px;
	vertical-align:bottom;
	text-align:right;
	font-size:60px;
	background:url('../images/Benjamin_D_Rogers.png');
	height:56px;
	display:block;
	float:right;
}
#nav
{
	width:823px;
	height:23px;
	float:right;
	/*background-color:#XXXXXX;*/
	/*margin-bottom:40px;*/
}
#nav_box
{
	width:546px;
	height:38px;
	float:right;
	background-image:url('../images/Open_Portfolio_Tab.png');
	position:relative;
}

#nav_box a {
	color:#fff;
	text-decoration:none;
	font-size:21px;
	margin-top:6px;
	margin-left:15px;
	position:absolute;
}

.top_nav {
    clear: none;
    float: right;
    width: 140px;
}

.top_nav a {
	color:#fff;
	text-decoration:none;
	font-size:21px;
	background:url('../images/Tabs_For_Navigation.png') 0 0 no-repeat transparent;
	display:block;
	height:27px;
	width:140px;
	line-height:25px;
	text-align:center;
}

.top_nav a:hover {
	background-position:0 -27px;
}

.top_nav .active {
	background-position:0 -27px;
	color:#000;
}
#projects_tab {
	
}

#demo_tab {
	
}

#contact_tab {
	
}

/*used to display content in the center column of the page*/
.totem_content {
	min-height:8080px;
}
#center_content	
{
	width:823px;
	height:auto;
	border:1px solid #000;
	margin-top:158px;
	background-color:#999999;
}
#center_content p {
	margin-left:10px;
	margin-right:10px;
	font-family:sans-serif;
	font-weight:600;
	font-size:15px;
}
div.content_box
{
	width:823px;
	height:auto;
	margin:0px 0px 4px 0px;
	padding:0px 0px 0px 0px;
}

div.info_tab
{
	width:260px;
	height:106px;
	background-image:url('../images/Main_Info_Tab.png');
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

div.image_tab
{
	width:563px;
	height:106px;
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	vertical-align:middle;
}

div.image_tab a img{
	border:none;
	margin-top:1px;
}

.info_header
{
	color:#ffffff;
	font-size:20px !important;
	text-align:center;
	font-family:cs_regular !important;
}
.info_body
{
	color:#474747;
	font-size:18px !important;
	text-align:right;
	padding-right:5px;
	font-family:cs_regular !important;
}

.alpha {
	filter:alpha(opacity=80);
        -moz-opacity:0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;
}

/*Contact Page Styles*/
.contact_content {
	
}

.contact_info {
	margin:20px;
}

.contact_info p {
	font-family:Arial;
}


/*Art Subpage Styles*/
.art_item img {
	margin-bottom:25px;
}

div.fadehover {
	position: relative;
}

img.hover_img {
	position: relative;
	left: 0;
	top: 0;
	z-index: 10;
}

img.hover_after_img {
	position: absolute;
	left: 0;
	top: 0;
}

.project_image img {
	border:0 !important;
}

.black {
	color:#000;
}

.contact_info_head {
	float:right;
	text-align:right;
	width:450px;
	height:77px;
}

.contact_info_head p {
	margin-bottom:0;
	margin-top:3px;
	font-size:30px;
}

.last {
	font-size:18px !important;
}