/* CSS Document */
/* FONTS AND COLORS: */
body {
background-color:#5A5A5A;
}

#content h1 {
margin:0;
padding:5px 0 15px;
font-size:105%;
font-weight:700;
color:#E77A06;
}

#content h2 {
margin:0;
padding:5px 0 10px;
font-size:105%;
font-weight:700;
color:#E77A06;
}

#content h3 {
margin:0;
padding:5px 0;
font-size:95%;
font-weight:700;
color:#6a737d;
}

#content h4 {
margin:0;
padding:5px 0;
font-size:90%;
font-weight:700;
color:#8C8C8C;
}

#content p {
margin:0;
padding-bottom:5px;
padding-top:5px;
font-size:85%;
color:#000;
}

#content a:link {
color:#E77A06;
text-decoration:none;
}

#content a:visited {
color:#E77A06;
text-decoration:none;
}

#content a:hover,#content a:active {
color:#6a737d;
text-decoration:none;
}

#content ul,#content ol {
margin-left:30px;
}

#content li {
padding-bottom:5px;
font-size:75%;
color:#000;
}

#content blockquote {
margin-left:25px;
}

#photo{
float:right; 
width:210px;
padding-left:10px;
padding-bottom:20px;
}

#photo div{
width:200px; 
font-size:10px; 
text-align:center;
}

/* BOX STRUCTURE: */
#box {
float:none;
width:250px;
background-color:#FBD084;
margin:15px 0 15px 100px;
}

#box h1 {
font-style:normal;
background-color:#F90;
color:#000;
margin:0 0 9px;
padding:18px 9px;
font-size:90%;
}

#content #box p {
padding:0 9px;
margin:0;
font-size:75%;
}

#box .date {
color:#3a7dff;
text-transform:uppercase;
font-weight:700;
}

#box .learnmore {
text-align:right;
text-transform:uppercase;
margin-top:9px;
}

#box ul {
list-style-type:none;
margin:0;
padding:10px;
}

#box li {
padding:0 9px 4px 15px;
margin:0;
font-size:75%;
}

#box a {
text-decoration:none;
}

/* STRUCTURE. PLEASE DO NOT CHANGE */
* {
font-family:Geneva, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

#container {
margin:auto;
width:818px;
}

#page {
padding:0 25px;
float:left;
background-image:url(../images/pagebackground.gif);
}

#header {
margin:15px 25px 0 21px;
width:772px;
background-color:#5A5A5A;
position: relative;
}

#header p{
margin: auto; 
position: absolute; 
font-size: 10pt; 
top: 0.5em; 
text-align: right; 
left: 22px;
}
#header p.headContact{
top: 11.6em;
right:10px; 
}

#header h1 {
text-align:center;
font-size:120%;
font-weight:400;
margin:0;
padding:15px 0;
text-transform:uppercase;
}

#header #images {
float:left;
}

#leftnav {
position:relative;
float:left;
height:600px;
}

#leftnav p.small {
margin:0;
padding:5px 0;
font-size:80%;
font-weight:400;
color:#fff;
}

#leftnav ul.nav {
list-style-type:none;
margin:25px 20px 15px 5px;
padding:0;
}

ul.blogList{
   font-size:10pt;
   list-style-type:none;
}
.blogList .listTitle{
   font-size:12pt;
   color:#E77A06;
}

.socMed{
   position:absolute;
   top:5px;
}
.socMed li{
   display: inline;
   list-style-type: none;
   padding-right: 2px;  
}

ul.nav li {
display:block;
text-align:left;
color:#fff;
text-transform:uppercase;
margin:0;
padding:10px 0;
font-size:90%;
}

#leftnav a:link,#leftnav a:visited {
color:#fff;
text-decoration:none;
font-weight:700;
}

#leftnav a:hover,#leftnav a:active {
color:#cc9;
text-decoration:none;
font-weight:700;
}

#leftnav ul ul {
margin:0 10px;
}

#leftnav ul ul li {
font-size:90%;
}

#leftnav ul ul li a:link,#leftnav ul ul li a:visited {
color:#cc9;
font-weight:400;
}

#leftnav ul ul li a:hover,#leftnav ul ul li a:active {
color:#FFF;
font-weight:400;
}

#content {
width:570px;
padding:20px 10px 10px 12px;
position:relative;
float:left;
}

#footer {
clear:both;
background-color:#FF8000;
width:772px;
margin:0 24px 0 21px;
padding:0;
}

#footer p {
padding:5px 0;
font-size:70%;
text-align:center;
color:#000;
}

#footer a:link,#footer a:visited {
color:#000;
text-decoration:none;
}

#footer a:hover,#footer a:active {
color:#F16531;
text-decoration:none;
}

#bottomshadow {
background-image:url(../images/footer.png);
z-index:100;
margin:0;
padding:0 0 15px;
background-color:#5A5A5A;
}

.tagLine{
position:absolute;
width:100%;
font-size:85%; 
color:#ffffff; 
font-weight:normal;
text-align:center;
bottom:5px;
}

quote{
   padding: 5px;
}
quote p{
font-size:80%
}
quote cite{
padding: 20px;
font-size: 70%;
}

/* STRUCTURE OF PORTFOLIO */
#TipLayer p {
padding:7px;
}