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

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

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

#content h3 {
margin:0;
font-size:85%;
font-weight:700;
color:#313992;
}
#content h3 a{
color:#313992;
text-decoration:none;
}

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

#content p {
padding-bottom:5px;
padding-top:5px;
padding-left:5px;
font-size:85%;
color:#000;
line-height:1.1;
}

#content a {
color:#E77A06;
text-decoration:underline;
cursor:pointer;
}

#tabs a{
	text-decoration:none;
}

#content a:visited {
color:#E77A06;
}

#content a:hover,#content a:active {
color:#6a737d;
}

#content ul,#content ol {
margin-left:30px;
font-size: 13pt;
}

#tabs ul, #tabs ol{
margin:0;
padding:0;
}

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

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

ul.steps {
list-style-image: url('../images/check.png');
}
ul.bigsteps {
list-style-type: none;
}
ul.bigsteps li{
/*list-style-image: url('../images/check_32.png');
background-image: url('../images/check_32.png');*/
background-position: 0px 0%;
background-repeat: no-repeat;
padding-left:25px;
}

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

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

/* BOX STRUCTURE: */
#box {
float:none;
width:420px;
background-color:#FBD084;
margin:auto;
}

#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-top:5px;
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-left:25px;
float:left;
background-image:url(../images/pagebackground.gif);
min-height:900px;
}

#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 {
float:left;
}

#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 10px 5px;
padding:0;
}

ul.blogList{
   font-size:9pt;
   list-style-type:none;
   padding-left:10px;
   line-height:1.1;
}
ul.blogList li{
	margin-top:8px;
}
.listTitle{
   font-size:12pt;
   color:#E77A06;
}

.socMed{
   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;
}

#leftnav .area{
margin-bottom:25px;
}

#content {
width:575px;
padding:20px 15px 10px 15px;
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;
}

.definition p
{
background-color:lightGray;
padding:10px;
}

.picWithCap{
	margin: 15px 0;
}

.picWithCap span{
	font-size: 10pt;
}

.services ul{
	margin-top:3px;
}

.tagline{
	margin-bottom:10px;
}
.tagline .tagsum{
	font-size:8pt;
}

div.ui-accordion div.ui-accordion-content{
	padding-top:0;
}

div.ui-widget{
font-size:1em;
}
#accordion1, #accordion2{
margin-bottom:2em;
}

ul.ui-tabs-nav li a{
padding: 0.5em 3.6em;
}

img.button{
	cursor:pointer;
}