/* CSS Document */

/* Main site CSS */

*
{
padding: 0px;
margin: 0px;
}

.clear
{
clear:both
}

body
{
font-family:"Lucida Sans",Arial, Helvetica, sans-serif;
font-size:10px;
font-style:normal;
font-weight:100;
color:#967e62;
background-color:#311a00;
}

.page-wrap
{
width:100%;
text-align:center;
}

a,
a:visited
{
text-decoration:none;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
color:#ff0066;
}
a:hover
{
text-decoration:none;
border-bottom:1px dotted #e3aa54;
color:#ffffff;
}

.nohover:hover
{
text-decoration:none;
border:0px;
}


h1
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:48px;
font-style:normal;
font-weight:100;
width:800px;
padding-top:88px;
color:#FFFFFF;
}

h2
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-style:normal;
font-weight:100;
color:#FFFFFF;
}

h3
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-style:normal;
font-weight:100;
color:#FFFFFF;
}

h4
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
font-style:normal;
font-weight:100;
color:#ff0066;
}

h5
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-style:normal;
font-weight:100;
color:#967e62;
}

h6
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-style:normal;
font-weight:100;
text-align:right;
color:#FFFFFF;
}

h7
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-style:normal;
font-weight:100;
color:#FFFFFF;
padding-left:30px;
}

.header8
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
font-style:normal;
font-weight:100;
color:#ffffff;
padding-top:0px;
}

h9
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
font-style:normal;
font-weight:100;
text-align:left;
margin-left:40px;
color:#967e62;
}

div.imagecaption
{
float:left;
margin-top:10px;
margin-right:75px;
width:175px;
display:inline;
text-align:left;
}

#nav
{
width:1000px;
height:32px;
margin-left:auto;
margin-right:auto;
text-align:left;
background:#ff0099 url(images/navlogo.png) top left no-repeat;
}

.nav-wrap
{
background-color:#ff0099;
}

#nav ul
{
list-style-type:none;
margin-left:150px;
}

#nav li
{
display:inline;
line-height:35px;
padding:15px;
}

#nav a,
#nav a:visited
{
text-decoration:none;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#330000;
}

#nav a:hover
{
text-decoration:none;
border-bottom:1px dotted #e3aa54;
color:#ffffff;
}

#nav .selected
{
text-decoration:none;
border-bottom:1px dotted #e3aa54;
color:#ffffff !important;
}


.header-wrap
{
background:#311a00 url(images/headerbg.gif) top left repeat-x;
}

#header
{
width:1000px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#logo
{
width:284px;
height:330px;
background:url(images/logobag.gif) top left no-repeat;
float:left;
}

#title
{
width:716px;
height:230px;
float:right;
}


#introtext
{
width:716px;
height:135px;
float:right;
}

#introtextprofile
{
width:716px;
height:80px;
float:right;
}

.divider
{
border-bottom-color:#5a4833;
border-bottom-style:dotted;
border-bottom-width:1px;
}

.featured-wrap
{
background-color:#311a00;
}

#feature
{
width:1000px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#subheader
{
width:250px;
height:480px;
background:url(images/freshlybrewed.gif) top left no-repeat;
margin-top:10px;
float:left;
}

#subheaderprofile
{
width:250px;
height:700px;
background:url(images/profileheader.gif) top left no-repeat;
margin-top:10px;
float:left;
}

#portfolionav
{
width:250px;
height:120px;
text-align:left;
float:left;
}

#portfolionav ul
{
list-style-type:none;
margin-left:20px;
}

#portfolionav li
{
line-height:40px;
}

#portfolionav a,
#portfolionav a:visited
{
text-decoration:none;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#FFFFFF;
}

#portfolionav a:hover
{
text-decoration:none;
border-bottom:1px dotted #e3aa54;
color:#ff0066;
}

#portfolionav li li
{
line-height:20px;
}

#portfolionav ul ul
{
padding-left:20px;
}

#portfolionav ul ul a,
#portfolionav ul ul a:visited
{
text-decoration:none;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
color:#967e62;
}


#leftnav
{
width:250px;
height:2000px;
float:left;
}

#portfolio
{
width:750px;
min-height:400px;
float:right;
}

.portfolioitem
{
width:375px;
height:400px;
float:left;
margin-top:40px;
}

.portfolioitemads
{
width:700px;
float:left;
margin-top:40px;
}

.portfolioitemlogos
{
width:375px;
float:left;
margin-top:40px;
}

.imageborder
{
border:5px solid #FFFFFF;
width:340px;
height:240px;
}

.imageborderads
{
}

#portfolio p
{
width:340px;
text-align:justify;
}

#area1
{
margin-top:20px;
border:15px solid #FFFFFF;
width:456px;
height:350px;
float:left;
}

#area2
{
margin-top:20px;
margin-left:20px;
border:15px solid #FFFFFF;
width:196px;
height:148px;
float:left;
}

#area2b
{
margin-top:24px;
margin-left:20px;
border:15px solid #FFFFFF;
width:196px;
height:148px;
float:left;
}

#area3
{
background:url(images/circlearrow.gif) bottom left no-repeat;
width:750px;
height:130px;
float:left;
}

#area3profile
{
background:#311a00 url(images/profileboxbg.gif) bottom left repeat-y;
width:750px;
height:440px;
margin-top:10px;
float:left;
}

#area3profile p
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-style:normal;
font-weight:100;
text-align:justify;
color:#330000;
padding-left:20px;
padding-top:20px;
padding-right:240px;
line-height:18px;
}

#profile10 ul
{
list-style-type:none;
float:left;
}

#profile10 li
{
font-family:"Lucida Sans",Arial, Helvetica, sans-serif;
font-size:10px;
font-style:normal;
font-weight:100;
color:#967e62;
line-height:20px;
margin-left:24px;
}

.latest-wrap
{
background-color:#311a00;
height:306px;
}

#latest
{
width:1000px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#subheader2
{
width:250px;
height:306px;
background:url(images/latestprojects.gif) top left no-repeat;
float:left;
}

#subheader2profile
{
width:250px;
height:150px;
background:url(images/profileporti.gif) top left no-repeat;
float:left;
}

#example1
{
margin-top:20px;
border:15px solid #5e452a;
width:196px;
height:148px;
float:left;
}

#example1profile
{
margin-top:20px;
border:5px solid #5e452a;
width:86px;
height:86px;
float:left;
}

#example2profile
{
margin-top:20px;
margin-left:25px;
border:5px solid #5e452a;
width:86px;
height:86px;
float:left;
}

#example2
{
margin-top:20px;
margin-left:25px;
border:15px solid #5e452a;
width:196px;
height:148px;
float:left;
}

#example3
{
margin-top:20px;
margin-left:25px;
border:15px solid #5e452a;
width:196px;
height:148px;
float:left;
}

.blog-wrap
{
background:#311a00 url(images/blogwrapbg.gif) top left repeat;
height:563px;
}

#bloglinks
{
width:861px;
height:525px;
margin-left:auto;
margin-right:auto;
padding-top:2px;
text-align:left;
background:url(images/pagesbg.jpg) left center no-repeat;
}

#bloglinks p
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-style:normal;
font-weight:100;
color:#330000;
padding:5px;
}

#bloglinks a,
#bloglinks a:visited
{
text-decoration:none;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#ff0066;
}
#bloglinks a:hover
{
text-decoration:none;
border-bottom:1px solid #e3aa54;
color:#ff0066;
}

#blogs
{
width:437px;
height:340px;
margin-left:60px;
margin-top:100px;
float:left;
}

#links
{
width:206px;
height:190px;
margin-right:50px;
margin-top:70px;
line-height:23px;
float:right;
}

.sticky
{
float:left;
margin-top:2900px;
}

.stickyonline
{
float:left;
margin-top:2000px;
}

.footer-wrap
{
background-color:#ff0066;
height:35px;
}

#footer
{
margin-left:auto;
margin-right:auto;
width:1000px;
text-align:left
}

#footernav
{
width:800px;
height:32px;
margin-left:auto;
margin-right:auto;
text-align:left;
background:#ff0066 url(images/footerlogo.gif) top left no-repeat;
float:left;
}

#footernav ul
{
list-style-type:none;
margin-left:150px;
}

#footernav li
{
display:inline;
line-height:35px;
padding:10px;
}

#footernav a,
#footernav a:visited
{
text-decoration:none;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
color:#330000;
}

#footernav a:hover
{
text-decoration:none;
border-bottom:1px dotted #e3aa54;
color:#ffffff;
}

#copyright
{
width:200px;
height:32px;
float:right;
}

#copyright p
{
font-family:"Lucida Sans",Arial, Helvetica, sans-serif;
font-size:10px;
font-style:normal;
font-weight:100;
color:#311a00;
padding-top:10px;
}

.whiteborder
{
border:15px solid white;
}