/* Neutralizing Browser Styles */

  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, font, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  
  table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
  }
  
  :focus {
  	outline: 0;
  }
  body {
  	line-height: 1;
  	color: black;
  	background: white;
  }
  
  ul {
  	list-style-type: disc;
  }
  
  ol,
  ul {
    float: left;
    clear: left;
    width: 100%;
  }
  
  table {
  	border-collapse: separate;
  	border-spacing: 0;
  }
  caption, th, td {
  	text-align: left;
  	font-weight: normal;
  }
  blockquote:before, blockquote:after,
  q:before, q:after {
  	content: "";
  }
  blockquote, q {
  	quotes: "" "";
  }
  strong {
    font-weight: bold;
  }
  
  em {
    font-style: italic;
  }
  
  .center {
    width: 100%;
    text-align: center;
  }
  
  .green {
    color: #349112;
  }
  
  .orange {
    color: #e65324;
  }
  
  .blue {
    color: #0083ae;
  }
  
  /*END Neutralization*/

  body {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #000;
  }
  
  #container {
    position: relative;
    width: 920px;
    margin: 20px auto 0px auto;
    text-align: left;
  }
  
  #header {
    position: relative;
    float: left;
    clear: left;
    width: 100%;
  }
  
  #logo {
    float: left;
  }

/* Navigation menu */

#navigation {
  position: relative;
  float: right;
}

#menu {
  position: relative;
  top: 55px;
  float: right;
  width: 470px;
  margin: 0;
  list-style: none;
}

#menu:after {
  content: "";
  display: block;
  clear: both;
}

#menu li a {
  color: #636363;
  text-decoration: none;
  font-size: 14px;
  height: 20px;
  float: left;
  overflow: hidden;
}

#menu li a:hover {
  color: #0083ae;
}

#menu li {
  float: left;
  z-index: 99;
}

#menu li.hover,
#menu li:hover {
  position: relative;
}

#menu li.hover .level1,
#menu li:hover .level1 {
  background: #35b2dd;
  filter:alpha(opacity=85);
  -moz-opacity:.85;
  opacity:.90;
  display: block;
  z-index: 99;
}

#menu .level1 a {
  color: #fff;
  padding: 5px;
}

#menu .level1 a:hover {
  background: #026d9e;
  color: #fff;
}

#menu div {z-index:100;position:absolute;left:0;top:100%;padding:2px 0 0;display:none;}
* html #menu div{padding-top:3px;}
* #menu .left div{right:0;left:auto;}
#menu ul{margin:0;z-index: 99;}
#menu ul li:after{content:" ";display:block;clear:both;}
#menu ul:after{content:" ";display:block;clear:both;}
#menu ul li {width: 120px;padding: 2px 4px;list-style-type: none;}
#menu ul li:hover ul a,
#menu ul li.hover ul a,
#menu ul li a{height:auto;}
#menu ul li a,
#menu ul li{float:none;}
#menu ul li a{display:block;}
#menu div div{left:100%;top:-1px;z-index:10;}
#menu ul li:hover ul a,
#menu ul li.hover ul a,
#menu ul li a{height:auto;}

#menu #home {width: 60px;}
#menu #about {width: 95px;}
#menu #services {width: 90px;}
#menu #portfolio {width: 100px;}
#menu #contact {width: 110px;}
#menu #blog {width: 60px;}

/*END Navigation*/
  
  #mid-section {
	float: left;
	clear: left;
	width: 100%;
	margin-bottom: 0px;
  }
  
  #banner-home {
    background: url(../images/banner-home.gif) no-repeat top center;
    height: 374px;
  }
  
  #banner-short {
    background: url(../images/banner-short.gif) no-repeat top center;
    height: 90px;
    color: #fff;
    padding-top: 60px;
    padding-left: 20px;
  }
  
  #banner-short #title {
    font-size: 25px;
    margin-left: 10px;
  }
  
  #banner-short #phrase {
    margin-top: 28px;
	margin-left: 10px;
	font: 14px Verdana, Geneva, sans-serif;
  }
  
  .content {
    position: relative;
    float: left;
    clear: left;
    width: 100%;
  }
  
  .content2 {
    position: relative;
    float: left;
    clear: left;
	margin-left: 20px;
    width: 875px;
  }
  
  .content2 p,
  .content2 ul {
	position: relative;
	float: left;
	clear: left;
	width: 100%;
	margin: 10px 0px;
	font: 13px/16px Verdana, Geneva, sans-serif;
  }
  
  #leftside {
    float: left;
    width: 600px;
  }
  
  #rightside {
    position: relative;
    float: right;
    width: 250px;
    z-index: 2;
  }
  
  #rightside.move-me-up {
    margin-top: -150px;
    margin-top: expression('-40px');
	z-index: 0;
  }
  
  #rightside p ul li {
    margin: 0px 0px 10px 0px;
	font-size: 4px;
  }
  
  .content h1 {
    position: relative;
    float: left;
    clear: left;
    width: 100%;
    font-size: 19px;
    line-height: 25px;
    margin-bottom: 10px;
    margin-top: 5px;
  }
  
  .content h2 {
    position: relative;
    float: left;
    clear: left;
    width: 100%;
    height: 44px;
	line-height: 30px;
    font-size: 18px;
    padding-top: 7px;
    margin-top: 10px;
    background: url(../images/dotted-bg.gif) no-repeat top left;
  }
  
   .content h3 {
    position: relative;
    float: left;
    clear: left;
    width: 100%;
    height: 24px;
    font-size: 18px;
    padding-top: 10px;
    margin-top: 10px;
  }
  
   .content h6 {
    position: relative;
    float: left;
    clear: left;
    width: 100%;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 10px;
    margin-top: 5px;
	margin-left: 350px;
  }
  
  .content p,
  .content ul {  
    position: relative;
    float: left;
    clear: left;
    width: 100%;
    margin: 10px 0px;
  }
  
  .content ul li {
    list-style-type: disc;
    margin-left: 25px;
  }
  
  .content a:link,
  .content a:visited {
    color: #e65324;
    text-decoration: underline;
  }
  
  .content a:hover,
  .content a:active {
    color: #0083ae;
  }
  
  #footer {
    position: relative;
    float: left;
    clear: left;
    width: 100%;
    color: #828282;
    margin-top: 50px;
  }
  
  #footer p {
    position: relative;
    float: left;
    clear: left;
    width: 100%;
    margin: 3px 0px;
  }
  
  #footer a {
    text-decoration: underline;
    color: #828282;
  }

/*Home Page*/

  #three-columns {
    position: relative;
    float: left;
    clear: left;
    width: 100%;
    height: 160px;
    background: url(../images/bg-three-column.gif) no-repeat top center;
    font-size: 14px;
  }
  
  #three-columns div {
    float: left;
    width: 250px;
    padding: 15px 10px 0px 30px;
    margin-left: 5px;
  }
  
  #three-columns div.indented-box {
    padding-left: 45px;
  }
  
  * html #three-columns div.indented-box {
  * padding-left: 40px;
  * }
  
  #three-columns div p.column-title {
    font-size: 18px;
    line-height: 27px;
  }
  
  #three-columns div p img {
    margin-top: 20px;
  }

/*end Home Page*/

/*Unique Styles*/

  .rough-edges {
    background: url(../images/rough-edges-bg.gif) no-repeat top center;
    padding-top: 40px;
  }
  
  .bluebox #top {
	float: left;
	clear: left;
	width: 559px;
	background: #edf8fb url(../images/bg-bluebox-top.gif) no-repeat top left;
	padding: 10px 30px;
  }
  
  .bluebox #bottom {
    float: left;
    float: expression('none');
    width: 619px;
    height: 19px;
    background: url(../images/bg-bluebox-bottom.gif) no-repeat bottom left;
  }

/*end Unique Styles*/