body{
margin:0;
padding:0;
line-height: 1em;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 930px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #ffffff;
height: 120px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 12px;
}

#logo {
float: left;
}

#navmenu {
  float: right;
	padding: 72px 0px 0 0;
	width:510px;
}

ul#navbar {
    display:inline;
	font-family: 'Oswald', sans-serif;
    font-size: 13px;
	padding-left:48px;
    /* Any other CSS you want */
}
ul#navbar li {
    display:inline;
		margin: 0 8px;
}
ul#navbar a {
		color: #444;
		text-decoration:none;			
}
ul#navbar a:hover {
    color: #444;
		text-decoration:none;
		border-bottom: 2px solid #888;
    padding-bottom: 3px;
}


#contentwrapper{
float: left;
width: 100%;
}

#contentwrapper-projects{
float: left;
width: 100%;
background-color: #DBDBDB;
}

#contentcolumn{
margin-left: 0px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -930px; /*Set left margin to -(MainContainerWidth)*/
background: #C8FC98;
}

#footer{
clear: left;
width: 100%;
background: #ffffff;
font-family: 'Georgia', serif;
font-size: 12px;
color: #333333;
text-align: left;
padding: 38px 0 0 30px;
}

#footer a{
color: #FFFF80;
}

#top-footer{
width: 850px;
}

#bottom-footer{
width: 850px;
padding-top:30px;
padding-bottom:15px;
}

.footerhead{
float: left; 
width: 225px; 
color:#444;
font-style:italic
}

.footerhead-wide{
float: left; 
width: 400px; 
color:#444;
font-style:italic
}

.footerhead-wide450{
float: left; 
width: 450px; 
color:#444;
font-style:italic
}

ul#footer-lists {
list-style-type: none;
padding:0; 
margin:0;
}

ul#footer-lists a {
		color: #444;
		text-decoration:none;			
}
ul#footer-lists a:hover {
    color: #888;
		text-decoration:none;
}



.portfolio{
float: left; 
width: 290px; 
height: 432px;
padding: 0 24px 20px 0;
color:#ffffff;
font-family: 'Oswald', sans-serif;
font-size: 13px;
}

.portfolio-header{
width: 270px; 
height: 26px;
background-color:#444;
padding: 12px 0 0 20px;
}

#portfolio-header-copy{
color:#ffffff;
font-family: 'Oswald', sans-serif;
font-size: 18px;
text-decoration: none;
}

#portfolio-header-copy-text{
font-family: helvetica, arial, sans-serif;
font-size: 12px;
color: #444;
font-weight:bold;
text-decoration: none;
}


.project-header{
width: 910px; 
height: 26px;
background-color:#444;
padding: 12px 0 0 20px;
}


.project-thumb{
float: left; 
width: 300px; 
height: 242px;
padding: 10px 15px 0px 0px;
color:#ffffff;
font-family: 'Oswald', sans-serif;
font-size: 13px;
}

.project-thumb-video{
float: left; 
width: 440px; 
height: 295px;
padding: 10px 50px 0px 0px;
color:#ffffff;
font-family: 'Oswald', sans-serif;
font-size: 13px;
}


.project-thumb-header{
width: 280px; 
height: 20px;
background-color:#949494;
padding: 7px 0 0 20px;
}

.project-thumb-header-video{
width: 420px; 
height: 20px;
background-color:#949494;
padding: 7px 0 0 20px;
}


.project-thumb-header-small{
width: 280px; 
height: 20px;
background-color:#949494;
padding: 0 0 0 20px;
}

.project-thumb-header-small-video{
width: 420px; 
height: 20px;
background-color:#949494;
padding: 0 0 0 20px;
}


#project-header-copy{
color:#ffffff;
font-family: 'Oswald', sans-serif;
font-size: 14px;
text-decoration: none;
}


#project-header-copy-small{
color:#ffffff;
font-family: 'Oswald', sans-serif;
font-size: 11px;
text-decoration: none;
}

#projectpage-header-copy-small{
color:#ffffff;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
padding-left:8px;
}


#project-footer{
clear: left;
width: 100%;
background: #ffffff;
font-family: helvetica, arial, sans-serif;
font-size: 12px;
color: #444;
text-align: left;
padding: 20px 0 40px 0px;
}

.project-footerhead{
float: left; 
width: 930px; 
/*! color:#444; */
font-style:italic
}

.project-footerhead-220{
float: left; 
width: 220px; 
color:#666666;
font-style:italic
}


.rbdi-copy{
font-family: helvetica, arial, sans-serif;
font-size: 12px;
color: #949494;
text-align: left;
}

.rbdi-copy a{
color: #949494;
text-decoration:none;
}

h1 {
color:#ffffff;
font-family: 'Oswald', sans-serif !important;
font-size: 18px !important;
text-decoration: none !important;
display: inline !important;
    -webkit-margin-before: 0em !important;
    -webkit-margin-after: 0em !important;
    -webkit-margin-start: 0px !important;
    -webkit-margin-end: 0px !important;
    font-weight: normal !important;
}

h1 a{
text-decoration: none !important;
color:#ffffff !important;
}

h2 {
    color: #2D637F;
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    text-decoration: none;
}

.cu-title {
    color: #2D637F;
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    text-decoration: none;
}

.cu-content {
    color: #949494;
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    line-height: 19px;
    text-decoration: none;
}

.contactus-center {
    color: #949494;
    font-family: helvetica, arial, sans-serif;
    font-size: 11px;
    line-height: 18px;
    margin: 0;
    text-align: left;
}

.contactus-right {
    color: #333333;
    font-family: Arial,sans-serif;
    font-size: 12px;
    line-height: 26px;
    margin: 0;
    padding-left: 10px;
    text-align: left;
}


.contentteam-left {
    color: #949494;
    float: left;
    margin: 0;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 30px;
    text-align: left;
    width: 310px;
}

.contentteam-right {
    color: #949494;
    float: right;
    margin: 0;
    padding-right: 40px;
    padding-top: 30px;
    text-align: left;
    width: 540px;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}