body
{
behavior:url("csshover.htc"); 
background-color:#736d5f;
text-align: center;
}

#wrapper {
  margin: 0 auto;
  width: 809px;
  }

/* header */

#header-wrapper {
  width: 809px;
  height: 374px;
  }

#header-top {
width:809px;
height:11px;
background-image:url(../images/top.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

#header-left {
float:left;
width:377px; 
height=:102px;
}

#header-right {
float:right;
width:809px;
height:102px;
}


/* header-left */

#flash-animation {
	z-index: 0;
	float:left;
	background-color:#FFFFFF;
	width:789px;
	height:262px;
}

/* header-right */

#nav-box {
	z-index: 1;
	background-color:#FFFFFF;
	float:left;
	position:relative; /* Position property needed as the menu within this is using relative property to sit at the bottom */
	width:412px;
	height:102px;
}

#dropdown-navigation {
padding-top:62px;
}

#shadow-right1 {
	float:left;
	width:20px;
	height:102px;
	background-image:url(../images/shadow-right.jpg);
	background-repeat:repeat-y;
}

#shadow-right2 {
	float:right;
	width:20px;
	height:262px;
	background-image:url(../images/shadow-right.jpg);
	background-repeat:repeat-y;
}

#image-right {
	float:left;
	width:412px;
	height:261px;
}

#main-image-header {
	float:left;
	width:789px;
	height:261px;
}

/* mainbody */

#body-wrapper {
  width: 809px;
  height:auto;
}
  
#maincontent {
	 float:left;
	 background-image:url(../images/shadow-right-main.jpg);
	 background-repeat:repeat-y;
	 width: 809px;
	 height:auto;
} 

#mainarea1 {
	 float:left;
	 width:502px;
	 background-color:#FFFFFF;
}

#mainarea2 {
	 float:left;
	 width:287px;
	 height:404px;
}

/* PORTFOLIO WEB PAGES */

#web {
	 float:left;
	 background-image:url(../images/web2.jpg);
	 width:287px;
	 height:404px;
}

#web2 {
	 float:left;
	 background-image:url(../images/web-CIL.jpg);
	 width:287px;
	 height:404px;
}

#web3 {
	 float:left;
	 background-image:url(../images/nbs2.jpg);
	 width:287px;
	 height:404px;
}

#print {
	 float:left;
	 background-image:url(../images/dek2.jpg);
	 width:287px;
	 height:404px;
}

#print2 {
	 float:left;
	 background-image:url(../images/jjs.jpg);
	 width:287px;
	 height:404px;
}

#print3 {
	 float:left;
	 background-image:url(../images/marantz.jpg);
	 width:287px;
	 height:404px;
}

#exhibition {
	 float:left;
	 width:287px;
	 height:404px;
}

#optio {
	 float:left;
	 background-image:url(../images/optio2.jpg);
	 width:287px;
	 height:404px;
}

#mb {
	 float:left;
	 background-image:url(../images/mb-associates.jpg);
	 width:287px;
	 height:404px;
}

#alastair {
	 float:left;
	 background-image:url(../images/corporate-id-3-2.jpg);
	 width:287px;
	 height:404px;
}

#edm-dek {
	 float:left;
	 width:287px;
	 height:404px;
}

#online {
	 float:left;
	 background-image:url(../images/online-portfolio-2.jpg);
	 width:287px;
	 height:404px;
}

#online2 {
	 float:left;
	 background-image:url(../images/online-portfolio-page2-side.jpg);
	 width:287px;
	 height:404px;
}

#online3 {
	 float:left;
	 background-image:url(../images/online-portfolio-page3-side.jpg);
	 width:287px;
	 height:404px;
}

#branding {
	 float:left;
	 background-image:url(../images/branding-portfolio-2.jpg);
	 width:287px;
	 height:404px;
}

#branding2 {
	 float:left;
	 background-image:url(../images/branding-page2a.jpg);
	 width:287px;
	 height:404px;
}

#branding3 {
	 float:left;
	 background-image:url(../images/branding-page3a.jpg);
	 width:287px;
	 height:404px;
}

#pr {
	 float:left;
	 background-image:url(../images/pr1a.jpg);
	 width:287px;
	 height:404px;
}

#pr2 {
	 float:left;
	 background-image:url(../images/pr2a.jpg);
	 width:287px;
	 height:404px;
}

#pr3 {
	 float:left;
	 background-image:url(../images/pr3a.jpg);
	 width:287px;
	 height:404px;
}

.turnpagetext {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #CC0000;
padding-right:40px;
}


/* PORTFOLIO WEB PAGES - NAVIGATION */

.smalltext-navigation
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #CC0000;
font-weight:bold;
}

.smalltext-navigation a:link
{
color: #CC0000;
text-decoration:none;
}

.smalltext-navigation a:active
{
color: #CC0000;
text-decoration:none;
}

.smalltext-navigation a:visited
{
color: #CC0000;
text-decoration:none;
}

.smalltext-navigation a:hover
{
color: #CC0000;
text-decoration:underline;
}

.maintext2
{
text-align:left;
line-height:18px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:736d5f;
}

.maintext2 a
{
color:#a41015;
}

.maintext2 span
{
text-align:left;
line-height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:000000;
font-weight:bold;
}

/* text properties */

.h1
{
text-align:left;
line-height:18px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:a41015;
font-weight:bold;
}

.h1 span
{
color:373736;
}

.maintext
{
text-align:left;
line-height:18px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:736d5f;
}

.maintext a
{
color:#a41015;
}

/* footer */

#copyright {
	float:left;
	width:377px;
	height:45px;
	background-color:#FFFFFF;
}

#navigation-bottom {
	float:left;
	width:412px;
	height:45px;
	background-color:#FFFFFF;
}

#footer-shadow-right {
	float:right;
	width:20px;
	height:45px;
	background-image:url(../images/shadow-right.jpg);
	background-repeat:repeat-y;
}

#footer-bottom {
	float:left;
	background-image:url(../images/bottom-footer.jpg);
	width:809px;
	height:22px;
	
}

.copyrighttext
{
padding-left: 50px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#777673;
margin: 0 0.15em;
float: left;
height: 2em;
line-height: 2em;
}

#navigation-bottom ul
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#777673;
list-style: none;
padding-left: 30px;
margin: 0;
}

#navigation-bottom li
{
float: left;
margin: 0 0.5em
}

#navigation-bottom li a
{
height: 2em;
line-height: 2em;
float: left;
display: block;
color: #777673;
text-decoration: underline;
text-align: left;
}

/* NAVIGATION MAIN */

/* IE 7 */ 
html > #position-nav
{
position:absolute;
bottom:0px;
left:2px;
}

/* IE 6 */ 
#position-nav
{
position:absolute;
bottom:0px;
left:2px;
}

/* Firefox 1 - 2 */ 
body:empty #position-nav
{ 
position:absolute;
bottom:0px;
left:8px;
} 

/* Firefox */ 
@-moz-document url-prefix() 
{ 
	#position-nav { 
	position:absolute;
	bottom:0px;
	left:8px;
	} 
}