* {margin: 0;padding:0;}
body
{
  font-family:Arial, sans-serif;
  font-size:15px;
  color:#fff;
  background-color:#000;
}
p { text-align:left; margin:8px 0px; }
a img, img {border:0px none;}
a {color:#2c85b1;text-decoration:none;cursor:pointer;}
.anchor { color:#fff; }

ul.horizontal {float:left;list-style:none;}
ul.horizontal li {float:left;list-style:none;}

.textcenter {text-align:center;float:left;width:100%;}
.center {margin:0 auto;}
.underline {text-decoration:underline;}
.bold {font-weight:bold;}

.georgia {font-family: Georgia, Arial, sans-serif;}
.arial {font-family: Arial, sans-serif;}
.trebuchet {font-family: Trebuchet MS, Arial, sans-serif;}

.lineheight15 {line-height:1.5em;}
.lineheight20 {line-height:2em;}
.letterspace1 {letter-spacing:1px;}
.letterspace3 {letter-spacing:3px;}
.letterspace5 {letter-spacing:5px;}

.font6 {font-size:6px;}
.font8 {font-size:8px;}
.font9 {font-size:9px;}
.font10 {font-size:10px;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font13 {font-size:13px;}
.font14 {font-size:14px;}
.font18 {font-size:18px;}
.font22 {font-size:22px;}
.font30 {font-size:30px;}

.floatleft {float:left;}
.floatright {float:right;}
.inline {display:inline;}
.absolute {position:absolute;}
.clear {clear:both;}
.cleardiv {clear:both;height:0px;}

.margin8 {margin:8px;}
.padding5 {padding:5px;}
.padding10 {padding:10px;}

.padleft20 {padding-left:20px;}
.marleft5 {margin-left:5px;}
.marleft15 {margin-left:15px;}
.marleft20 {margin-left:20px;}
.marleft40 {margin-left:40px;}

.padright10 {padding-right:10px;}
.padright20 {padding-right:20px;}
.marright10 {margin-right:10px;}
.marright20 {margin-right:20px;}

.martop5 {margin-top:5px;}
.martop10 {margin-top:10px;}
.martop15 {margin-top:15px;}
.martop20 {margin-top:20px;}

.marbot5 {margin-bottom:5px;}
.marbot10 {margin-bottom:10px;}
.marbot20 {margin-bottom:20px;}
.marbot50 {margin-bottom:50px;}
.padbot5 {padding-bottom:5px;}

.width100 {width:100px;}
.width200 {width:200px;}
.width300 {width:300px;}
.width550 {width:550px;}

.height10 {height:10px;}
.height20 {height:20px;}
.height25 {height:25px;}
.height90 {height:90px;}
.height400 {height:400px;}

.white {color:#fff;}
.orange {color:#ff6c00;}
.grey {color:#7e7e7e;}
.darkgrey {color:#515151;}
.blue {color:#2c85b1;}
.bg-grey {background-color:#e5e6d9;}
.bg-white {background-color:#ffffff;}
.bg-lightgrey {background-color:#eff0e8;}
.error
{
  color:#2C85B1 !important;
  margin:0 !important;
  padding:0 !important;
}

#content-container
{
  background-color:transparent;
  width:1024px;
  margin:0 auto;
}
#header-content
{
  margin:40px auto 0 auto;
  width:1024px;
  height:149px;
  clear:both;
}
#header-img
{
  background:transparent url('../images/logo.jpg') no-repeat center;
  width:517px;
  height:149px;
  float:right;
  padding: 0 98px 0 0;
}
#main-content
{
  padding:0 40px;
}

#bio-content
{
  margin-bottom:40px;
}
#bio-text
{
  line-height: 1.75em;
  margin-right:17px;
  width:683px;
  height:184px;
  float:right;
  font-size: 1.5em;
  text-align: left;
  
}

#contact-container, #contactinfo-container
{
  width:441px;
}
#contact-title
{
  width:209px;
  height:40px;
  background: transparent url('../images/contact_us.jpg') no-repeat 0 0;
}

#client-container
{
  float:left;
  margin-right:15px;
  margin-bottom:15px;
  background-color:#3e3e3e;
  padding:7px;
  width:198px;
}
#client-description
{
  padding:7px;
  background-color:#000;
}

#square-gradient
{
  width:184px;
  height:184px;
  float:left;
  background:transparent url('../images/square_gradient.jpg') no-repeat center;
}

#box-container
{
  margin-bottom:40px;
  width:457px;
}
#box-content
{
}
#box-content-title
{
  background-color:#000;
  font-family: georgia, arial, sans-serif;
  font-size: 20px;
  padding: 10px 0;
  letter-spacing:1px;
  width:100%;
}
#gradient-bottom
{
  background: transparent url('../images/gradient.jpg') repeat-x 0 0;
  height:40px;
}

#left-col
{
  float:left;
}
#right-col
{
  float:right;
}

#feedback {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent none repeat scroll 0 0;
	left:0.25%;
	position:fixed;
	top:40%;
	width:3.2em;
}

#feedback #linkedin {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/icons/linkedin_32.png) no-repeat scroll;
}

#feedback #twitter {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.howtomakemyblog.com/pictures/twittericon.png) no-repeat scroll 0 -2em;
}

#feedback #youtube {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.howtomakemyblog.com/pictures/youtubeicon.png) no-repeat scroll 0 -2em;
}

#feedback #rss {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.howtomakemyblog.com/pictures/rssicon.png) no-repeat scroll 0 -2em;
}

#feedback a {
display:block;
height:3.2em;
text-indent:-9999px;
}