@charset "UTF-8";
/* CSS Document */


/*All Pages*/

body {
behavior: url(csshover.htc); /*IE6 hack to make the CSS pop-down menus work*/
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#8b8c8d;
margin:0;
text-align:center;
line-height:15px;
}

h1 {
font-weight:500;
font-size:10px;
margin:0 0 20px 0;
color:black;
}

h3 {
font-weight:normal;
font-size:10px;
text-transform: uppercase;
color: #a45a21;
letter-spacing:.1em;
margin:20px 0 -9px 0;
}

p {
line-height:16px;
font-size:11px;
padding:0 26px 2px 0;
}

p strong{font-weight:500; color:#000}

p#top {
font-size:10px;
text-transform: uppercase;
color: #a45a21;
line-height:21px;
letter-spacing:.1em;
}

p#top a{
color: #a45a21;
font-style:italic;
}

p#top a:hover{
color: #000;
}

#page {
text-align:left;
margin:0 auto;
width:840px;
}

#logo {
height:80px;
width:400px;
float:left;
text-align:center;
}

#logo img {
position:relative;
top:58px;
}

#content, #content2 { /*main content areas for about, capa, contact where div height is set by content*/
width:840px;
background-repeat:no-repeat;
float:left;
}

#content2 { /*used in portfolio where div height is needs to be fixed.*/
height:520px;
}

#content a, #content2 a{
font-size:10px;
color:#8b8c8d;
text-decoration:none;
}

#content a:hover, #content2 a:hover{
color:#000;
}

#content a#arrow, #content2 a#arrow {
color: #a45a21;
}

#content_copy { /*contact section*/
width:440px;
background-color:white;
position:relative;
top:93px;
left:380px;
padding:0 0 0 20px;
}

#content_copy2 {  /*portfolio id, ar and coll sections*/
width:417px;
height:270px;
line-height:15px;
background-color:white;
margin:111px 0 0 380px;
padding:24px 0 0 20px;
}

#content_scroll { /*long scrolling pages*/
width:416px;
line-height:15px;
margin:111px 0 0 380px;
padding:24px 0 38px 20px;
}

#content_copy4 { /*about and capa that use an image or animation on the left as opposed to a bg image behind*/
width:440px;
float:left;
margin-top:93px;
}

#content_ani {
width:400px;
height:520px;
float:left;
}

#content_ani img{
border-width:0px
}

#content_branding_left {
width:380px;
float:left;
text-align:center;
font-weight:bold;
margin-top:14px;
color:#000000
}

#content_branding_right { 
line-height:16px;
font-size:11px;
width:440px;
float:left;
margin:14px 0 0 20px;
padding-bottom:15px
}

#footer {
font-size:8px;
width:440px;
margin:-4px 0 20px 400px;
line-height:30px
}

#footer a{
position:relative;
top:1px;
font-size:11px;
color:#000;
text-decoration:none;
}

#fh { /*causes parent divs to expand with height of floating child divs*/
height:10px; clear:both;
}

.indent {
padding-right:10px
}

form {
font-size:11px;
line-height:14px
}

input {
margin-bottom:11px;
border: 1px solid #aaaaaa;
}

textarea {
border: 1px solid #aaaaaa;
}

#homejstext {
font-size:10px; font-style:italic; letter-spacing:.1em; color:#000000
}

#homejstext a{
color:#000000; text-decoration:none
}

#homejstext a:hover{
text-decoration:underline
}



/*Portfolio Copy Block Styles*/
#pc_title {
color: #a45a21;
width:162px;
float:left;
}

#pc_title2 {
height:36px;
float:left;
text-transform:uppercase;
color: #a45a21;
letter-spacing:.1em;
}

#pc_title_branding {
position:relative;
left:400px;
top:130px;
color: #000;
width:162px;
float:left;
}

.pc_titlestar {
color:#8b8c8d;
}

#pc_links1 {
height:138px;
width:88px;
float:left;
line-height:13px;
}

#pc_links2, #pc_links3 {
color: #a45a21;
width:162px;
float:left;
}

#pc_links2 a, #pc_links3 a{
padding:0 1px;
}

#pc_links2 a.arrow{
color: #a45a21;
}

#pc_links_branding {
position:relative;
left:400px;
top:130px;
width:88px;
float:left;
line-height:13px;
}

#pc_links_branding a {
color:#fff;
}

#pc_links_branding a:hover {
color:#000;
}

#pc_desc {
width:420px;
float:left;
}

#pc_inset {
width:300px;
float:left;
}

#launch_link {
position:relative;
left:177px;
top:20px;
/*background-color:#FFCC66;*/
width:60px;
}

#launch_link a{
color:#000;
text-decoration:underline;
}





/*Main Links w Pop Down*/

#menu_block {
height:80px;
width:440px;
float:left;
}

#menu {
float:left;
height:18px;
position:relative;
top:67px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
line-height:12px;
}

#menu a, #menu h2 {
font-weight:normal;
display: block;
margin: 0;
cursor:pointer;
}

#menu h2 {
font-size:8px;
letter-spacing:.2em;
color: #000;
text-transform: uppercase;
padding-bottom:2px;
}

#menu a {
color: #8b8c8d;
text-decoration: none;
}

#menu a:hover {
color: #a45a21;
}

#menu li {
position: relative; padding-bottom:1px;
}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}