body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #EBEBEB;
background-image:url("images/bgimage.gif");
background-position:top;
height: 100%;
font-family: Verdana, Helvetica, Arial;
font-size:70%;
color: #666666;
}

p{
padding: 15px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
/* text link style -----------------------------*/
a:link {
text-decoration:none;
color:#FF0000;
font-weight : bold;
}
a:visited {
text-decoration:none;
color:#FF0000;
font-weight : bold;
}
a:hover {
text-decoration:underline;
color:#FF0000;
font-weight : bold;
/*border-bottom: 1px dashed #FF0000;*/
}

.viewproject{

margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.redarrow, .redarrow ul {
margin: 0px 0px 0px 620px;
padding: 0px 0px 0px 0px;
}

.redarrow li {
list-style-type: none;
background: url("images/arrowred.gif") transparent; background-repeat:no-repeat; margin:0px; padding-left:10px;  line-height:30px; background-position:0px 8px; }

/* end text link style -----------------------------*/

#flashtop{
padding:0px 0px 15px 0px;
}

.displaynone{
display: none;
}

#preloadimages{
display:none;
}

#outercontainer {
position:absolute;

left: 50%;
width:770px;
margin: 0px 0px 0px -385px;
padding:0px 0px 0px 0px;
z-index:2;
}

#maincontainer {
position:absolute;
left:10px;

width:750px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

z-index:3;
}

#header{
width:770px;
height:80px;
position:absolute;
z-index:10;
/*background-image: url("images/banner.gif");*/
}

/* start navigation -----------------------------------------*/

#navarea{
top:60px;
left:10px;
position:absolute;
z-index:20;
}

#navhome{
left:15px;
position:absolute;
background-image: url("images/navhome.gif");

}

#navhome a{
display:block;
height:23px;
width:47px;
background-image: url("images/navhome.gif");
;
}

#navhome a:hover {
display:block;
background-position: 0px -23px;
}

#navhomespacer {
top:0px;
left:62px;
position:absolute;
height:23px;
width:19px;
background-image: url("images/navspacer.gif");
}

#navdesign{
left:82px;
position:absolute;
background-image: url("images/navdesign.gif");
}

#navdesign a{
position:absolute;
height:23px;
width:55px;
background-image: url("images/navdesign.gif");
}

#navdesign a:hover{
background-position: 0px -23px;
}

#navdesignspacer {
top:0px;
left:137px;
position:absolute;
height:23px;
width:19px;
background-image: url("images/navspacer.gif");
}

#navflash{
left:156px;
position:absolute;
background-image: url("images/navflash.gif");
}

#navflash a{
position:absolute;
height:23px;
width:39px;
background-image: url("images/navflash.gif");
}

#navflash a:hover{
background-position: 0px -23px;
}

#navflashspacer {
top:0px;
left:195px;
position:absolute;
height:23px;
width:19px;
background-image: url("images/navspacer.gif");
}

#navvideo{
left:214px;
position:absolute;
background-image: url("images/navvideo.gif");
}

#navvideo a{
position:absolute;
height:23px;
width:45px;
background-image: url("images/navvideo.gif");
}

#navvideo a:hover{
background-position: 0px -23px;
}

#navvideospacer {
top:0px;
left:259px;
position:absolute;
height:23px;
width:19px;
background-image: url("images/navspacer.gif");
}

#navphotography{
left:15px;
position:absolute;
background-image: url("images/navphotography.gif");
}

#navphotography a{
position:absolute;
height:23px;
width:106px;
background-image: url("images/navphotography.gif");
}

#navphotography a:hover{
background-position: 0px -23px;
}

#navphotographyspacer {
top:0px;
left:121px;
position:absolute;
height:23px;
width:19px;
background-image: url("images/navspacer.gif");
}

#navinfo{
left:403px;
position:absolute;
background-image: url("images/navinfo.gif");
}

#navinfo a{
position:absolute;
height:23px;
width:30px;
background-image: url("images/navinfo.gif");
}

#navinfo a:hover{
background-position: 0px -23px;
}

#navinfospacer {
top:0px;
left:433px;
position:absolute;
height:23px;
width:19px;
background-image: url("images/navspacer.gif");
}

#navcv{
left:452px;
position:absolute;
background-image: url("images/navcv.gif");
}

#navcv a{
position:absolute;
height:23px;
width:17px;
background-image: url("images/navcv.gif");
}

#navcv a:hover{
background-position: 0px -23px;
}


/* end navigation ----------------------------------------*/

#allcontent{
position:absolute;
top:93px;
left:15px;
height:100%;
background-color: #FFFFFF;
}

.contentitem{
width:720px;
}

.spacer{
height:15px;
}

.projectimage {
float:left;
margin: 0px 15px 15px 0px;
padding: 0px 0px 0px 0px;
}

.greylinetop{
padding: 0px 0px 15px 0px;
}

.greylinebottom{
padding: 0px 0px 0px 0px;
}

#footer{
text-align:center;
padding: 0px 0px 15px 0px;
}
.w3cicon1 {
float:right;
margin: 0px 15px 15px 0px;
padding: 0px 0px 0px 0px;
}
.w3cicon2 {
float:right;
margin: 0px 15px 15px 0px;
padding: 0px 0px 0px 0px;
}