body,html{
	font-family: Verdana, Arial;
	margin:0;
	padding:0;
}


body{
	background-image:url('http://www.tangerineworks.com/images/bg9.jpg');
	background-attachment:fixed;
}

a{color:#FFCC33;}
a:hover{background-color:#FFCC33;color:#000;}
a img{border:0}

em{
color:#FFCC33;
font-style:normal;
}


h1,h2,h3,h4,h5{
	margin:0;
	font-weight:normal;
}

ul{
	padding:0px;
	margin:10px;
	margin-left:20px;
	margin-top:40px;
	vertical-align:top;

}

li{
	margin:0px;
	padding:0px;
	list-style-type: none; 
	list-style-image: url("http://www.tangerineworks.com/images/bullet.png");
}

.clear{
	clear:both;
	font-size:0px;
}

p{
	margin-top:4px;
	margin-bottom:8px;
}




h1{
	position:relative;
	height:124px;
	width:915px;
	margin-top:20px;
}


h1 .bgTitle{	
	position:absolute;
	top:0px;
	left:0px;
	height:124px;
	width:915px;
	
	filter: alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;

	background-image:url('http://www.tangerineworks.com/images/titleBg.png');
	z-index:1;
}

h1 img{
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
}

.contact{
	position:absolute;
	left:720px;
	top:180px;
	height:59px;
	width:295px;
	z-index:10;
}



.contact .bgSubTitle{	
	position:absolute;
	top:10px;
	left:0px;
	height:59px;
	width:295px;

	filter: alpha(opacity=65); 
	-moz-opacity: 0.65; 
	opacity: 0.65;
	
	background-image:url('images/subTitleBG.png');
	z-index:11;
}

.contact img{
	position:absolute;
	top:14px;
	left:24px;
	z-index:12;
}


.content p{
	line-height:17px;
}



h3{
	font-size:28px;
}

#container{
	margin-left:100px;
	font-size:15px;
}


.block{
	position:absolute;
}

.background{

	position:absolute;
	left:0px;
	top:0px;
	height:236px;
	width:295px;
	background-image:url('http://www.tangerineworks.com/images/box.png');
}

.content{
	font-family: Verdana, Arial;
	position:absolute;
	left:10px;
	top:10px;
	height:216px;
	width:275px;
	color:#fff;
}


#hello{top:165px;left:100px;}
#links{top:165px;left:720px;}
#contact{top:165px;left:720px;}



#hello .background{
	filter: alpha(opacity=85); 
	-moz-opacity: 0.85; 
	opacity: 0.85;
}
#portfolio .background{
	filter: alpha(opacity=60); 
	-moz-opacity: 0.60; 
	opacity: 0.60;
}
#contact .background{
	filter: alpha(opacity=60); 
	-moz-opacity: 0.60; 
	opacity: 0.60;
}
#links .background{
	filter: alpha(opacity=80); 
	-moz-opacity: 0.80; 
	opacity: 0.80;
}

#skills .background{
	filter: alpha(opacity=70); 
	-moz-opacity: 0.70; 
	opacity: 0.70;
}

#tv .background{
	filter: alpha(opacity=70); 
	-moz-opacity: 0.70; 
	opacity: 0.70;
}


#contact img{
	margin-left:-25px;
	margin-top:10px;
}


#contact .content{
	margin-left:15px;
	margin-top:80px;
	font-size:17px;
	line-height:30px;
}


#links ul{
	margin-top:20px;
}

.vcard{

}

.vcard .fn,
.vcard .adr
{
display:none;
}






.wideList{
	position:absolute;
	top:165px;
	left:100px;

	}

	.wideList ul{
		margin:0;
		margin-bottom:20px;
		margin-left:40px;
		margin-top:10px;
		padding:0
		}

	.wideList i{
		padding:20px;
		}

	.wideList .content{
		height:auto;
		width:560px;
		padding-bottom:20px;
		padding-top:20px;
		}

	.wideList h2{
		padding-left:20px;
		padding-bottom:20px;
		}


/* the astonishing palavar that is curvy corners */

.background-outer{
	width:606px;
	position:absolute;
	padding-bottom:100px;

	filter: alpha(opacity=80); 
	-moz-opacity: 0.80; 
	opacity: 0.80;
}

.background-inner{
	background-color:#000;
	height:100%;
}


.corner{
	background-image:url(http://www.tangerineworks.com/images/corners.png);
	height: 35px;
	font-size: 1px;
}

.top-left {margin-right: 35px;}
.top-right {margin-top: -35px;	margin-left: 35px;background-position: 100% 0;}
.bottom-left {margin-right: 35px; background-position: 0 -35px;}
.bottom-right {	margin-top: -35px; margin-left: 35px;	background-position: 100% -35px;}

img.portfolio{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}