@charset "utf-8";
@import "zero.css";

html {
	background:url(../img/bg_tile.jpg) 50% 0%;
	}
	
body {
	background:url(../img/bg_hands.jpg) 50% 0% no-repeat;
	font-family:Tahoma, Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#555;
	padding-top:466px;
	}

#cv {
	display:block;
	padding:0px 0px 20px 20px;
	
	}

#about, #portfolio, #contact {
	background-repeat:repeat-x;
	padding:30px 0px 20px 0px;
	margin-top:-15px;
	width:100%;
	}
	
	#about { background-image:url(../img/bg_about.png); }
	#portfolio { background-image:url(../img/bg_portfolio.png); }
	#contact { background-image:url(../img/bg_contact.png); border-bottom:1px solid #F0F; }

	.centered {
		overflow:auto;
		margin:0px auto;
		width:970px;
		}
	
		.left {	
			float:left;	
			width:480px;
			}
			
		.right { 
			float:right;
			padding-left:22px;
			width:458px;
			}

#footerShade {
	position:relative;
	background:url(../img/bg_footerShade.png) repeat-x 0px 0px;
	margin:0px auto;
	width:100%;
	height:20px;
	z-index:100;
	}

#footer {
	position:relative;
	background:url(../img/bg_footer.png) no-repeat 50% 0%;
	margin:-20px auto 0px auto;
	width:100%;
	height:400px;
	z-index:2;
	}

/* TWITTER AREA */	

#about .right { background:transparent url(../img/bird.png) no-repeat 330px 0%; overflow:auto; }

.twittList {
	overflow:auto;
	font-size:0.9em;
	}
	
	.twittList li {
		overflow:auto;
		border:1px dashed #2C2C2C;
		background:#FFF;
		padding:10px;
		margin:0 0 10px 0;
		width:400px;
		}
		
	.twittList li p { margin:0px; }
		
		.twittAvatar {
			float:left;
			border:none;
			margin-right:10px;
			}
			
		.twittList li:hover, .twittHover {
			background:url(../img/twitter_hover_bg.gif) repeat-x;
			cursor:pointer;
			}
		
		.twittInfo {
			display:block;
			clear:both;
			float:left;
			margin-top:5px;
			width:150px;
			}
			
		.twittMore {
			display:block;
			float:right;
			font-size:0.8em;
			margin-top:5px;
			}
		
/* PORTFOLIO AREA */

.portfolioCarousel { 
	display:block;
	color:#333; 
	padding:15px;
	margin:10px; 	
	width:928px; 
	}
	
	.carousel-wrap { 
		float:left;
		background:#FFF;
		border:1px dashed #2C2C2C;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;		
		margin:0px 15px;
		width:842px; 
		height:247px; 
		}
		
	.carousel-wrap ul li { 
		float:left; 
		display:block;
		overflow:hidden;		
		padding:10px;
		width:828px; 
		height:247px;
		}
		
	.carousel-wrap ul li img { 
		float:left; 
		background:#FFA3FF;
		border:1px solid #F0F;
		padding:10px;
		margin:0px 10px 10px 0px;
		}
		
	.carousel-control {
		float:left; 	
		display:block;
		overflow:hidden;
		cursor:pointer; 
		text-indent:-1000px; 
		margin-top:123px;
		width:26px; 		
		height:26px;
		}
		
		.carousel-previous { background:url(../img/previous.png) no-repeat; }
		.carousel-next { background:url(../img/next.png) no-repeat; }
		
	.center-wrap { 
		margin:0px auto; 
		width:100px; 
		}
	
		.carousel-pagination { clear:both; }
		
		.carousel-pagination p { line-height:1em; }
		
		.carousel-pagination p a { 
			float:left;  
			display:block;
			overflow:hidden; 
			cursor:pointer;
			background:transparent url(../img/dots.png) no-repeat; 
			text-indent:-10px; 
			padding:0px;
			margin:15px 10px 0px 10px; 
			width:10px; 
			height:10px; 			
			}
		
		.carousel-pagination p a:hover { 
			background-position:0px -10px; 
			color:#0FF; 
			}
			
		.carousel-pagination p a.active { background-position:0px -20px;}

/* CONTACT AREA */

form {
	background:#FFF;
	}

#contact_form {
	border:1px dashed #2C2C2C;
	padding:10px;
	width:400px;
	}
	
	#contact_form:hover, .formHover {
	background:url(../img/contact_hover_bg.gif) repeat-x;
	cursor:pointer;
	}
	
	#contact_form strong {
		color:#63ffff;
		}
	
	textarea, input {
		width:99%;
		}
	
	textarea {
		margin-bottom:10px;
		}
		
	#contact_form label {
		display:block;
		font-weight:bold;
		margin-top:4px;
		}
		
	#frmSubmit {
		margin-top:10px;
		width:100px;
		}
	
	#frmMaths {
		float:right;
		width:20px;
		}
		
	.trip {
		display:none;
		}
		
/* TEXT STYLES */

h1, h2, h3, h4, h5, h6 { font-family:Georgia, "Times New Roman", Times, serif; }

h1 {
	font-size:4em;
	margin-bottom:20px;
	}
	
h2 {
	font-size:3em;
	margin-bottom:20px;
	}
	
	#about h2 { margin-top:12px; }

h4 { 
	font-size:2em; 
	padding-bottom:10px;
	}

p { 
	line-height:1.5em;
	margin-bottom:15px; 
	}

	.intro { 
		font-size:1.3em; 
		}
	
	.announce {
		font-weight:bold;
		}
		
	p span {
		font-size:0.9em;
		}
		
p a, .twittMore {
	background-color:#333;
	color:#F0F;
	text-decoration:none;
	padding:2px 5px;
	}
	
	p a:hover, .twittMore:hover { color:#FF0; }