/* fonts */

@font-face 
{ 
  font-family: 'Cabin'; 
  src: url('../font/Cabin-Medium.ttf'); 
}

@font-face 
{ 
  font-family: 'Cabin'; 
  font-style: italic;
  src: url('../font/Cabin-MediumItalic.ttf'); 
}

@font-face 
{ 
  font-family: 'Cabin'; 
  font-weight: bold; 
  src: url('../font/Cabin-Bold.ttf'); 
}

@font-face 
{ 
  font-family: 'Cabin'; 
  font-weight: bold; 
  font-style: italic;
  src: url('../font/Cabin-BoldItalic.ttf'); 
}

@font-face 
{ 
  font-family: 'Quicksand'; 
  src: url('../font/Quicksand_Book.otf'); 
}

@font-face 
{ 
  font-family: 'Quicksand'; 
  font-weight: bold; 
  src: url('../font/Quicksand_Bold.otf'); 
}

/* general */

body
{
  background-color:#fef8e8;
  margin:0;
  padding:0;
  font-family:'Cabin';
  font-size:14px;      
  -webkit-text-size-adjust: none;
}

/* layout */

#outer
{
  width:100%;
  background-image:url(../img/background_bottom.png);
  background-repeat:repeat-x;
  position:absolute;
  background-position:0 100px;
}

#backgroundHelper
{
  width:100%;
  height:100px;
  background-image:url(../img/background_top.png);
  background-repeat:repeat-x;
  position:absolute;
}

#highlightHelper
{
  width:588px;
  height:393px;
  background-image:url(../img/highlight.png);
  position:absolute;
  top:98px;
  right:0px;
  z-index:0;
}

#wrapper
{
  width:980px;
  position:relative;
  margin:0 auto;
}

#top
{
  width:100%;
  height:100px;
}

#logo
{
  position:absolute;
  left:30px;
  top:5px;
  z-index:10;
}

#menu
{
  position:absolute;
  right:30px;
  top:25px;
  text-align:center;
}

#menu .menuItem
{
  float:left;
  margin-left:15px;
  position:relative;
  width:55px;
  height:55px;
}

#menu .menuItem .menuItemImage
{
  position:absolute;
  left:0;
  top:0;
}

#menu .menuItem .menuItemDot
{
  display:none;
  position:absolute;
  left:0;
  top:-11px;
}

#splash
{
  position:absolute;
  left:0;
  top:0;
  z-index:9;
}

#headline
{
position:relative;z-index:1;height:120px;
}

#headlineText
{
 font-family:'Quicksand';font-size:26px;color:#8c857a;position:absolute;left:70px;top:0px;
}

#headlineImage
{
position:absolute;left:20px;top:15px;
}

#content
{
  padding-top:30px;       
  padding-right:30px;
  position:relative;
  min-height:500px;
  z-index:8;
  margin-left:540px;
  text-align:justify;
}

/* text */

a 
{ 
  text-decoration:none; 
  color:#2a67af; 
}
a:visited 
{ 
  color:#2a67af; 
}
a:hover 
{ 
  color:#3f9bca; 
}

ul 
{
    list-style: none;    
    list-style-position: outside;
    padding:0;
    margin:0;
}

li 
{ 
    padding-left: 20px; 
    text-indent: -18px;     
	text-align: left;
}

li:before 
{
	margin-right:5px;
	content: "\25CF ";
    color: #c55114;
}

.listHeader1
{
font-weight:bold;font-style:italic;font-size:18px;margin-bottom:0px
}

.listHeader2
{
font-weight:bold;margin-bottom:10px;
}

.header
{
  margin-bottom:20px;
}

.contactItem
{
	position:relative;height:32px;margin-top:2px;margin-bottom:2px;
}

.contactItemIcon
{
position:absolute;
}

.contactItemText
{
position:absolute;left:40px;top:5px;
}

.skillsItem
{
	position:relative;height:85px;margin-top:0px;margin-bottom:4px;
}

.skillsItemIcon
{
position:absolute;
}

.skillsItemText
{
position:absolute;left:120px;top:0px;
}
