body{
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
font-size: 12px;
color: #666666;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 1.3em; 
background: #57585a url(img/grey-white-carpet.gif) repeat-y 50% 0;
}

a { 
font-weight: bold;
text-decoration: none; 
color: #cccccc;
}

a.active, a:hover {
color: #f36a22;
}


#container {
margin: 0 auto 0 auto;
width: 800px;
text-align: left;
}


#header {
margin-left: 160px;
margin-top: 30px;
padding: 10px;
background: url(img/submonte.gif) no-repeat 5%; 
border: 0;
height: 100px; /* for IE%/Win */
voice-family: "\"}\"";
voice-family: inherit;
height: 90px; /* actual value*/
width: 480px; /* for IE%/Win */
voice-family: "\"}\"";
voice-family: inherit;
width: 460px; /* actual value*/
}

html>body #header {
height: 90px;
width: 460px;
}


#nav {
margin-left: 160px; 
width: 480px; 
height: 20px;

}

#pagetitle {
margin-top: 30px;
margin-left: 170px;
border: 0;
width: 460px;
}

#content {
margin-left: 170px;
background-color: #ffffFF;
border: 0;
width: 460px; 
}

#sidebar {
float: right;
border: 1px #cccccc;
border-style: dashed;
padding: 10px;
background-color: #ffffff;
width: 230px; /* for IE%/Win */
voice-family: "\"}\"";
voice-family: inherit;
width: 210px; /* actual value*/
height: 300px; /* for IE%/Win */
voice-family: "\"}\"";
voice-family: inherit;
height: 280px; /* actual value*/
}

html>body #sidebar {
height: 280px;
width: 210px;
}

#sidebarleft {
margin-left: 0px;
border: 1px #cccccc;
border-style: dashed;
padding: 10px;
background-color: #ffffff;
width: 150px; /* for IE%/Win */
voice-family: "\"}\"";
voice-family: inherit;
width: 130px; /* actual value*/
}

html>body #sidebarleft {
width: 130px;
}


blockquote {
margin: 0px;
border: 1px #cccccc;
border-style: dashed;
padding: 10px 0px 10px 0px;
width: 480px; /* for IE%/Win */
voice-family: "\"}\"";
voice-family: inherit;
width: 460px; /* actual value*/ 
background: url(img/quote-left.gif) no-repeat top left;
}

#quote {
margin-left: 20px;
margin-right: 20px;
background: url(img/quote-right.gif) no-repeat right bottom;
}

#author {
margin-left: 20px;
margin-right: 20px;
text-align: right;
}

#portfolio {
margin-left:0px;
text-align: left;
width:180px;
}

#project {
width:290px;
float: right;
}

#projectfooter {
text-align: left;
border: 1px #cccccc;
border-style: dashed;
padding: 10px;
width: 280px; /* for IE%/Win */
voice-family: "\"}\"";
voice-family: inherit;
width: 260px; /* actual value*/
}

html>body #projectfooter {
width: 260px;
}

#projectfooterimg {
float:left;
margin-right: 10px;
}


#cvbox1 {
text-align: left;
border: 1px #cccccc;
border-style: dashed;
padding: 10px;
width: 460px; /* for IE%/Win */
voice-family: "\"}\"";
voice-family: inherit;
width: 440px; /* actual value*/
height: 75px; /* for IE%/Win */
voice-family: "\"}\"";
voice-family: inherit;
height: 55px; /* actual value*/
}

html>body #cvbox1 {
height: 55px;
width: 440px;
}

#cvbox2 {
text-align: left;
border: 1px #cccccc;
border-style: dashed;
padding: 10px;
height: 980px; /* for IE%/Win */
voice-family: "\"}\"";
voice-family: inherit;
height: 960px; /* actual value*/
width: 460px; /* for IE%/Win */
voice-family: "\"}\"";
voice-family: inherit;
width: 440px; /* actual value*/
}

html>body #cvbox2 {
height: 980px;
width: 440px; 
}

#cvbox3 {
text-align: left;
width: 300px; 
float: left;
}

#cvbox4 {
text-align: left;
width: 100px; 
float: right;
}


#mainnav {
margin-left: 10px;
margin-right: 10px;
padding: 10px 0px 10px 0px;
border-bottom-style: dashed;
border-bottom-color: #cccccc;
border-bottom-width: 1px;
border-top-style: dashed;
border-top-color: #cccccc;
border-top-width: 1px;
}


#mainnav li {
display: inline; 
list-style: none;
}

#mainnav a { 
font-weight: bold;
margin-left: 30px;
margin-right: 30px;
text-decoration: none; 
color: #cccccc;
}

#mainnav a.active, #mainnav a:hover {
color: #f36a22;
}

#portnav {
list-style: none;

}

#portnav li {
list-style: none;
}


#portnav dt {
height: 30px;
float: left;
}

#portnav dd {
height: 30px;
}


#topcontact {
margin-right: 10px;
text-align: right;
}


#topcontact {
list-style: none;
}

#topcontact a { 
text-decoration: none; 
color: #333333;
}

#topcontact a.active, #mainnav a:hover {
color: #f36a22;
}



h1 {
font-size: 15px; 
font-weight: bold; 
color: #666666;
padding-bottom: 10px;
}

h2 {
font-size: 14px; 
font-weight: bold; 
color: #000000;
}

h3 {
font-size: 14px;
font-weight: normal; 
color: #666666;
}

h4 {
font-size: 12px;
font-weight: bold; 
color: #000000;
}

.orange {
color: #f36a22;
}

.cvdownload {
margin-left: 15px;
}

#footer {
margin-left: 150px;
margin-bottom: 0px;
clear: both;
width: 501px;
height: 50px;
}