*{
	margin:0;
	padding:0;
}

body{
	font-size:0.825em;
	color:#666666;
	background-color:#FFFFFF;
	font-family:Helvetica, arial, sans-serif;
	overflow-y:scroll;
}
#main{
	position:relative;
	margin:0 auto;
	width:960px;
}

 /*menu*/

#menu ul
{ 
	list-style:none;
	position:absolute;
	top:10px;
	right:10px;
}
#menu ul li
{
	display:inline;
	font-size:2em;
	color:#666666;

}
#menu ul li a
{
	color:#666666;
	text-decoration:none;
	letter-spacing:-0.09em;
	
}
#menu ul li a:hover
{
	color:#0196E3;
	text-decoration:underline;
	}

	#menu ul li a.active
	{
		color: #0196e3;
	}
		#menu ul li a.active:hover
	{
		text-decoration:none;
	}



#pagetitle
{
	letter-spacing:-0.09em;
	font-size:3em;
}
	#pagetitle span
	{
		color:#51A6EE;
	}
	.slogan
	{
		font-weight:normal;
		letter-spacing:-0.05em;
		margin: 0px 0px 0px 100px;
	}
	#welcome
	{
		letter-spacing:-.03em;
		font-size:1.4em;
		padding:50px 30px 40px 30px;

	}

#main p
{
	font-size:1.1em;
}
#main p.note
{
	margin:10px auto;
	font-style: italic;
	font-size:.9em;
	color:#666666;
}
#main p em
{
	letter-spacing:-.03em;
	font-style:normal;
	font-weight:bold;

}
#main p span
{
	color:#51A6EE;
}
.packagesListHolder{
	margin-bottom:30px;
}

.packages{
	width:180px;
	height:250px;
	float:left;
	margin:4px;
	
	/* Giving the packages div a relative positioning: */
	position:relative;
	cursor:pointer;
}

.packagesFlip{
	/*  The packages div will be positioned absolutely with respect
		to its parent .packages div and fill it in entirely */
	-moz-box-shadow:0 0 30px #999 inset;
	-webkit-box-shadow: 0 0 30px #999;
	box-shadow:0 0 30px #999 inset;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:1px solid #ddd;	
	background:url("images/background.jpg") no-repeat center center #f9f9f9;
}

.packagesFlip:hover{
	border:1px solid #999;
	
	/* CSS3 inset shadow: */
	-moz-box-shadow:0 0 45px #999 inset;
	-webkit-box-shadow:0 0 50px #999;
	box-shadow:0 0 50px #999 inset;
}

.packagesFlip h3
{
	text-align:center;
	margin:70% 0 0 0px;
	font-size:1.3em;
	letter-spacing:-0.09em;

}



.packagesData{
	/* Hiding the .packagesData div */
	display:none;
}

.packagesDescription{
	font-size:13px;
	padding:20px 10px 20px 20px;
	font-style:italic;

}
.packagesDescription p
{
	margin-top:10px;
}
.packagesDescription p.price
{
font-weight:bold;
text-align:right;
}
.packagesDescription h4
{
	font-style:normal;
	text-decoration:underline;
	padding:0 0 10px 0;
	color:#0196e3;

}

.portfoliolink{
	color:#CC9900;
	font-size:10px;
	font-weight:bold;
	padding-left:20px;
	position:absolute;
	bottom:15px;
	right:10px;
}

.clear{
	/* This class clears the floats */
	clear:both;
}

.logo
{
	position:absolute;
	margin-top:10px;
	margin-left:50px;
	opacity:0.6;
}
.headerlogo
{
	opacity:0.6;
	position:absolute;
	top:10px;
	left:10px;
}
	#portfolio
	{
		margin:0px 5%;
		
	}
	
	.portfoliolist
	{
		list-style:none;
	
	}
	.portfoliolist li
	{
		display:inline;
		padding-top:10px;
	}
	.portfoliolist li img
	{
		width:200px;
		border: solid #696969 1px;
		margin:5px;
	}
	
	.portfoliolist li img:hover
	{
		opacity:.8;
		border: solid #000000 1px;
	}
	
.dragon
{
	opacity:.8;
}
a, a:visited {
	color:#0196e3;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}

a img{
	border:none;
}


/* ABOUT PAGE */


#teamwrapper
{
	width:660px;
	margin:0 auto;
}

		.boxgrid{ 
				width: 200px; 
				height: 260px; 
				margin:5px; 
				float:left; 
				background:#000000; 
				border: solid 1px #666666; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid h3
				{
					color:#FFFFFF;
					padding-top:10px;
					padding-left:10px;
					font-size:1.5em;
				}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 20px 10px 0 0px; 
					text-align:right;
					color:#afafaf; 
					font-weight:bold; 
				}
			.boxcaption{  
				position: absolute; 
				bottom:-40px;
				background: #000; 
				height: 80px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}

/* DESIGNS PAGE*/

#flickrSlideshow
{
	padding:20px;
	background-color:#000000;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	width:700px;
	margin:0 auto;
}


.footer
{
	margin-top:10px;
	font-size:1.4em;
	letter-spacing:-0.07em;
	width:100%;
	text-align:center;
}

#contact
{
	width:350px;
	padding:50px;
	-moz-box-shadow:0 0 30px #999 inset;
	-webkit-box-shadow:0 0 30px #999 inset;
	box-shadow:0 0 30px #999 inset;
}
}
	#contact a
	{
		text-decoration:none;
	}
	#contact a:hover
	{
		text-decoration:underline;
		opacity:.8;
	}
		p.contact
		{
			font-size: 2em;
			margin-top:15px;
			letter-spacing:-.09em;
		}		
		ul.social
		{
			text-align:center;
			list-style:none;
			padding:0px;
		}
		ul.social li
		{
			display:inline;
		}
		ul.social li img
		{
			width: 80px;
			padding:10px;
		}
.fancytext
{
	font-size:1.3em;
}