body {background-attachment:fixed;
background-color:#323232;
background-image:url(../Img/gradient02.jpg);
background-repeat:repeat-x;
margin:0;
padding:0;
}
#content {
color:white;
margin:auto;
max-width:880px;
padding:20px;
width:880px;
}
.topBar {
padding-top:30px;
}
.companyName {
color:#F6C37B;
font-family:monospace;
font-size:2em;
font-weight:bold;
margin-right:90px;
text-align:right;
}
.topMenu {
background-image:url(../Img/menubck.png);
background-position:0 50%;
background-repeat:no-repeat;
font-family:Verdana;
font-size:0.7em;
margin-left:30px;
margin-top:30px;
padding:10px 10px 10px 50px;
}
#logo {
position:absolute;
}
#menuright {
padding-bottom:10px;
padding-right:7px;
padding-top:10px;
width:1000px;
}
#menucenter {
padding:10px;
}
.topMenu a {
color:#F1D076;
padding:8px 21px;
text-decoration:none;
}
.topMenu a:hover {
background-image:url(../Img/btnbckctrblackhoover.png);
background-position:0 50%;
background-repeat:repeat-x;
border-left:1px solid black;
border-right:1px solid black;
color:#FFFFCC;
padding:8px 20px;
}
.topMenu a.active {
background-image:url(../Img/btnbckctractive.png);
background-position:0 50%;
background-repeat:repeat-x;
border:medium none;
color:black;
cursor:default;
padding:8px 20px;
}
.teaser {
float:right;
margin-left:50px;
margin-right:53px;
margin-top:35px;
width:210px;
}
.teaser .top {
	background-image: url('../Img/sidebarbcktop3.png');
	background-position: center top;
	background-repeat: no-repeat;
	height: 15px;
}
.teaser .middle {
	background-image: url('../Img/lotsofsharps3.png');
	background-position: right top;
	background-repeat: no-repeat;
	color: #F6C37B;
	padding: 1px 25px;
	font-size:13px;
	font-family: Verdana;
}
.teaser .middle.contact 
{
	font-family:Monospace;
	text-align:center;
}
.teaser .bottom {
	background-image: url('../Img/sidebarbckbottom4.png');
	background-position: center top;
	background-repeat: no-repeat;
	height: 15px;
	margin-bottom: 10px;
}
.teaser h2 {
color:Yellow;
font-family:Georgia;
font-size:1em;
font-weight:normal;
margin-bottom:0;
}
#mainBody {
clear:left;
color:#CCCCCC;
font-family:Verdana;
font-size:0.8em;
margin:10px 290px 10px 50px;
padding:10px;
}
#mainBody h1 {
color:#F1D076;
font-family:Georgia;
font-size:1.55em;
font-weight:normal;
}
#mainBody h2 
{
color:#F1D076;
font-family:Georgia;
font-size:1.4em;
font-weight:normal;
}
#mainBody a {
color:#FF9944;
text-decoration:none;
}
#mainBody a:hover {
text-decoration:underline;
}
#mainBody a em {
color:#FF9944;
}
#mainBody a:hover em {
color:#FF9944;
}
#mainBody .keypoint {
color:#F6C37B;
}
ul {
list-style-image:url(../img/bulletsharp.png);
padding:15px 35px;
}
#bottomBar {
background:transparent url(../Img/menubck.png) no-repeat scroll 0 50%;
clear:both;
color:#F1D076;
font-family:verdana;
font-size:0.7em;
margin-left:30px;
padding:10px;
text-align:center;
}
#bottomBar em {
color:yellow;
}
.inputControl {
width:300px;
}
.directMessage {
color:Aqua;
}
.projectexperience {
margin-bottom:25px;
}
.projectexperience .period
{
color:#F1D076;
font-size:80%;
margin-bottom:-5px;
margin-top:20px;
text-align:right;
}
.projectexperience .companyName {
font-style:oblique;
}
.technology {
font-style:oblique;
}
.contactEntry {
background-color:#222222;
border:1px solid black;
margin:20px;
padding:20px;
}
#mainBody .contactEntry h2 {
font-size:1.2em;
}