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

* {
	border:none;
	outline:hidden;
	}
html { overflow: -moz-scrollbars-vertical; } 

body  {
	font: 100% Arial, Helvetica, sans-serif;
	font-size:0.69em;
	line-height:15px;
	font-weight:normal;
	background: #9d9834;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #999999;
	}
	
	
/*text*/
h1 {
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	line-height:20px;
	font-weight:normal;	
	}
	
a:link {
	color:#cccc33;
	text-decoration:none;
	border-bottom:dotted 1px;
	}	
a:visited {color:#676213;}
a:hover {color:#000000;}
a:active {color:#cccc33;} 	

.greenText {
	color:#cccc33;	
	}
	
.aboutBigText {
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	font-weight:normal;	
	}	
	
.contactFocusText {
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	line-height:20px;
	font-weight:normal;	
	color:#cccc33;	
	}	
	
	
/*background images*/
.home { 
	background: url(../images/bg00_home.gif) #9d9834 no-repeat;
	background-position:top center;
	}
.about { 
	background: url(../images/bg01_about.gif) #9d9834 no-repeat;
	background-position:top center;
	}
.contact { 
	background: url(../images/bg02_contact.gif) #9d9834 no-repeat;
	background-position:top center;
	}
.portfolio { 
	background: url(../images/bg03_porti.gif) #9d9834 no-repeat;
	background-position:top center;
	}

/*containers*/
#container { 
	width: 980px;
	background: none;
	margin: 0 auto;
	border: 0;
	text-align: center;
	overflow:hidden;
	}

#header { 
	background: url(../images/bg_header.png) no-repeat;
	padding: 0;
	height: 100px;
	padding:110px 0 0 100px;
	margin:0;
	position:relative;
	}
	
#contentHome {
	height: 492px; /*help - its working but doesnt make sense with the heights below*/
	background: none;
	padding: 0;
	margin:0;
	text-align:right;
	}
#contentContact {
	height: 433px; /*471 - 39 top padding*/
	background: none;
	padding: 29px 0px 30px 0px;
	text-align:center;
	}
#contentAbout {
	height: 433px; /*471 - 39 top padding*/
	background: none;
	padding: 29px 170px 30px 170px;
	text-align:left;
	}
#contentPorti {
	height: 433px; /*471 - 39 top padding*/
	background: none;
	padding: 29px 111px 30px 111px;
	text-align:left;
	position:relative;
	}
	
#footer {
	position:relative;
	height: 50px;
	background: url(../images/bg_footer.gif) no-repeat;
	padding: 14px 48px 0px 49px;
	text-align:left;
	font-size:11px;
	line-height:11px;
	font-weight:normal;	
	}
	
/*lists*/
ul#horizontal-list {
	min-width: 750px;
	text-align:center;
	list-style: none;
	padding: 0;
}
ul#horizontal-list li {
	display: block;
	float:left;
	width:140px;
	height:105px;
	margin-right:10px; /*0.75em;*/
	margin-bottom:10px; /*1.75em;*/
	background-color:#99964c;
}

ul#horizontal-list li a {
	border:none;
	padding:0;
	margin:0;
	width:140px;
	height:105px;
	display: block;
	float:left;
}

ul#horizontal-list li a:hover {
	border:10px solid #fff;
	width:120px;
	height:85px;
	background-position:-10px -10px;
}

/*pages*/

ul#pages {
	position:absolute;
	top:50px;
	right:130px;
	list-style: none;
	padding: 0;
}
ul#pages li {
	color:#999999;
	display: block;
	float:left;
	margin-right:5px;
}

ul#pages li.current {
	color:#000;
}

ul#pages li a  {
		text-decoration:none;
		color: #999999;
}

ul#pages li a  {
		text-decoration:none;
		color: #999999;
		border:none;
}


ul#pages li a:hover {color:#b5b13a ;}

	
/* nav */

#homelink, #homelinkfooter {
	position:absolute;
	top:10px;
	right:48px;
	width:15px;
	height:15px;
	display:block;
	background-position:0px 15px ;
	outline:0;
	background-image:url(../images/nav00_home.gif);
}

/* #homelinkfooter {
	top:25px;
	display: none;
} */

#homelink:hover, #homelinkfooter:hover {
	background-position:0px 0px ;
}


ul#nav {	
	position:absolute;
	top:109px;
	left:428px;
	list-style: none;
	padding: 0;
	margin:0px;
}

ul#nav li {
	display: block;
	float:left;
}

ul#nav li a {
	display:block;
	height:93px;
	background-position:0px 93px ;
	outline:0;
}

#navabout{
	width:85px;
	background-image:url(../images/nav01_about.gif);
}

#navabout:hover {
	width:85px;;
	background-position:0px 0px 
}




#navcontact {
	width:87px;
	background-image:url(../images/nav02_contact.gif);
}

#navcontact:hover {
	width:87px;
	background-position:0px 0px ;
}

#navportfolio {
	width:100px;
	background-image:url(../images/nav03_00portfolio.gif);
}

#navportfolio:hover {
	width:100px;
	background-position:0px 0px ;
}

a#navabout.current, #navcontact.current, #navportfolio.current {
	background-position:0px 0px 
}


#navprint {
	margin-left:10px;
	width:35px;
	background-image:url(../images/nav03_01print.gif);
}

#navprint:hover {
	width:35px;
	background-position:0px 0px ;
}

#navbranding {
	width:56px;
	background-image:url(../images/nav03_02branding.gif);
}

#navbranding:hover {
	width:56px;
	background-position:0px 0px ;
}

#navadvertising {
	width:69px;
	background-image:url(../images/nav03_03advertising.gif);
}

#navadvertising:hover  {
	width:69px;
	background-position:0px 0px ;
}

#navinteractive {
	width:51px;
	background-image:url(../images/nav03_04interactive.gif);
}

#navinteractive:hover{
	width:51px;
	background-position:0px 0px ;
}

a#navprint.currents, #navbranding.currents, #navadvertising.currents, #navinteractive.currents {
	background-position:0px 0px 
}


#descabout {	
	position:absolute;
	top:93px;
	left:420px;
	display:none;
}

#desccontact {	
	position:absolute;
	top:93px;
	left:485px;
	display:none;
}



#descportfolio {	
	position:absolute;
	top:93px;
	left:600px;
	display:none;
}