/* CSS Document */
*{
margin:0; padding:0;
}
body{
background-color:#272D38; border-top:5px solid #EAEAEA; text-align:center;
}
#container{
width:740px; margin:0 auto;background:url(images/background.jpg) no-repeat 50% 50% #272D38;
}
#navarea{
text-align:left; height:84px; padding-top:1px;
}
h1.title{
background:url(images/logo.gif) no-repeat; text-indent:-9000px; width:170px; height:21px;margin:29px 0 10px 0px;
}
#navarea ul{
border-bottom:1px solid #494F59; border-top:1px solid #494F59; width:740px; margin:0 0 0 0px; padding:4px 0 4px 0;
}
#navarea ul li{
list-style-type:none; display:inline; font:0.7em Helvetica; text-transform:uppercase; padding:0 50px 0 0;
}
#navarea a:link, #navarea a:visited{
color:#B8BABE; text-decoration:none;
}
#navarea a.active{
font-weight:bold; color:#FFFFFF; border-bottom:2px solid #E6E43F;
}
#navarea a:hover{
border-bottom:3px solid #E6E43F; 
}
#leftcolumn, #rightcolumn{
float:left; width:361px; text-align:left;
}
ul.submenu{
border-bottom:1px solid #4B515B; border-top:1px solid #4B515B; width:361px; margin:19px 0 0 0; text-align:left; padding:5px 0px 5px 0;
}
ul.submenu li{
font:0.6em Helvetica; list-style-type:none; display:inline; text-transform:uppercase; padding:0 35px 0 0; color:#B8BABE;
}
ul.submenu li.last{
padding:0;
}
#leftcolumn a:link, #leftcolumn a:visited, .submenu li a:link, .submenu li a:visited{
color:#B8BABE; text-decoration:none;
}
#leftcolumn a:hover, .submenu li a:hover{
color:#E6E43F; 
}
#aboutcontent{
float:left; width:177px; border-right:1px solid #4D545E; margin:18px 0 0 0;
}
#aboutcontent h2,#contactcontent h2{
font-family:Arial Black; color:#E6E43F; text-transform:uppercase; font-size:0.8em;
}
#aboutcontent h5,#contactcontent h5{
font-family:Helvetica, sans-serif; color:#EEEEEE; text-transform:uppercase; font-size:0.7em; font-weight:normal; margin:5px 0 5px 0;
}
#aboutcontent p.normaltext, #contactcontent p.normaltext{
FONT-FAMILY: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;font-size:0.7em; color:#999; line-height:1.7em;
}
#contactcontent{
float:right; margin:18px 5px 0 0px; width:155px;
}
#rightcolumn{
float:right; width:360px; text-align:left; padding-bottom:100px;
}
#rightcolumn h3, #leftcolumn h3{
font-family:Arial Black; color:#E6E43F; text-transform:uppercase; font-size:0.9em; margin:7px 0 4px 0;
}
#rightcolumn h4, #leftcolumn h4{
font:0.6em Helvetica; list-style-type:none; display:inline; text-transform:uppercase; color:white;
}
#imagebox{
background:url(images/box.gradient.jpg) bottom repeat-x white; width:360px; height:251px; padding-top:5px; border:1px solid #CCCCCC; 
margin-top:47px;
position:relative;
}
#imagebox img{
border-bottom:2px dotted #E4E4E3; padding:0 0 5px 5px;
}
.object{
border-bottom:2px dotted #E4E4E3; margin-left:5px;
}
#seeworkbtn a { 
display: block;
position:absolute; top:200px; left:175px; 
height: 24px; 
width: 163px; 
background: url("images/btn.work.gif") 0 0 no-repeat; 
} 
#seeworkbtn a:hover { 
background-position: 0 -24px; 
}
#commentbtn a { 
display: block;
position:absolute; top:220px; left:255px; 
height: 20px; 
width: 91px; 
background: url("images/work/btn.comment.gif") 0 0 no-repeat; 
} 
#commentbtn a:hover { 
background-position: 0 -20px; 
}  
.clear{
clear:both;
}
#portfoliobox{
background:url(images/box.gradient.jpg) bottom repeat-x white; margin-top:47px; padding:8px 15px 8px 15px; height:244px;
}
#portfoliobox h2{
color:#272D38; font-family: Georgia; font-size: 1.3em; font-style:italic; font-weight:bold; letter-spacing:-0.04em;
}
#contentbox{
background-color:#3C4454;margin-top:47px; padding:8px 15px 8px 15px; height:244px;
}
#formbox{
background-color:#3C4454;margin-top:47px; padding:8px 15px 8px 15px; height:450px;
}
#contentbox h2, #formbox h2{
color:#FFFFFF; font-family: Georgia; font-size: 1.3em; font-style:italic; font-weight:bold; letter-spacing:-0.04em;
}
#contentbox h3, #popup h3, #portfoliobox h3, #formbox h3{
font-family:Arial Black; color:#E6E43F; text-transform:uppercase; font-size:0.7em; margin:7px 0 7px 0;
}
#popup{
width:400px; text-align:left; padding-left:20px;
}
p.normaltext{
FONT-FAMILY: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; color:#999; line-height:1.7em; 
}
p.normaltext a:link, p.normaltext a:visited{
color:#FFFFFF;
}
p.bluetext{
color:#4B5566; font-family:Helvetica, sans-serif; font-size:0.7em; line-height:1.7em;
}
p.button{
background:url(images/btn.background.gif) no-repeat left #4D545E; height:17px; width:120px; padding-left:18px;
text-transform:uppercase; font-family:Arial Black; font-size:0.6em; margin:13px 0 0 0;
}
p.button a:link, p.button a:visited{
color:#C4C4C4;
}
p.button a:hover{
color:#E6E43F;
}
#recentwork{
margin:19px 0 0 0; text-align:left;
}
#recentwork h3{
background:url(images/h3_recentwork.gif) no-repeat; text-indent:-9000px; width:113px; height:28px; margin:0 0 12px 190px;
}
#recentwork img{
float:left; border:1px solid #979798; margin-right:17px;
}
#recentwork p{
color:#EEEEEE; font-size: 0.7em; font-family:Helvetica, sans-serif;
}
#recentwork .header{
font-family:Arial Black; text-transform:uppercase;
}
#recentwork a:link,#recentwork a:visited{
background:url(images/icon_arrow.gif) no-repeat 0% 50%; color:#EEEEEE; padding-left:20px;
}
div.workbox{
background:url(images/box.gradient.jpg) bottom repeat-x white; width:360px; height:137px; padding-top:5px; border:1px solid #CCCCCC; 
margin-top:18px;
}
div.workboxfirst{
background:url(images/box.gradient.jpg) bottom repeat-x white; width:360px; height:137px; padding-top:5px; border:1px solid #CCCCCC; 
margin-top:47px;
}
.workbox img, .workboxfirst img{
border-bottom:2px dotted #E4E4E3; padding:0 0 5px 5px;
}
div.workcontentboxfirst{
background-color:#3C4454;margin-top:47px; padding:8px 15px 8px 15px; height:130px;
}
div.workcontentbox{
background-color:#3C4454;margin-top:15px; padding:8px 15px 8px 15px; height:130px;
}
.workcontentbox h3, .workcontentboxfirst h3{
font-family:Arial Black; color:#E6E43F; text-transform:uppercase; font-size:0.9em; margin:5px 0 7px 0;
}
.portfoliofirst img{
float:left; border:1px solid #CCCCCC; margin-top:20px;
}
.portfoliofirst:hover img, .portfolioitems:hover img, .portfoliosecondrowfirst:hover img, .portfoliosecondrow:hover img{
border:1px solid #666666;
}
.portfolioitems img{
float:left; border:1px solid #CCCCCC; margin:20px 0 0 15px;
}
.portfoliosecondrow img{
float:left; border:1px solid #CCCCCC; margin:10px 0 0 15px;
}
.portfoliosecondrowfirst img{
float:left; border:1px solid #CCCCCC; margin-top:10px;
}
.portfolioactive{
border-bottom:2px solid #E6E43F;
}
#imagebox p{
color:#272D38; font-size: 0.7em; font-family:Helvetica, sans-serif; margin:23px 0 0 10px;
}
#imagebox p a:link, #imagebox p a:visited{
color:#272D38; text-decoration:underline;
}
#imagebox .header{
font-family:Arial Black; text-transform:uppercase;
}
label {  
float: left;  
width: 10em;  
margin-right: 1em;
text-align: right; 
}
.textbox {
background-color:#3C4454; BORDER-TOP-WIDTH: 0px; padding:2px 2px 2px 2px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 1em; COLOR: #E6E43F; BORDER-BOTTOM: #FFF 1px dotted; BORDER-RIGHT-WIDTH: 0px;
}