@import url(reset.css);

html,body {
height:100%;
margin:0;
padding:0;
}

#wrapper {
margin-bottom:-318px;
min-height:100%;
}

* html #wrapper {
height:100%;
margin:0;
}

img {
border:0;
}

body {
background-color:#FFF;
background-image:url(../images/redBGD.png);
background-repeat:repeat;
color:#c7c7c7;
font-family:Helvetica, Verdana, Arial, sans-serif;
font-size:11px;
}

h1.flickrFeed {
bottom:24px;
color:#FFF;
font-size:18px;
font-weight:700;
margin-bottom:-29px;
position:relative;
text-indent:0;
}

h3 {
color:#FFF;
font-size:14px;
font-weight:700;
padding-bottom:5px;
text-indent:0;
}

h3.footer {
color:#ccc;
font-size:12px;
font-weight:700;
padding-bottom:5px;
text-indent:0;
}

h2.additionalInfo {
font-size:14px;
padding-bottom:25px;
padding-top:5px;
}

p.portfolioObjective {
line-height:1.6em;
}

#main-nav {
background-color:#000;
height:35px;
list-style-type:none;
overflow:hidden;
width:100%;
}

#main-nav ul {
list-style-type:none;
margin:0;
padding:0;
}

#main-nav ul li {
display:block;
float:left;
}

#main-nav ul li.clientLogin {
display:block;
float:right;
margin-right:25px;
}

#main-nav ul li a {
color:#fff;
float:left;
font-size:11px;
padding:11px 15px;
}

#main-nav ul li a:hover {
background-color:#363636;
color:#fff;
padding:11px 15px;
}

#main-nav ul li a.current {
background-color:#363636;
color:#fff;
}

img.feedIcon {
position:absolute;
right:0;
top:8px;
}

#whiteBanner {
background-image:url(../images/whiteBar.png);
background-repeat:repeat-x;
height:222px;
padding-bottom:10px;
width:100%;
}

#whiteBanner img#logo {
left:0;
position:absolute;
top:39px;
}

#whiteBanner img#quote {
position:absolute;
right:0;
top:17px;
}

#wB-center {
height:222px;
margin:0 auto;
position:relative;
width:970px;
}

img.twitterIcon {
float:left;
padding-right:5px;
position:relative;
top:2px;
}

#footer {
background-color:#181818;
clear:both;
color:#7f7f7f;
font-size:11px;
height:293px;
line-height:1.6em;
margin-top:25px;
text-align:justify;
width:100%;
}

#fCenter {
margin:0 auto;
padding:25px;
width:970px;
}

#clearfooter {
clear:both;
height:330px;
}

#fRCol {
float:left;
height:195px;
overflow:hidden;
width:291px;
}

#copyrightAndLinkRecap {
border-top:2px solid #262524;
clear:both;
color:#7a7976;
line-height:1.2em;
padding-top:8px;
width:970px;
}

#copyrightAndLinkRecap p.copyright {
padding-top:4px;
}

#copyrightAndLinkRecap a:hover {
border-bottom:1.5px dotted #a22430;
color:#c2c0ba;
}

.center {
margin:0 auto;
position:relative;
width:970px;
}

#content {
letter-spacing:.02em;
line-height:2.1em;
margin:0 auto;
text-align:justify;
width:970px;
}

.clear {
clear:both;
}

#lCol-home {
float:left;
width:470px;
}

#rCol-home {
float:right;
width:470px;
}

#featuredWork {
background-image:url(../images/featuredWorkBGD.png);
background-repeat:repeat;
float:right;
height:352px;
line-height:0;
margin-top:35px;
position:relative;
width:470px;
}

#mssHolder {
height:332px;
left:10px;
position:absolute;
top:10px;
width:450px;
}

#lCol-about {
float:left;
padding-right:35px;
width:300px;
}

#rCol-about p {
margin-bottom:20px;
}

#rCol-about p:last-child {
margin-bottom: 0px;
}

#rCol-about strong {
color:#fff;
font-weight:700;
margin-right:5px;
}

#mCol-about {
float:left;
margin-top:28px;
padding-right:35px;
width:300px;
}

#rCol-about {
float:left;
text-indent:0;
width:300px;
}

a.upAndDown {
float:right;
font-size:12px;
}

#categorySelection {
font-size:12px;
height:25px;
padding-bottom:50px;
width:970px;
}

div.portfolioItem {
height:215px;
overflow:hidden;
padding-bottom:40px;
position:relative;
width:970px;
}

div.portfolioText {
font-size:12px;
height:215px;
overflow:hidden;
position:absolute;
right:0;
top:0;
width:382px;
}

#contactHeader {
height:25px;
padding-bottom:75px;
width:970px;
}

#lCol-contact {
float:left;
padding-right:40px;
width:300px;
}

#mCol-contact {
float:left;
padding-right:40px;
width:400px;
}

#rCol-contact {
float:left;
line-height:1.6em;
width:180px;
}

#rCol-contact span {
padding-top:10px;
}

#clientLoginHeader {
height:35px;
padding-bottom:30px;
width:970px;
}

p.semester,p.portfolioPrimaryApp {
padding-bottom:4px;
}

#fLCol,#fMCol {
float:left;
height:195px;
overflow:hidden;
padding-right:48px;
width:291px;
}

#copyrightAndLinkRecap p.linkRecap,#copyrightAndLinkRecap a {
color:#c2c0ba;
}

#contactResponderHeader,#errorHeader {
height:25px;
padding-bottom:5px;
width:970px;
}

a:link,a:visited,a:hover,a:active {
color:#fff;
text-decoration:none;
}

h2,h1,h1.portfolio {
color:#FFF;
font-size:18px;
font-weight:700;
padding-bottom:5px;
text-indent:0;
}