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


/* --------------------| BODY |-------------------- */

html, body {
	font-size: 12px;
	color: #000;
	font-family:Georgia, "Times New Roman", Times, serif;
	width: 100%;
	height: 100%;
}

body {
font-family:Georgia, "Times New Roman", Times, serif;
}


#slider {
  width: 580px;
  margin: 0;
  position: relative;
    float:left;
}

.scroll {
  height: 550px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  margin-top:10px;
   float:left;
  
  
}

.scrollContainer div.panel {
  padding: 10px 20px 20px 20px;
  height: 550px;
  width: 580px;
  float:left;
}

.scrollButtons {
  display:none;
}

/* --------------------| GENERAL TEXT |-------------------- */

.red { 	color: #970000; }

.grey { color:#dcdcdc;}

a {
color: #cf0000;
}

a:hover {
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
font-weight: normal;
}

h2{
font-size: 12px;
color:  #ab7335;
margin-bottom:20px;
}

strong {
font-weight: bold;
}

em {
font-style: oblique;
}

 p{
line-height:18px;
margin-bottom:10px;
}

#mainArea ul li{
background:url(../images/bullet.png) no-repeat 0 3px;
margin-bottom:10px;
line-height:20px;
padding-left:20px;
color:#e9d2ae;}
	
	#mainArea ul{
	margin: 0 0 15px 0;}

/* --------------------| GENERAL CRAP |-------------------- */

.clear {
clear:both;
display: block;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.clear10 {height:10px; clear:both;}
.clear15 {height:15px; clear:both;}
.clear20 {height:20px; clear:both;}
.clear30 {height:30px; clear:both;}
.clear45 {height:45px; clear:both;}
.clear40 {height:40px; clear:both;}
.clear60 {height:60px; clear:both;}

.right { float: right !important; }
.left { float: left !important; }

.textRight { text-align: right; }
.textLeft { text-align: left; }


/* --------------------| MAIN CONTENT AREA |-------------------- */


#wrapper{
background:url(../images/bg.jpg) no-repeat;
width: 1200px;
height:920px;
margin: 0 auto;
}

#content{
background:url(../images/header.jpg) no-repeat top;
width:1000px;
height:100%;
margin:0 auto;
display:block;
position:relative;	}



/* --------------------| HEADER AND NAV |-------------------- */
	
	
	#navMain ul {
	float: left;
	display:inline;
	height: 70px;
	width:225px;
	}
	
	
		#navMain ul li {
		float: left;
		}
			
		
			#navMain ul.navigation .work a{
			background:url(../images/work.gif) 0 -71px;
			display: inline-block;
			width: 104px;
			height: 70px;
			}
			
			#navMain ul.navigation .work a:hover{
			background-position: 0 0;
			}
			
			#navMain  ul.navigation  .work a.selected{
			background:url(../images/work.png) 0 0;
			display: inline-block;
			width: 104px;
			height: 70px;
			}
			
			#navMain  ul.navigation .about a{
			background:url(../images/about.gif) 0 -70px;
			display: inline-block;
			width: 119px;
			height: 70px;
			}
				
			#navMain  ul.navigation .about a:hover{
			background-position: 0 0;
			}
				
			#navMain  ul.navigation  .about a.selected{
			background:url(../images/about.png) 0 0;
			display: inline-block;
			width: 119px;
			height: 70px;
			}

			.email {
			background: url(../images/email.gif) no-repeat 0 0;
			width:169px;
			height:30px;
			display:block;
			float:right;
			margin:10px 0 0 0;
			position:absolute;
			left: 760px;
			top: 2px;
			}	
				
				.email:hover {
				background-position: 0 -31px;
				}
				
/* --------------------|MAIN AREA |-------------------- */
#mainArea{
	width:605px;
	height:590px;
	background:url(../images/mainBg.jpg) no-repeat;
	float:left;
	margin:110px 0 0 0;
	padding:0 45px 30px 40px;
	}				
.galleryBorder{
	background:url(../images/gallery.jpg) no-repeat;
	width:572px;
	height:302px;
	display:block;
	padding:3px 3px 3px 4px;
	}			
	
	.hidden{
		display:none;}	

 .galleryBorder p{
	position:relative;
	color:#fff;
	top: -65px;
	background: #000;
	line-height:16px;
	height:80px;
	opacity: .8;
	padding: 0.5em 1em 0 2em;
	filter:alpha(opacity=80);}
	
	
#prevNext{
	float:right;
	width:80px;
	margin:5px 0 0 0;
	}
	
	*html #prevNext{
	margin-top:-25px 0 0 0;
	}


.divides img{
	margin:10px 0;}
	
	.aboutBox{
	float:left;
	display:block;
	margin: 30px 0 0 0;
	}	
	
	.aboutBox img{
		margin-bottom:15px;}	
	
	.aboutSpan{
		display:block;
		width:574px;
		padding: 15px;
	
		}
		
		.lastP{
			margin-bottom:0;}
			
			.highlighted{
				color:#FFF;
				padding:2px 3px;}
				
				.webHigh{
				background:url(../images/webHigh.jpg) no-repeat;
				}
				
				.printHigh{
				background:url(../images/printHigh.jpg) no-repeat;
				}
				
				.brandHigh{
				background:url(../images/brandHigh.jpg) no-repeat;
				}
				
				.aniHigh{
				background:url(../images/aniHigh.jpg) no-repeat;
				}
				
			
					
				.footer{
					margin-top: 35px;
					float:right;
					width:145px;
					}
					
/* --------------------|RIGHT COLUMN |-------------------- */
#rightColumn{
	background:url(../images/rightColumn.jpg) no-repeat;
	width:193px;
	height:562px;
	margin:185px 0 0 112px;
	float:left;
	padding:30px 40px 30px 30px;
}
*html #rightColumn{
	margin:185px 0 0 -13px;}
	
	form p{
		margin-bottom:0;
		}
		
		form input, form textarea{
			border:solid 1px #970000;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:12px;
			background:url(../images/formBg.jpg);
			width:180px;
			margin-bottom:4px;
			padding:2px;}
			
			form textarea{
				height:90px;
				overflow:auto;}
			
			.submit{
				background:none;
				float:right;
				width:97px;
				height:40px;
				border:none;
			}