
/*  

Client:		Nitro Primary Care, PLLC
Description:	2009 Stylesheet for nitroprimarycare.com
Version: 	1.0
Author:		Robert F. Russo
Contact:	hello@robertfrusso.com

*/


body {
   background: #fff url("../image/body-background.gif") top left repeat-x;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:16px;
   color:#526e95;
   }


h1.logo{
   width:356px; height:54px;
   background: url("../image/logo.png") no-repeat;
   text-indent:-9999px;
   margin:30px 0px 10px 20px;
   padding:0px;
   float:left;
   }

h2.tagline{
   width:392px; height:24px;
   background: url("../image/tagline.png") no-repeat;
   text-indent:-9999px;
   margin:50px 0px 10px 20px;
   paddding: 0px;
   float:right;
   }

h3 {
   font-size:1.25em;
   color:#ce2033;
   }

h4 {
   font-size:1.1em;
   font-weight: bold;
   color:#252b55;
   }

.tagline{
	border:none;
	margin:30px 0px 10px 20px;
	padding:0px;
	float:left;
	}

.hide-text {
   text-align:-9999px;
   }

a {
   color:#252b55;
   text-decoration:underline;
   }

a:hover {
   color:#ce2033;
   }

ul {
   margin: 5px 0 20px 0;
   padding: 0 0 0 25px;
   }

li {
   margin: 10px 0 0 5px;
   }

.tiny-subhead {
   font-size:.75em;
   font-weight:bold;
   color:#526e95;
   text-transform:uppercase;
   }



/*
---------- BASIC LAYOUT ----------
*/

#container{
   width: 960px;
   position: relative;	left: 50%;
   margin-left: -480px;
   margin-top:0px;
   padding:0px;
   background:none;
   overflow:auto;
   }

#column-1 {
   position:relative;
   float:left;
   margin:0px;
   padding:0;
   width:320px;
   }

#column-2 {
   position:relative;
   float:left;
   margin:0px;
   padding:0;
   width:320px;
   }

#column-3 {
   position:relative;
   float:left;
   margin:0px;
   padding:0;
   width:320px;
   }

#footer {
   width: 960px;
   position: relative;	left: 50%;
   margin-left: -480px;
   margin-top:30px;
   padding: 20px 0 0 0;
   background: url("../image/footer-background.gif") top left no-repeat;
   clear: all;
   font-size:.75em;
   text-align:center;
   color:#252b55;
   }



/*
---------- SOCIAL NAVIGATION ----------
*/

#navigation-social{
   width: 960px;
   float: right;
   height: 134px;
   overflow: hidden;
   margin: 55px 0px 0px 20px;
   background: url("../image/social-button-background.png") top left no-repeat;
   }

#navigation-social ul{
   width: 960px;
   list-style: none;
   float: right;
   padding: 0;
   margin: 0;
   }

#navigation-social li{
   width: 279px;
   float: left;
   height: 134px;
   overflow: hidden;
   padding: 0 20px;
   margin: 0;
   }

#navigation-social li a.email{
   background: url("../image/button-email.png") top left no-repeat;
   width: 279px;
   }

#navigation-social li a.twitter{
   background: url("../image/button-twitter.png") top left no-repeat;
   width: 279px;
   }

#navigation-social li a.facebook{
   background: url("../image/button-facebook.png") top left no-repeat;
   width: 279px;
   }

#navigation-social li a{
   text-decoration: none;
   float: left;
   overflow :hidden;
   height: 134px;
   text-indent: -9999px;
   }

#navigation-social li a:hover, #top_nav li a:focus, #top_nav li.current a{
   background-position: bottom left;
   }

