﻿body
{
	margin: 0;
	padding: 0;
	font-size: small;
	font-family: Tahoma;
	color: #383838;
	text-align: left;
	line-height: 1.5em;
}
.container
{
	width: 900px;
	margin: 0 auto;
}
#content
{
	margin-top: 15px;
	margin-bottom: 15px;
}
#content a
{
	color: Blue;
	text-decoration: none;
}
#content a:hover
{
	text-decoration: underline;
}
#logo
{
	float: left;
	padding-top: 20px;
}

/* lightgrey #f0f0f0 */

#menubar
{
	background-repeat: repeat-x;
	background: url(../graphics/menu_bg.png);
	height: 120px;
}
#menu
{
	margin-top: 45px;
	width: 460px;
	float: right;
}
#menu li
{
	float: right;
	padding-left: 5px;
}
#menu a
{
	display: block;
	float: left;
	font-size: 11px;
	font-family: Tahoma;
	height: 26px;
	padding-left: 11px;
	text-decoration: none;
	color: #e6e6e6;
}
#menu a span
{
	display: block;
	padding: 3px 9px 4px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#menu a.select, #menu a:hover
{
	background: url(../graphics/button_left.png) no-repeat left top;
	color: #3264ff;
}
#menu a.select span, #menu a:hover span
{
	background: url(../graphics/button_right.png) no-repeat right top;
}
.bullet h3
{
	background: url(../graphics/bullet.png);
	background-repeat: no-repeat;
	padding-left: 28px;
	padding-top: 1px;
	font-family: Arial;
	font-size: large;
}
.bullet span
{
	color: Blue;
}

.topedge
{
	background: #262626;
	height: 8px;
}



#titlebar_top
{
	background-image: url(../graphics/title_gradient_down.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #3264ff;
}
#titlebar_bottom
{
	background-image: url(../graphics/title_gradient_up.png);
	background-repeat: repeat-x;
	background-position: bottom;
	bottom: 0px;
	height: 80px;
}

#titlebar_content
{
	height: 80px;
	vertical-align: middle;
	display: table-cell;
	line-height: 80px;
}

#footer
{
	background-image: url(../graphics/footer_gradient.png);
	background-position: top;
	background-repeat: repeat-x;
	height: 80px;
	color: #9d9d9d;
	font-size: 0.8em;
	line-height: 80px;
	clear: both;
}
#footer_text
{
	float: left;
}
#footer_links
{
	float: right;
}
#footer a
{
	color: #9d9d9d;
	text-decoration: none;
}
#footer a:hover
{
	text-decoration: underline;
}

.form_fieldname
{
	text-align: right;
}
.form_controlholder td
{
	border-collapse: collapse;
	padding: 0px;
}

a.portfolio img
{
	margin-left: 10px;
	margin-right: 10px;
	border-width: 7px !important; /* Override ASP.NET inline border-width default style */
	border-style: solid;
	border-color: #74b9ff;
}
a.portfolio:hover img
{
	border-color: #3264ff;
}
a.portfolio
{
	border: none;
	text-decoration: none;
}
#portfolio_content
{
	width: 750px;
	margin: 0 auto;
}
#contact_content, #webdesign_content, #contact_content
{
	width: 750px;
	margin: 0 auto;
}

.presence
{
	font-size: 0.85em;
	font-weight: bold;
	margin-bottom: 2em;
}

.panel_content
{
padding-top:100px;  background-position:center top; background-repeat:no-repeat;
}

#panel_research{background-image:url(../graphics/home_research.jpg);}
#panel_webdesign{background-image:url(../graphics/home_webdesign.jpg);}
#panel_blog{background-image:url(../graphics/home_blog.jpg);}

.browser_check
{
	clear:both;
	float:left;
	color:Red;
	font-size:smaller;
	line-height:1.2em;
	padding-bottom:1em;
}