@charset "utf-8";
/* CSS Document */

body
{
background: #333333 url(images/bodyBackgroundImage2.png) no-repeat;
background-position: top center;
font-family:"Myriad Pro", Helvetica, Verdana, Arial, sans-serif;
color: #000;
}

.mainContainer
{
width: 905px;
height: 910px;
background-color: #fff;
margin-top: 55px;
margin-left: auto;
margin-right: auto;
}

.blueGradient
{
width: 885px;
height: 120px;
padding-top: 10px;
margin-left: 10px;
}

.headerPhoto
{
position: relative;
width: 885px;
height: 285px;
padding-top: 10px;
padding-bottom: 10px;
margin-left: 10px;
}

.textArea
{
position: relative;
width: 885px;
height: 450px;
margin-left: 10px;
padding-top: 10px;
padding-bottom: 5px;
background-image: url(images/textBackground.png);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .80em;
z-index: 1;
}

.textAreaContact
{
font-size: .70em;
}

h1.home
{
margin-left: 313px;
margin-top: -5px;
font-weight: bold;
font-size: 3em;
}

.whoWeAre
{
width: 555px;
margin-top: -10px;
margin-left: 313px;
}

.topLeft
{
position: absolute;
width: 265px;
height: 920px;
margin-left: -15px;
background-color: #fff;
z-index: 3;
}

.topLeftShadow
{
position: absolute;
width: 265px;
height: 920px;
margin-top: -435px;
margin-left: 50px;
background: url(images/dropShadow2.png);
display: inline;
z-index: 2;
}

h1.logo
{
position: relative;
width: 251px;
height: 130px;
margin-left: 8px;
overflow: hidden;
color: #000;
font-size: 100%;
line-height: 130px;
text-transform: uppercase;
}

h1.logo span
{
position: absolute;
left:0;
top: 0;
width: 100%;
height: 100%;
background-image: url(images/pastedGraphic.png);
background-repeat: no-repeat;
}

.topLeft img
{
margin-left: 8px;
}

.links
{
margin-left: -60px;
margin-top: -5px;
}

.links ul li
{
list-style-type: none;
padding: 5px;
}

a:link, a:visited, a:hover
{
text-decoration: none;
margin-left: 20px;
font-family:"Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
color: #000;
}

a:hover
{
color: #ffcc00;
}

.blueBar
{
width: 245px;
height: 40px;
margin-top: 20px;
margin-left: 10px;
margin-bottom: 10px;
background: url(images/blueBar.png);
font-family:"Myriad Pro", Helvetica, Verdana, Arial, sans-serif;
color: #fff;
font-size: 1em;
font-weight: bold;
}

p.testimonials
{
margin-left: 20px;
padding-top: 10px;
}

p.testimonialContent, #testimonial2
{
font-size: .80em;
}

p.testimonialContent
{
padding: 10px;
}

#testimonialHome
{
margin-left: 75px;
}

#testimonial2
{
width: 200px;
margin-top: -7px;
margin-left: 35px;
}

#testimonial3
{
margin-left: 45px;
}

#testimonial4
{
margin-left: 50px;
}

.greyBox
{
width: 245px;
height: 405px;
margin-left: 10px;
margin-top: 5px;
background-color:#ccc;
}

.phoneTag
{
position: absolute;
margin-left: 765px;
}

.phoneNumber
{
position: absolute;
margin-left: 788px;
margin-top: 15px;
font-size: 1em;
font-weight: bold;
color: #000;
}

.bottomLinks
{
margin-top: 75px;
margin-left: -55px;
text-align: center;
word-spacing: 3px;
}

.bottomLinks ul li
{
display: inline;
text-decoration: none;
}

a.nav:link, a.nav:visited, a.nav:hover
{
list-style-type: none;
font-family:"Myriad Pro", Helvetica, Verdana, Arial, sans-serif;
font-size: .75em;
padding-left: 5px;
padding-right: 5px;
color: #e8e8e8;
}

a.nav:visited
{
color: #a8a8a8;
}

a.nav:hover
{
color: #ffcc00;
}

#capabilitiesList
{
position: relative;
float: right;
width: 560px;
height: 375px;
margin-top: -20px;
padding-right: 10px;
font-size: 1em;
line-height: 1.25em;
overflow: auto;
}

h1#crew
{
margin-left: 320px;
font-weight: bold;
font-size: 3em;
margin-top: -5px;
}

.crewMember, .clients
{
float: right;
width: 560px;
height: 375px;
margin-top: -15px;
padding-right: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
overflow: auto;
}

p#first
{
margin-top: 15px;
margin-left: 10px;
}

ul#creed
{
font-size: 1.35em;
}

img.logo
{
margin-left: 5px;
padding: 15px 15px 0px 15px;
}

h2#coName
{
font-size: 1.25em;
}

.location
{
width: 560px;
margin-left: 310px;
margin-top: -15px;
}

#url
{
margin-left: 0px;
font-family:  Arial, Helvetica, Verdana, sans-serif;
font-size: 1.25em;
text-decoration: underline;
}

.map
{
position: absolute;
margin-left: 532px;
margin-top: -420px;
z-index: 3;
}

h2
{
padding-top: 5px;
font-size: 1.5em;
}

a.contactEmail
{
font-family:  Arial, Helvetica, Verdana, sans-serif;
font-size: 1.2em;
margin-left: 5px;
}

.phone
{
margin-left: 5px;
}

.author
{
font-family:  Arial, Helvetica, Verdana, sans-serif;
font-size: .75em;
margin-top: 45px;
text-align: center;
color: #d8d8d8;
}

a.developer
{
font-family:  Arial, Helvetica, Verdana, sans-serif;
text-decoration: underline;
color: #d8d8d8;
}

body, .textArea,.blueBar, .blueGradient, .links, .logo
{
behavior: url(iepngfix.htc);
}/*IE6 fix compliments of Angus Turnbull at www.twinhelix.com*/




