* {
margin: 0 auto; padding: 0;
}
body {
overflow: auto;
text-align: center; font-family: "Helvetica Neue", "Trebuchet MS", "Arial"; font-size: 12px; color: #DDD;
background: #1d1d1d url('imagery/texture.png');
}

/* links */
a:link {color: #ff0080;text-decoration: none;}
a:hover {color: #ff0080;text-decoration: underline;}
a:visited {color: #ff0080;text-decoration: none;}

.upperBuffer {
position: relative; width: 100%; height: 200px;
}
.wrapper {
position:relative; margin:auto; top:70px; width: 1005px; padding-right: 20px; padding-left: 20px;
border-top: 1px solid #FFF;
}

/* title */
div.title {
position: relative; float: left; width: 500px; height: 167px; top: -90px;
background: url('imagery/title.png') 0 0 no-repeat;
}

/* menu */
.menu {
position: relative; float:right; top:-25px;
width: auto; height: 50px; z-index: 2;
}
.menu div#selector {
position: absolute; width:0px; height: 3px; top: 5px; overflow: hidden;
background: #FFF; color: #FFF; line-height: 20px;
}
.menu ul {
display: block; height: 100%; width: 100%; margin-top: 5px; 
list-style-type: none;
}
.menu ul li {
display: block; float: left; position: relative; margin-right: 15px; margin-top: 3px;
letter-spacing: 2px; font-size: 14px
}
.menu ul li a {
display: block; color: #FFF; text-decoration: none;
padding-left: 5px;  border-left: 2px solid white;
}
.menu ul li a span {
font-size: 10px; color: #DDD;
letter-spacing: normal;
}
.menu ul li a:hover{
border-left-color: #ff0080;
}

/* backyard link */
a.backyard:link, a.backyard:link span {color: #ff0080; text-decoration: none;}
a.backyard:hover, a.backyard:hover span {color: #ff0080; text-decoration: none;}
a.backyard:visited, a.backyard:visited span {color: #ff0080; text-decoration: none;}


/* secondaryNav */
.secondaryNav {
position: relative; display: inline; clear: both; margin-bottom: 20px;margin-top:10px;
list-style-type: none; background: #ff0080; padding-top: 5px; padding-bottom: 5px;
}
.secondaryNav li {
display: inline; padding: 10px;
}
.secondaryNav li a:link {
color: #FFF; font-size: 14px; letter-spacing: 2px;
}
.secondaryNav li a:hover {
text-decoration: overline; 
}
.secondaryNav li a:visited {
color: #FFF; font-size: 14px; letter-spacing: 2px;
}

/* welcome area */
h1.title {
position: relative; width: 49%; overflow: visible; padding-bottom: 10px;
color: #ff0080; font-size: 48px; font-weight: normal; letter-spacing: -2px; font-variant: small-caps;
border-bottom: 1px solid #FFF;
}
h1.title span {
color: white; font-size: 18px; letter-spacing: normal; font-weight: lighter; font-variant: normal;
}
h1#left {background: url('imagery/splashLeft.png') top right no-repeat;}
h1#right {background: url('imagery/splashRight.png') 0 0 no-repeat;}
div.blurb {
position: relative; margin-top: 10px; width: 49%;
text-align: justify !important; font-size: 12px; line-height: 20px;
}
#left {
margin-left: 0; text-align: left; clear: left; float: left;
}
#right {
margin-right: 0; text-align: right; clear: right; float: right;
}

/* portfolio */
.portfolio {
position: relative; margin-top: 300px; width: 100%; float: left; height: auto; clear: left;
text-align: center; font-size: 11px;
}
.portfolio ul.port {
position: relative; width: 49%; height: 660px; float: left; clear: both;
list-style-type: none;
}
.portfolio ul.port li {
position: relative; width: 400px; height: 200px; margin-bottom: 10px;
border: 3px solid #ff0080;
}
 ul.port li a:link {
display:block; position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 2;
text-decoration: none; background: 0 0 no-repeat;
}
 ul.port li a:hover {
background: 0 190px no-repeat;
}
 ul.port li a:visited {
display:block; position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 2;
text-decoration: none; background: 0 0 no-repeat;
}
.portfolio ul.port li div {
position: relative; width: 100%; height: 100%;
z-index: 1; background: url('imagery/portShadow.png') 0 0 no-repeat;
}
.portfolio ul.port li div p {
position: relative; width: 90%; height: 90%; float: left;
text-align: left; padding: 10px;
}
.portfolio ul.port li div p span {
display:block; float:left; margin-right: 5px;
color: #00ff00; text-align: right;
}

/* services */
#services {
position: relative; margin-top: 300px; width: 100%; float: left; height: auto; clear: left;
font-size: 11px; 
}
#services .title {
margin-bottom: 20px;
}
.servThree {
position: relative; width: 300px; height: 200px; float: left; margin-bottom: 100px;
line-height: 20px; font-size: 13px; padding: 15px; text-align: justify;
border-right: 2px solid #333;
}
.servThree h2 {
margin-bottom: 10px;
color: #ff0080; text-align: center;
}
#logo {clear: left;}
#image {}
#web {border-right: 0;}

/* footer */
.footer {
position: relative; clear:both; top:150px; width: 100%; height: auto; border-top: 3px solid #2f2f2f;
background: url('imagery/footStripe.png'); padding-bottom: 150px; padding-top: 5px;
}
#contact {
position: relative; width: 1000px; margin: 10px auto; height: auto; overflow: auto;
color: #EEE; text-align: center; background: url('imagery/dog.png') 100% 100% no-repeat;
}
#contact div, #contact div div {
width: 250px; height:auto; position: relative; float: left; margin-right: 20px;
text-align: left; line-height: 20px; border-left: 3px solid #333; color: #777; font-size: 14px;
padding-left: 10px;
}
#contact div span {
color: #CCC;
}
#contact h2 {
position: relative; padding-bottom: 10px; width: 100%; margin-bottom: 10px;
font-size: 26px; letter-spacing: 3px; font-weight: lighter; font-variant: small-caps; color: #CCC; 
border-bottom: 1px solid #333; background: none;
}
a.uptodate {
display: block; height: 32px; width: auto; clear: both;
line-height: 32px; padding-left: 35px; color: #CCC;
opacity: 0.5; filter: alpha(opacity=50);
}
a.uptodate:hover {
opacity: 1; filter: alpha(opacity=100);
}
a.uptodate:visited {
color: #CCC;
}
a.email:link {color: #777; text-decoration: none;}
a.email:hover {color: #CCC; text-decoration: none;}
a.email:visited {color: #CCC; text-decoration: none;}
#twitter {background: url('imagery/twitter.png') 0 0 no-repeat;}
#facebook {background: url('imagery/facebook.png') 0 0 no-repeat;}
#linkedin {background: url('imagery/linkedin.png') 0 0 no-repeat;}
#stumbleupon {background: url('imagery/stumbleupon.png') 0 0 no-repeat;}
/* contactNav */
.contactNav {
position: relative; display: inline; clear: both; margin-bottom: 5px;
list-style-type: none; background: #444; padding-top: 5px; padding-bottom: 5px;
}
.contactNav li {
display: inline; padding: 10px;
}
.contactNav li a:link {
color: #888; font-size: 14px; letter-spacing: 2px;
}
.contactNav li a:hover {
text-decoration: overline; letter-spacing: 2px;
}
.contactNav li a:visited {
color: #888; font-size: 14px; letter-spacing: 2px;
}