/* Layout & General */

body {
background-color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:0.83em;
color:#fff;
background-image:url(/images/site-background.png);
background-repeat:repeat-x;
}

#wrap {
width: 960px;
margin-left:auto;
margin-right:auto;
}



/* Header */

#header {
position:relative;
height:140px;
}

#mainnav {
width:480px;
margin:0 0 0 10px;
}

#mainnav ul li {
float:left;
margin-right:20px;
margin-top:20px;
}

#mainnav ul li a:link,
#mainnav ul li a:visited,
#mainnav ul li a:hover,
#mainnav ul li a:active {
display:block;
width:140px;
text-align:center;
font-size:1.2em;
padding:10px 0 10px 0;
text-decoration:none;
color:white;
}

#mainnav ul li.design {
border-top:2px solid #EA7926;
}

#mainnav ul li.digital {
border-top:2px solid #5CC6DB;
}

#mainnav ul li.events {
border-top:2px solid #99E05D;
}

#mainnav ul li.active {
margin-top:12px;
border-width:10px 0 0 0;
}

#mainnav ul li a:hover {
color:#bfbfbf;
}

#subnav {
position:absolute;
bottom:10px;
left:10px;
font-size:1.1em;
}

#subnav ul li {
float:left;
margin-right:20px;
}

#subnav ul li a:link,
#subnav ul li a:visited,
#subnav ul li a:hover,
#subnav ul li a:active {
text-decoration:none;
color:#FFF;
}

#subnav ul li a:hover {
color:#bfbfbf;
}

#subnav ul li a.active {
color:#bfbfbf;
}

#logo h1 a {
position:absolute;
top:40px;
right:40px;
width:110px;
height:56px;
background-image:url(/images/dynam-logo.png);
background-repeat:no-repeat;
text-indent:-10000em;
}

#twitter {
border:1px solid #747F83;
border-width:1px 0;
padding:20px 10px;
}

#twitter p {
font-family: Georgia, "Times New Roman", Times, serif;
color:#BFBFBF;
}

#twitter p.twitter {
font-size:2.4em;
padding-bottom:20px;
}

#twitter p.meta {
font-size:1.4em;
}

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

/* Main */

#main {
padding-bottom:30px;
}

#highlights .section {
float:left;
width:300px;
height:400px;
margin:30px 10px 10px 10px;
}

#highlights .section h2 a {
display:block;
width:300px;
height:93px;
text-indent:-10000em;
margin-bottom:30px;
}

#highlights .design h2 a {
background-image:url(/images/design.png);
background-repeat:no-repeat;
}

#highlights .digital h2 a {
background-image:url(/images/digital.png);
background-repeat:no-repeat;
}

#highlights .events h2 a {
background-image:url(/images/events.png);
background-repeat:no-repeat;
}

#highlights .section h3 {
font-size:1.9em;
margin-bottom:30px;
}

#highlights .section p {
line-height:140%;
font-size:1.1em;
margin-bottom:20px;
}

#highlights .design p em {
color:#ea7926;
}

#highlights .digital p em {
color:#5cc6db;
}

#highlights .events p em {
color:#99e05d;
}

#highlights .latest {
float:left;
width:300px;
padding:10px;
background-color:#363933;
}

#highlights .latest .photo {
width:300px;
height:200px;
}

#highlights .latest .copy {
padding:14px 18px;
background-color:#000;
height:185px;
}

#highlights .latest .copy h4 {
text-transform:uppercase;
font-size:0.7em;
padding-bottom:10px;
}

#highlights .design .copy h4 {
color:#ea7926;
}

#highlights .digital .copy h4 {
color:#5cc6db;
}

#highlights .events .copy h4 {
color:#99e05d;
}

#highlights .latest .copy h5 {
font-size:1.2em;
padding-bottom:10px;
}

#highlights .latest .copy h5 em {
color:black;
font-weight:bold;
}

#highlights .design .copy h5 em {
background-color:#ea7926;
}

#highlights .digital .copy h5 em {
background-color:#5cc6db;
}

#highlights .events .copy h5 em {
background-color:#99e05d;
}

#highlights .latest .copy p {
font-size:0.9em;
line-height:160%;
padding-bottom:10px;
}

#highlights .design a:link,
#highlights .design a:visited,
#highlights .design a:hover,
#highlights .design a:active {
color:#ea7926;
text-decoration:none;
}

#highlights .digital a:link,
#highlights .digital a:visited,
#highlights .digital a:hover,
#highlights .digital a:active {
color:#5cc6db;
text-decoration:none;
}

#highlights .events a:link,
#highlights .events a:visited,
#highlights .events a:hover,
#highlights .events a:active {
color:#99e05d;
text-decoration:none;
}

#highlights .latest .copy p.meta {
font-weight:bold;
}

#sectionheader {
height:190px;
border:1px solid #747F83;
border-width:1px 0 1px 0;
position:relative;
}

#sectionheader .slogan {
padding:28px 0 0 0;
}

#sectionheader .slogan h2.design {
width:960px;
height:100px;
background-image:url(/images/design-heading.png);
background-repeat:no-repeat;
text-indent:-10000em;
}

#sectionheader .slogan h2.digital {
width:960px;
height:100px;
background-image:url(/images/digital-heading.png);
background-repeat:no-repeat;
text-indent:-10000em;
}

#sectionheader .slogan h2.events {
width:960px;
height:100px;
background-image:url(/images/events-heading.png);
background-repeat:no-repeat;
text-indent:-10000em;
}

#sectionheader .slogan h2.team {
width:960px;
height:100px;
background-image:url(/images/team-heading.png);
background-repeat:no-repeat;
text-indent:-10000em;
}

#sectionheader .slogan h2.contact {
width:960px;
height:100px;
background-image:url(/images/contact-heading.png);
background-repeat:no-repeat;
text-indent:-10000em;
}

#sectionheader .sectionnav {
position:absolute;
bottom:10px;
left:10px;
font-size:1.1em;
}

#sectionheader .sectionnav ul li {
float:left;
margin-right:20px;
}

#sectionheader .sectionnav ul li a:link,
#sectionheader .sectionnav ul li a:visited,
#sectionheader .sectionnav ul li a:hover,
#sectionheader .sectionnav ul li a:active {
text-decoration:none;
color:#FFF;
}

#sectionheader .sectionnav ul li a.active {
color:#ea7926;
}

body.design #sectionheader .sectionnav ul li a.active {
color:#ea7926;
}

body.digital #sectionheader .sectionnav ul li a.active {
color:#5cc6db;
}

body.events #sectionheader .sectionnav ul li a.active {
color:#99e05d;
}

#sectionheader .sectionnav ul li a:hover {
color:#bfbfbf;
}

#projects {
padding:20px 0 0 0;
}

#projects .project {
width:300px;
height:280px;
float:left;
margin:10px;
}

#projects .photo {
width:300px;
height:200px;
}

#projects h4 {
padding:8px 0 5px 0;
}

#projects h4 a:link,
#projects h4 a:visited,
#projects h4 a:hover,
#projects h4 a:active {
font-weight:bold;
color:#ea7926;
font-size:0.9em;
text-decoration:none;
}

body.design #projects h4 a:link,
body.design #projects h4 a:visited,
body.design #projects h4 a:hover,
body.design #projects h4 a:active {
font-weight:bold;
color:#ea7926;
font-size:0.9em;
text-decoration:none;
}

body.digital #projects h4 a:link,
body.digital #projects h4 a:visited,
body.digital #projects h4 a:hover,
body.digital #projects h4 a:active {
font-weight:bold;
color:#5cc6db;
font-size:0.9em;
text-decoration:none;
}

body.events #projects h4 a:link,
body.events #projects h4 a:visited,
body.events #projects h4 a:hover,
body.events #projects h4 a:active {
font-weight:bold;
color:#99e05d;
font-size:0.9em;
text-decoration:none;
}

#projects p {
font-size:0.9em;
line-height:160%;
}

#otherprojects h3 {
margin:60px 0 20px 10px;
font-size:1.3em;
}

#otherprojects .project {
width:220px;
float:left;
margin:10px 10px 20px 10px;
}

#otherprojects .photo {
width:220px;
height:147px;
}

#otherprojects h4 {
padding:8px 0 0 0;
}

#otherprojects h4 a:link,
#otherprojects h4 a:visited,
#otherprojects h4 a:hover,
#otherprojects h4 a:active {
font-weight:bold;
color:#ea7926;
font-size:0.9em;
text-decoration:none;
}

body.design #otherprojects h4 a:link,
body.design #otherprojects h4 a:visited,
body.design #otherprojects h4 a:hover,
body.design #otherprojects h4 a:active {
color:#ea7926;
}

body.digital #otherprojects h4 a:link,
body.digital #otherprojects h4 a:visited,
body.digital #otherprojects h4 a:hover,
body.digital #otherprojects h4 a:active {
color:#5cc6db;
}

body.events #otherprojects h4 a:link,
body.events #otherprojects h4 a:visited,
body.events #otherprojects h4 a:hover,
body.events #otherprojects h4 a:active {
color:#99e05d;
}


#page {
margin:20px 0 20px 0;
}

#page .details {
width:600px;
margin:10px;
float:left;
}

#page .details h3 {
font-size:1.4em;
margin-bottom:20px;
color:#ea7926;
}

#page .sidebar {
width:320px;
margin:50px 10px 10px 10px;
float:left;
}

#page .sidebar h3 {
font-size:1.1em;
color:#ea7926;
line-height:150%;
margin-bottom:15px;
}

#page h4 {
font-weight:bold;
margin-bottom:5px;
}

#page .sidebar p {
margin-bottom:15px;
line-height:130%;
}

#page .sidebar ul {
margin-bottom:15px;
line-height:130%;
}


#portfolio {
margin:20px 0 0 0;
}

#portfolio h3 {
font-size:1.6em;
color:#ea7926;
padding:10px 0 0 10px;
}

body.design #portfolio h3 {
font-size:1.6em;
margin-bottom:20px;
color:#ea7926;
}

body.digital #portfolio h3 {
font-size:1.6em;
margin-bottom:20px;
color:#5cc6db;
}

body.events #portfolio h3 {
font-size:1.6em;
margin-bottom:20px;
color:#99e05d;
}

#portfolio .details {
width:600px;
margin:10px 10px 10px 10px;
float:left;
}

#portfolio .sidebar {
width:320px;
margin:10px 10px 10px 10px;
float:left;
}



#portfolio .sidebar em {
font-style:italic;
font-size:1.2em;
color:#ccc;
}

#portfolio .sidebar h4 {
font-weight:bold;
margin-bottom:5px;
margin-top:30px;
}

#portfolio .sidebar p {
margin-bottom:15px;
line-height:130%;
}

#portfolio .sidebar ul {
margin-bottom:15px;
line-height:130%;
}

#portfolio .folioimage {
width:600px;
height:400px;
margin-bottom:20px;
}

#about {
margin:20px 0 0 0;
}

#about .details {
width:700px;
margin:10px;
float:left;
}

#about .details p {
line-height:140%;
padding-bottom:20px;
}

#about .details h3 {
font-size:1.6em;
margin-bottom:20px;
color:#ea7926;
}

body.design #about .details h3 {
font-size:1.6em;
margin-bottom:20px;
color:#ea7926;
}

body.digital #about .details h3 {
font-size:1.6em;
margin-bottom:20px;
color:#5cc6db;
}

body.events #about .details h3 {
font-size:1.6em;
margin-bottom:20px;
color:#99e05d;
}

#about .sidebar {
width:220px;
margin:10px 10px 10px 10px;
float:left;
}

#about .sidebar h3 {
font-size:1.2em;
margin-bottom:20px;
color:#ea7926;
}

body.design #about .sidebar h3 {
font-size:1.2em;
margin-bottom:20px;
color:#ea7926;
}

body.digital #about .sidebar h3 {
font-size:1.2em;
margin-bottom:20px;
color:#5cc6db;
}

body.events #about .sidebar h3 {
font-size:1.2em;
margin-bottom:20px;
color:#99e05d;
}

#about .sidebar .project {
width:220px;
float:left;
margin:0 0 20px 0;
}

#about .sidebar .project .photo {
width:220px;
height:147px;
}

#about .sidebar .project h4 {
padding:5px 0 0 0;
}

#about .sidebar .project h4 a:link,
#about .sidebar .project h4 a:visited,
#about .sidebar .project h4 a:hover,
#about .sidebar .project h4 a:active {
font-weight:bold;
color:#ea7926;
font-size:0.9em;
text-decoration:none;
}

body.design #about .sidebar .project h4 a:link,
body.design #about .sidebar .project h4 a:visited,
body.design #about .sidebar .project h4 a:hover,
body.design #about .sidebar .project h4 a:active {
color:#ea7926;
}

body.digital #about .sidebar .project h4 a:link,
body.digital #about .sidebar .project h4 a:visited,
body.digital #about .sidebar .project h4 a:hover,
body.digital #about .sidebar .project h4 a:active {
color:#5cc6db;
}

body.events #about .sidebar .project h4 a:link,
body.events #about .sidebar .project h4 a:visited,
body.events #about .sidebar .project h4 a:hover,
body.events #about .sidebar .project h4 a:active {
color:#99e05d;
}

#about .sidebar .project p {
font-size:0.9em;
}

#news {
margin:20px 0 0 0;
}

#news .details {
width:620px;
margin:10px;
float:left;
}

#news .details p {
line-height:140%;
padding-bottom:20px;
}

#news .details a:link,
#news .details a:visited,
#news .details a:hover,
#news .details a:active {
color:#ea7926;
}

body.design #news .details a:link,
body.design #news .details a:visited,
body.design #news .details a:hover,
body.design #news .details a:active {
color:#ea7926;
}

body.digital #news .details a:link,
body.digital #news .details a:visited,
body.digital #news .details a:hover,
body.digital #news .details a:active {
color:#5cc6db;
}

body.events #news .details a:link,
body.events #news .details a:visited,
body.events #news .details a:hover,
body.events #news .details a:active {
color:#99e05d;
}

#news .details em {
font-size:1.1em;
line-height:130%;
}

#news .details h3 {
font-size:1.6em;
margin-bottom:20px;
color:#ea7926;
}

body.design #news .details h3 {
color:#ea7926;
}

body.digital #news .details h3 {
color:#5cc6db;
}

body.events #news .details h3 {
color:#99e05d;
}

#news .sidebar {
width:160px;
margin:60px 10px 10px 10px;
float:left;
}

#news .sidebar ul li {
font-size:0.8em;
margin-bottom:15px;
line-height:140%;
}

#news .sidebar ul li a:link,
#news .sidebar ul li a:visited,
#news .sidebar ul li a:hover,
#news .sidebar ul li a:active {
font-weight:bold;
color:white;
}

#news .sidebar ul li a:hover,
#news .sidebar ul li a.active {
color:#ea7926;
}

body.design #news .sidebar ul li a:hover,
body.design #news .sidebar ul li a.active {
color:#ea7926;
}

body.digital #news .sidebar ul li a:hover,
body.digital #news .sidebar ul li a.active {
color:#5cc6db;
}

body.events #news .sidebar ul li a:hover,
body.events #news .sidebar ul li a.active {
color:#99e05d;
}

#news .sidebar2 {
width:120px;
margin:60px 10px 10px 10px;
float:left;
}

#news .sidebar2 ul li {
font-size:0.8em;
margin-bottom:5px;
line-height:140%;
}

#news .sidebar2 ul li a:link,
#news .sidebar2 ul li a:visited,
#news .sidebar2 ul li a:hover,
#news .sidebar2 ul li a:active {
font-weight:bold;
color:white;
}

#news .sidebar2 ul li a:hover,
#news .sidebar2 ul li a.active {
color:#ea7926;
}

body.design #news .sidebar2 ul li a:hover,
body.design #news .sidebar2 ul li a.active {
color:#ea7926;
}

body.digital #news .sidebar2 ul li a:hover,
body.digital #news .sidebar2 ul li a.active {
color:#5cc6db;
}

body.events #news .sidebar2 ul li a:hover,
body.events #news .sidebar2 ul li a.active {
color:#99e05d;
}

/* Footer */

#footerwrap {
background-image:url(/images/footer-background.jpg);
background-repeat:repeat-x;
}

#footer {
border-top:1px solid #747F83;
width: 960px;
margin-left:auto;
margin-right:auto;
height:200px;
}

#footer .triplelogo {
padding:20px 0 0 10px;
}

#footer p {
padding:5px 0 0 10px;
font-size:0.9em;
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
color:white;
}