* {padding : 0; margin : 0;} /*resets all to zero*/

/* hack for forcing scroll bars to stop page jog 
html { margin-bottom: 1px; min-height: 100%; }
- http://www.splintered.co.uk/experiments/49/ */


body{ padding : 0; margin : 0;
font-family: Arial, Helvetica, Verdana, sans-serif;
color: #333;
text-align: center;
min-width: 960px;
background: #787a6a;
line-height: 1.3;
font-size: x-small;  /* for IE5 Win */
voice-family: "\"}\""; 
voice-family: inherit;
font-size: small; /* for compliant browsers */
}
/*be nice to Opera*/ 
html>body {  
font-size: small;
}


/*set some defaults which will apply across all browser*/

h1, h2, h3, h4, h5, h6, pre, blockquote, label, ul, ol, dl, p, fieldset, address {  margin : 0; }

p, ul, li {	font-family: Arial, Helvetica, Verdana, sans-serif;
	color:#fff;
	text-align: left;
	    font-size: 10px;
		line-height: 15px;
	}
	
	


blockquote {
padding: 0px;
color: #bbbb89;
font-size: 0.95em;
line-height: 150%;
margin: 10px 0;
}



h1 {
    font-size: 11px;
	color: #333;
	font-weight: bold;
	text-align: left;
	line-height:15px;
	padding:0px;
	}

h1.assistive {display: none;}

h2 {
    font-size: 100%;
	color: #000;
	font-weight: 900;
	text-align: left;
	padding:0;
	margin: 33px 0 0 46px;
	letter-spacing: 0.1em;
	}
	
h2 .am	{
    font-size: 145%;
	color: #fff;
	font-weight: 900;
	}

#content-header h2 {font-size: 0.95em;
	font-weight: 100;
	font-style: italic;
	font-family: "Arial Black";
color: #000;
	margin: 45px 0 0 14px;}	
	
#banner-text h2 {font-size: 0.95em;
	font-weight: 100;
	font-style: italic;
	font-family: "Arial Black";
color: #000;
	margin: 0px;}		

h3 {
    font-size: 120%;
	color: #ccc;
	font-weight: bold;
	margin: 10px 0 5px 0px;
	}


h4 {
    font-size: 1.4em;
	color: #fff;
	font-weight: 900;
	padding:0px;
}


h5 {
    font-size: 100%;
	color: #FFF;
	font-weight: bold;
	padding:10px;
	text-align:right;
	}
h6 {
    font-size: 100%;
	color: #fff;
	font-weight: 900;
	text-align: left;
	padding:0 0 10px 0;
	margin-top: 8px;
	}

.clear{
clear: both;
}

.clients {color: #bbbb89;}



/*   mainpages styles   */

#shadow-container {background: #727465  url(../img/shadow.gif);
width: 781px;
height: 553px;
text-align: left;
margin: 30px auto;

}


#container {background: #ff8000;
width: 766px;
height: 538px;
text-align: center;
margin: 0;
font-size: 90%;
border: 1px solid #000;
}


#header {background: #4c4540 url(../img/header.gif);
border-bottom: 1px solid #ff8000;
width: 766px;
height: 157px;
text-align: left;
float: left;
padding: 0px;
}



#nav-content {background:  url(../img/nav-bg#.gif);
width: 376px;
height: 157px;
text-align: left;
float: right;
}




#nav-content ul {
margin: 0px;
padding: 30px 0 0 0px;
}



#nav-content li {font-size: 160%;
font-weight: 900;
margin: 0px;
padding: 0px;
letter-spacing: 0.05em;
}


/* HOME PAGE LAYOUT */

#home-image {width: 766px;
height: 174px;}

#home-sub-nav {width: 766px;
height: 70px;
background: #4c4540;}

#home-address {width: 200px;
float:left;
height: 162px;
background: #4c4540;
padding-left: 40px;
padding-top: 40px;}

#home-right
{
float:right;
width:500px;
background-color:#FF0099;
margin-top:174px;
font-size:11px;
background: #4c4540;
padding-top:183px;
padding-bottom:5px;
color:white;
text-align:right;
padding-right:30px;
}

.orange
{

}

#main-content-home {background: #4c4540;
width: 200px;
height: 376px;
text-align: left;
padding: 0px;
float: left;
}



/*----- MAIN TEXT AREA OF PAGE ----- */

#main-content {background: #4c4540;
width: 390px;
height: 376px;
text-align: left;
padding: 0px;
float: left;
}

#text-content {width: 320px;
height: 300px;
text-align: left;
padding: 0 10px 0 40px;
margin: 0 0px 0 0;
float: left;
}
/*
#main-content p {font-size: 0.95em;
line-height: 165%;
margin: 10px 0;}

# p {margin: 0px;
color: #bbbb89;
font-size: 1.3em;
line-height: 1.2em;}
*/



#main-content p {font-size: 0.95em;
line-height: 150%;
margin: 10px 0;}

#text-content ul {
margin: -10px 0 10px 15px;
}

# p {margin: 0px;
color: #bbbb89;
font-size: 1.2em;
line-height: 1.2em;}

# a {
color: #bbbb89;
font-size: 1em;
font-weight: 100;}

#contact-address  {margin: 0;
color: #bbbb89;
}

#contact-address  p {margin: 0;
color: #fff;
line-height: 1em;}

#contact-address a {
color: #bbbb89;
font-size: 1em;
font-weight: 100;}


#page-header {width: 390px;
height: 65px;}

.header-work {
background: url(../page-header-img/work.gif);}
.header-work-photo {
background: url(../page-header-img/work-photo.gif);}
.header-work-print {
background: url(../page-header-img/work-print.gif);}
.header-work-press  {
background: url(../page-header-img/work-press.gif);}
.header-work-asset  {
background: url(../page-header-img/work-asset.gif);}
.header-work-digital {
background: url(../page-header-img/work-digital.gif);}
.header-work-design {
background: url(../page-header-img/work-design.gif);}
.header-company {
background: url(../page-header-img/company.gif);}
.header-clients  {
background: url(../page-header-img/clients.gif);}
.header-contact  {
background: url(../page-header-img/contact.gif);}

/* MAIN IMAGES */
.main-image {background: #4c4540;
width: 376px;
height: 376px;
text-align: left;
padding: 0px;
margin: 0;
float: right;
}

#image-work {background: #4c4540 url(../img/work-main-image.jpg);
}
#image-work-photo {background: #4c4540 url(../img/work-photo-main-image.jpg);
}
#image-work-print {background: #4c4540 url(../img/work-print-main-image.jpg);
}
#image-work-press {background: #4c4540 url(../img/work-press-main-image.jpg);
}
#image-work-asset {background: #4c4540 url(../img/work-asset-main-image.jpg);
}
#image-work-digital {background: #4c4540 url(../img/work-digital-main-image.jpg);
}
#image-company {background: #4c4540 url(../img/company-main-image.jpg);
}
#image-clients {background: #4c4540 url(../img/clients-main-image.jpg);
}
#image-contact {background: #4c4540 url(../img/contact-main-image.jpg);
}






/*----- LINK STYLES ----- */

a, a:link, a:visited {
font-weight: bold;
color: #f93;
font-size: 1em;
text-decoration: none;}

a:hover, a:active {
color: #bbbb89;
}