@font-face
{
font-family: myfirstfont;
src: url('MyriadPro-Regular.otf'); /* IE9+ */
}

@font-face
{
font-family: myfirstfont;
src: url('MyriadPro-Bold.otf'); /* IE9+ */
font-weight:bold;
}

@font-face
{
font-family: myfirstfont;
src: url('MyriadPro-Light.otf'); /* IE9+ */
font-weight:lighter;
}

#navigationct
{
width:100%;
height:30px;
background:transparent;

}

#navigationct ul
{
list-style-type:none;
margin-top: 0px;
margin-left: 460px;
padding-left:10px;
padding-right: 50px;
overflow:hidden;
position: relative;
}

li
{
    float: left; width: 76px;
}

#navigationct a:link,a:visited
{
display:inline;
width:20px;
color:#7b4500;
text-align:center;
padding:2px;
text-decoration:none;
text-transform:uppercase;
font-size: 10px;
font-weight: lighter;
}

#navigationct li a
{
color : #7b4500;
text-decoration:none;
font-family: myfirstfont;
}

#navigation li a:hover
{
font-weight:bold;
}

#navigationct li a:hover
{
font-weight:bold;
font-size: 12px;
}

#portfolionav
{color: #834500;
font-family: myfirstfont;
text-decoration: none;
font-size: 12px;
text-align: left;
margin-top: 0px;
margin-left: 561px;
overflow:hidden;
position: relative;
}

#content
{
height: 396px;
color: #834500;
text-decoration:none;
font-family: Helvetica;
font-size: 12px;
text-align: left;
font-stretch: extra-expanded;
margin-left: 150px;
margin-top: 150px;
padding:0;
overflow:hidden;
position: relative;
font-weight:normal;
}

a, a:link 
{
   color : #834500;
text-decoration:none;
font-family: myfirstfont;
font-size: 11px;
}

a:hover
{
    font-weight: bold;
    font-size: 12px;
}

#contentimages
{
margin-left: 0px;
margin-top: 0px;
padding:0;
overflow: visible;
position: relative;
font-weight: bold;
}

#content2
{
height: 396px;
color: #834500;
text-decoration:none;
font-family: myfirstfont;
font-size: 12px;
text-align: center;
font-stretch: extra-expanded;
margin-right: 115px;
margin-top: 50px;
margin-bottom: 100px;
padding:0;
overflow:hidden;
position: relative;
font-weight: bold;
}