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


html, body{
	margin:0;
	padding:0;
	font: .9em/1.5em Arial, Helvetica, sans-serif;
	color: #333;
}
.homeBG{background: url(../images/interface/bg.gif) repeat-x;}

.portBG{background: url(../images/interface/bg_portfolio.gif) repeat-x;}

a img {border-bottom:none; background-color:#FFFFFF;}

p a:link, dd a:link  {
	color:#666;
	border-bottom:1px dotted #666;
	text-decoration:none;
	text-transform:none;}
p a:hover, p a:visited:hover, dd a:hover, dd a:visited:hover {
	color:#0dafe0;
	border-bottom:1px dotted #000;
	text-decoration:none;
	text-transform:none;}
p a:visited, dd a:visited {color:#333333;border-bottom:1px dotted #000;text-decoration:none;text-transform:none;}

		


/* CONTAINERS
-----------------------------------------------*/

#container{width:880px;margin:0 auto;}

#content{width:900px;float:left;min-height:300px;padding:0 0 20px 0;}

.page_portfolio{margin:20px 0 0 0;}

.side{
	padding:0 0 0 10px;
	width:90px;
	float:right;
	min-height:250px;
	
}

/* HOME COLUMNS
-----------------------------------------------*/

#leftCol{
	float:left;
	width:250px;
	margin:10px 0 0 0;
	border-right:1px solid #ccc;
	padding:0 30px 0 0;
}

#leftCol p, #middleCol p, #rightCol p{padding:0 5px 0 15px;margin:.5em 0 .7em 0;}


.main{font-size:1.2em;color:#14b1e0;}
.sub{line-height:1em; font-size:1em;font-style:italic;color:#666;}



#middleCol{
	border-right:1px solid #ccc;
	float:left;
	width:280px;
	margin:10px 0 0 30px;}

#middleCol ul{margin:15px 0 0 15px;padding:0;float:left;}


#middleCol ul li{
	float:left;
	list-style: none;
	width:260px;
	padding:0px 0 10px 0;
}
#middleCol img{border:1px solid #999;float:left;}

#middleCol ul li p{float:left;width:90px;padding:0 0 0 5px;margin:0;font-size:.9em;}

#rightCol{
	float:right;
	width:280px;
	margin:15px 0 0 0;
	min-height:350px;
	background: url(../images/interface/contact_bg.jpg) no-repeat;
}

#rightCol p{
	padding:50px 0 0 40px;
}





/* HEADERS
-----------------------------------------------*/

#header{width:880px;height:104px;float:left;padding:0 0 2px 0;}

h1{	
	text-indent:-9999px;
	margin:0;
	padding:0;
	width:408px;
	height:95px;
	background-image:url(../images/interface/logo.jpg);float:left;}
	
#content h2 {
	padding:.5em 0 0 15px;
	background: url(../images/interface/titles_3.jpg) -25px -20px no-repeat;
	height: 54px; /* this should match the line height in the psd */
	min-width: 230px; /* width of the sprite */
	margin:10px 0 0 0;
	text-indent:-9999px;
	}


h2#t_work {background: url(../images/interface/titles_3.jpg) -25px -115px no-repeat;}

h2#t_media {background: url(../images/interface/titles_3.jpg) -25px -210px no-repeat;}

h2#t_contact, h2#t_links {background-image:none;height:.1em;margin:0;padding:0;}



/* PORTFOLIO
-----------------------------------------------*/

#portfolio{margin:20px 0 0 0;padding:0;float:left;}



/*HEADINGS*/

.section h3{
	text-indent:-9999px;
	float:left;
    display:block;
	margin:0;
    padding:0;
	height:80px;
	width:186px;
}

h3#t_design {background: url(../images/interface/port_design_h.gif)  no-repeat;}
h3#t_multimedia {background: url(../images/interface/port_media_h.gif)  no-repeat;}
h3#t_artwork {background: url(../images/interface/port_art_h.gif)  no-repeat;}
h3#t_photography {background: url(../images/interface/port_photo_h.gif)  no-repeat;}


/*LIST ITEMS*/


.section{width:200px;margin:0;padding:0 20px 0 0;float:left;}

.section dl{
	float:left;
	width:186px;
	padding:0;
	margin:0;
	list-style-type:none;
	font-size:.9em;
}


.section dl dt{
	list-style: none;
	padding:0;
    margin:10px 0 .3em 22px;
}


.section dl dd{
	text-transform:uppercase;
	padding:0;margin:-.2em 0 1.5em 22px;line-height:110%;}

.section a img{
	/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);	
	-moz-opacity: 0.7;*/
	border:1px solid #ccc;
	opacity: 0.75;
}

.section a img:hover{
	/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;*/
	border:1px solid #666;
	opacity: 1;
	}



/*LIST BACKGROUNDS*/

dl#design {background: url(../images/interface/port_design_bg.gif) left 0 repeat-y;}
dl#artwork {background: url(../images/interface/port_art_bg.gif) left 0 repeat-y;}
dl#multimedia {background: url(../images/interface/port_media_bg.gif) left 0 repeat-y;}
dl#photography {background: url(../images/interface/port_photo_bg.gif) left 0 repeat-y;}



/*BOTTOM CLOSERS*/

.bottomDesign, .bottomMedia, .bottomArt, .bottomPhoto{
	height:25px;
	float:left;
	display:block;
	width:186px;
	margin:0;padding:0;
	clear:both;
	position:relative;
}

.bottomDesign {background: url(../images/interface/port_design_bot.gif)  no-repeat;}

.bottomMedia{background: url(../images/interface/port_media_bot.gif)  no-repeat;}

.bottomArt{background: url(../images/interface/port_art_bot.gif)  no-repeat;}

.bottomPhoto{background: url(../images/interface/port_photo_bot.gif)  no-repeat;}




/* OTHER STYLES
-----------------------------------------------*/

#clear {clear:both;}
.clear {clear:both;}
.info{font-weight:bold;}


/* FOOTER
-----------------------------------------------*/

#footer{
	bottom:0;
	float:left;
	width:100%;
	min-height:150px;
	background: #1e1e1e url(../images/interface/footer_bg.jpg) repeat-x;
}

#footer p{
	width:900px;
	font-size:.9em;line-height:1.1em;
	padding:25px 50px 20px 0;
	display:block;margin:0 auto;
	color:#666;
}