body
{
background-color: #3f3f3f;
width: 100%;
border-top-style:solid;
border-width:8px;
border-color: #ff771a;
margin: 0px;
}

/*------ MAIN NAV STYLES -------*/
.navcontainer {position:relative; width:980px; margin:0 auto;}
.navcontainer .logo {position:absolute; left:0; top:0; padding-left:20px;}

.navcontainer ul
{
-webkit-padding-start: 0px;
padding-top: 0px;
width: 980px;
height: 90px;
font-family: arial, helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 0px;
font-size: 1.1em; 
border:0px dashed white;
 z-index:99;
}

.navcontainer ul li { display: inline;}

.navcontainer ul li a
{
margin: 2.4em 0em 0em 1.5em;
color: #999;
text-decoration: none;
float: right;
font-weight: bold;
}


.navcontainer ul li a:hover
{
color: #fff;
border-bottom-style:solid;
border-width:5px;
}

#work {border-color: #ff771a;}
#services {border-color: #3c8dcf;}
#about {border-color: #805faf;}
#blog {border-color: #808285;}
#contact {border-color: #4bbc3c;}



#tagline
{
color: #fff;
width: 980px;
font-family: arial, helvetica, sans-serif;
font-size: 1.1em; 
text-transform: uppercase;
z-index:99;
padding: 0 0 16px 0;
}

#tagline a:link
{
color: #fff;
font-weight: bold;
text-decoration: underline;
}

#tagline a:visited
{
color: #fff;
font-weight: bold;
text-decoration: underline;
}

#slider-fix
{
width: 980px;
z-index:99;
}

div.body {

margin-left: auto;
margin-right: auto;
width: 980px;
border:0px dashed white;
}	

.box
	{ background-color: #2f2f2f;
	  padding: 4px 0 4px 16px;
	  width:335px;
	}

b {

	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
}



h1 {
	font-family: arial, helvetica, sans-serif;
	font-size: 3em;
	color: #999;
	font-style: normal;
	font-weight: bold;
	line-height: 0em;
	text-align: left;
	text-transform: uppercase;
	
}

h2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.3em;
	color: #666;
	font-style: normal;
	font-weight: bold;
	text-align: left;
}

h3 {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.2em;
	color: #000;
	text-decoration: none;
	margin-bottom: -1px;
	font-weight: bold;
	text-align: left;
}

h4 {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.2em;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
}

h5 {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.1em;
	color: #fff;
	text-decoration: none;
	margin-bottom: 10px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
}

p {
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	color: #e2e2e2;
	text-align: left;
	line-height: 1.3em;

}

li {
	font-family: arial, helvetica, sans-serif;
	font-size: .9em;
	color: #e2e2e2;
	text-align: left;
	line-height: 1.2em;

}

.p-small {
	font-family: arial, helvetica, sans-serif;
	font-size: .8em;
	color: #fff;
	text-align: left;
	line-height: 1.5em;

}

#p-small {
	font-family: arial, helvetica, sans-serif;
	font-size: .8em;
	color: #fff;
	text-align: left;

}


/* THIS STYLE IS FOR TEXT LINKS */

A {
	font-weight: inherit;
	text-decoration: none;
	color: #ff771a;

}

A:Hover
{
	font-weight: inherit;
	text-decoration: none;
	color: #fff;

}



hr {border: none 0; 
border-top: 1px dashed #000;/*the border*/
width: 93%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

#footer
{

width: 100%;
height: 335px;
background-color: #202020;
border-top-style:solid;
border-width:3px;
border-color: #999;

}

/*------ MAIN NAV STYLES -------*/
#footer-style
{
padding-top: 10px;
margin-right:20px;
margin-left: 20px;
font-family: arial, helvetica, sans-serif;
color: #fff;
text-transform: none;
letter-spacing: 0px;
font-size: 1em; 

}

#footer-style a:hover
{
color: #fff;
}

/* Tool Tip */
 
/* trigger button */
#bio-rocky, #bio-monica, #bio-james, #bio-natalie, #bio-kelli   { 
	padding-right: 5px;
	display:block;
	width:100px;
	height:100px;
	cursor:pointer;
}

 
/* tooltip styling */
.bio-rocky, .bio-monica, .bio-james, .bio-natalie, .bio-kelli  {
	display:none;
	background: url(../images/bubble-102.png);
	background-repeat:no-repeat;
	background-position:center; 
	width:320px;
	height:390px;
}


/* a element inside tooltip */
 
.tiptext a {color:#c60;font-weight:bold;}
.tiptext a:hover {color:#c60;}
.tiptext a:visited {color:#c60;}
.tiptext a:active {color:#c60;}

p.tiptext {
	color:#fff;
	font-size: .8em;
	line-height: 1.3em;
	font-weight:normal;
	font-family: arial, helvetica, sans-serif;

	text-align:left;
}