body{background-color: #0083a9;
    font: 100%  verdana, Arial, sans-serif;color: #000}

	body
	{
	text-align: center;
	}

h1,h2,p{margin: 0 5px}
h1{font-size: 80%;color: #0083a9; font-weight: bold;}
h2{font-size: 80%;color: #0083a9}
h3{font-size: 70%;color: #53534a; padding: 4px;}
a{font-size: 90%}
a:link    {text-decoration : underline ;color : #0083a9 ; }
a:hover   {text-decoration : none ;color : #53534a}
a:visited {color : #0083a9 ; }
address{text-decoration : none ;color :#0083a9; font-size: 80%;}
dl {}
dt {float:left; font-size: 80%;color: #0083a9; font-weight: bold; }
dd {float:right; font-size: 80%;color: #0083a9;}

span.bluetxt{color: #0083a9}

p.news {font-size: 70%;color: #53534a;}


a#footlink:link    {text-decoration : underline ;color : #fff ; }
a#footlink:hover   {text-decoration : none ;color : #fff}
a#footlink:visited {color : #fff ;  }

div#container{ width: 684px; margin:0 auto; padding-top: 20px; text-align: left;}

div#topbar{background:  #0083a9;  background-image: url(../gfx/qfmedialogo.gif); background-repeat: no-repeat; height: 62px;  position: relative;}

div#navcontainer{height: 33px; _height: 17px; position: absolute; bottom: 0px;  right: 15px; clear:both;}

div#banner{background:  #fff; height: 155px; width: 676px; padding :4px;}

div#aboutcontainer{ background: #fff; height: 180; padding :6px; }
div#portfoliocontainer{ background: #fff; height: 265px; padding :15px; text-align: center }
div#portfoliovid{ background: #fff; text-align: center;}

div#homecontent{background: #fff; height: 215px;}

div#aboutcontentcont{background: #fff; height: 250px; padding :6px; }
div#aboutcontent{float: left; background: #fff; padding :6px; width :450px; }
div#aboutcontentcredits{float: left; background: #fff; padding :6px; width :180px; }

div#testcontentcont{background: #fff; height: 250px; padding :6px; }
div#testcontent{float: left; background: #fff; padding :6px; width :450px; }
div#testcontentcredits{float: left; background: #fff; padding :6px; width :180px; }



div#portcontentcont{background: #fff; height: 160; padding :6px; }


div#homeintro{background:  #fff;  padding: 6px; width: 390px; float:left; height: 195px;}

div#homeservice{background:  #fff;  padding: 6px; width: 270px; float:left; height: 195px; }

div.title{background:  #fff;  padding: 4px;  }
span.sub{ font-size: 70%;color: #0083a9;  }
span.cont{ font-size: 70%;color: #53534a;  }
span.subbig{font-size:80%; color: #53534a; font-weight: bold;}
span.where{font-size: 80%;color: #0083a9; font-weight: bold;}
span.how{font-size: 70%;color: #53534a;}
div.footer{background:  #fff; font-size: 60%;color: #53534a; text-align: center; padding-bottom: 5px;}

h1.livetitle{ font-size: 120%;color: #000000; font-weight: normal; }

div#swipe{background:  #0083a9;  width: 684px; background-image: url(../gfx/swipe.gif); background-repeat: no-repeat; height: 60px;}

div#newscontent{background:  #fff;  padding: 4px;  position: relative; height: 140;}
div#livecontent{background:  #fff;  padding: 4px;  position: relative; text-align: center; height: 160;}
div#liveblurb{background:  #fff;  padding: 4px;  position: relative; text-align: center;}

/* CLASS DIVS */

div.divide{background:  #fff;  width: 684px; background-image: url(../gfx/divide.gif); background-repeat: no-repeat; height: 10px;}
div.title{background:  #fff;  padding: 4px;  }
div.newsitem{width: 150; float:left; height: 100px; padding-left: 4px;}
div.newspic{width: 68; float:left; height: 68px; padding-top: 17px;}
div.livepic{width: 225; float:left; height: 68px; padding-top: 17px;}
div.aboutpic{width: 215; float:left; height: 169px; padding-left: 6px;}
div.portcontent{width: 150; float:left; height: 169px; padding-left: 18px;}
div.testcontentcont{background: #fff; height: 250px; padding :6px; }
div.testcontent{float: left; background: #fff; padding :6px; width :180px; }
div.testcontentcredits{float: left; background: #fff; padding :6px; width :450px; }
div.contactcontentcont{background: #fff; height: 220px; padding :6px; position: relative; }
div.contactcontent{float: left; background: #fff; padding :6px; width :220px; }
div.contactcontentcreditsbottom{float: left; background: #fff; padding :6px; width :410px; position: absolute; bottom: 0px; right: 25px; clear:both;}
div.contactcontentcredits{float: left; background: #fff; padding :6px; width :410px; }
div.allabout{background:  #0083a9; color:#0083a9;font-size: 50%;}

#services {
  padding:0;
  margin:0;
  }
#services li {
  list-style-type:none;
  }


/* Nav Menu styling */


#navcontainer ul
{
padding-left: 0;
margin-left: 0;

color: White;
float: left;

}

#navcontainer ul li { display: inline;  }

#navcontainer ul li a
{
font-size: 70%;
padding: 0.2em 1em;
color:  #fff;
text-decoration: none;
background-color: #0083a9;
text-align: center;
float: left;
border-left: 1px solid #0083a9;
width: 80px;
_width: 100px;
}

#navcontainer ul li a:hover
{
background-color: #369;
color: #fff;
}

#navcontainer ul li a.home
{
background-color: #53534a;
}

#navcontainer ul li a.home:hover
{
background-color: #000;
}
#navcontainer ul li a.about
{
background-color: #9fa615;
}

#navcontainer ul li a.about:hover
{
background-color: #55590c;
}

#navcontainer ul li a.portfolio
{
background-color: #e7d000;
}

#navcontainer ul li a.portfolio:hover
{
background-color: #9c8c00;
}

#navcontainer ul li a.contact
{
background-color: #c7495d;
}

#navcontainer ul li a.contact:hover
{
background-color: #7a2d3a;
}