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



@font-face {
	font-family: 'LuxiSansRegular';
	src: url('fonts/luxisr.eot');
	src: local('Luxi Sans Regular'), local('LuxiSans'), url('fonts/luxisr.woff') format('woff'), url('fonts/luxisr.ttf') format('truetype'), url('fonts/luxisr.svg#LuxiSans') format('svg');
}

@font-face {
	font-family: 'LuxiSansOblique';
	src: url('fonts/luxisri.eot');
	src: local('Luxi Sans Oblique'), local('LuxiSans-Oblique'), url('fonts/luxisri.woff') format('woff'), url('fonts/luxisri.ttf') format('truetype'), url('fonts/luxisri.svg#LuxiSans-Oblique') format('svg');
}

@font-face {
	font-family: 'LuxiSansBold';
	src: url('fonts/luxisb.eot');
	src: local('Luxi Sans Bold'), local('LuxiSans-Bold'), url('fonts/luxisb.woff') format('woff'), url('fonts/luxisb.ttf') format('truetype'), url('fonts/luxisb.svg#LuxiSans-Bold') format('svg');
}

@font-face {
	font-family: 'LuxiSansBoldOblique';
	src: url('fonts/luxisbi.eot');
	src: local('Luxi Sans Bold Oblique'), local('LuxiSans-BoldOblique'), url('luxisbi.woff') format('woff'), url('luxisbi.ttf') format('truetype'), url('luxisbi.svg#LuxiSans-BoldOblique') format('svg');
}




body{
	background:#888 url(../img/bgs/bodytop_bg.jpg) top left repeat-x;
	font-family:"Lucida Grande", 'LuxiSansRegular', sans-serif;
}

a{
	text-decoration:none;
	color:#fff;
}

#wrapper{
	overflow:hidden;
}

#header{
	overflow:hidden;
	position:relative;
	z-index:10;
	margin:20px 0 10px 0;
}
#header img{
	float:left;
}
#header h1{
	text-transform:uppercase;
	float:right;
	font-size:22px;
	padding-top:45px;
	color:#36459b;
}
#header h1 .alternate{
	color: silver;
}

#banner{
	margin-top:-28px;
	height:326px;
	background:transparent url(../img/banners/bubbles.png) top left no-repeat;
	color:#fff;
}

#explaindiv{
	background-color:#4f5ba3;
	width:620px;
	height:200px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color:#fff;
	position:absolute;
	z-index:10;
	top:79px;
	left:320px;
	font-size:14px;
}

#explaindiv p{
	padding:20px;
}


#stardiv{
	left:800px;
	position:absolute;
	top:180px;
	z-index:50;
	cursor:pointer;
}


#categories {
	list-style:none;
	text-transform:uppercase;
	margin:75px 0 0 35px;
	font-size:14px;
}

#categories li{
	padding-bottom:15px;
	font-family: "Lucida Grande", "LuxiSansBold", sans-serif;
}

.column{
	height:140px;
	margin-top:40px;
}

.column h2{
	font-size:16px;
	color:#fff;
	text-shadow: 1px 0 1px #000;
	padding: 20px;
	font-family: "Lucida Grande", "LuxiSansBold", sans-serif;
}

h2 a:hover{
	color:#FFEFDE;
}

#twitterbird{
	position:absolute;
	top:-26px;
	left: 119px;
	cursor:pointer;
}
#twitterballoon{
	color:navy;
	height:176px;
	left:-64px;
	padding:20px;
	position:absolute;
	top:-144px;
	width:159px;
	z-index:200;
	background:transparent url(../img/bgs/colboxes/balloon.png) top left no-repeat;
	z-index:60;
	/*display:none;*/
	font-size:12px;
	opacity:0;
}

#twitterballoon a{
	color:#2e79b8;
}

#twitterballoon p{
	float:left;
}

.follow{
	float:right;
	margin:0 -5px 0;
	font-style:italic;
	font-size:10px;
}

.closeTwitter{
	position:absolute;
	font-weight:bold;
	color:silver;
	top: 0px;
	right:10px;
	cursor:pointer;
}
.close:hover{
	color:navy;
}


.tweet{
	font-style:italic;
	padding:30px 10px 10px 100px;
	font-size:10px;
	color:#2e79b8;
}

#recent{
	background:transparent url(../img/bgs/colboxes/recent.png) top left no-repeat;
}

#portfolio{
	background:transparent url(../img/bgs/colboxes/portfolio.png) top left no-repeat;
}

#twitter{
	background:transparent url(../img/bgs/colboxes/twitter.png) top left no-repeat;
}

#footerwrapper{
	clear:both;
	margin:40px 0 0 0;
	padding:0;
	overflow:hidden;
	background: #4f5ba3 url(../img/bgs/footer_bg.png) top left repeat-x;
}

#footer1{
	margin-top:40px;
	color:silver;
	overflow:hidden;
	background:transparent url(../img/bgs/footer_logo.png) 40px 0 no-repeat;
	padding-bottom:30px;
	min-height:160px;
}

#footer1 h3{
	font-size:14px;
	color:silver;
	text-shadow:1px 0 1px #000000;
	text-transform:uppercase;
	font-family: "Lucida Grande", "LuxiSansBold", sans-serif;
}

#footer1 p {
	font-size:12px;
	line-height:20px;
}

.clearfloat{
	position:relative;
	height:0;
	width:960px;
	font-size:1px;
	clear:both;
	float:none;
}

#footerfooter{
	background:silver url(../img/bgs/footerfooter_bg.png) top left repeat-x;
	overflow:hidden;
	padding:20px;
}
.copyright{
	float:left;
	color:silver;
}

.addthis{
	float:right;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background-color:#fff;
	border:1px solid #666666;
	margin-top:-1px;
	padding:2px;
}

.addthis a{
	color:#666666;
}

.b_links{
	float:right;
	margin:0 20px;
	color:silver;
}
input, textarea{
	width: 98%;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:2px solid navy;
	background:#ecedf5 url(../img/bgs/input.png) repeat-x top left;
	padding:5px;
	color:navy;
}

button, #overlay a{
	color: #fff;
	text-shadow: 1px 0 1px #000;
	background:navy url(../img/bgs/button_bg.png) top left repeat-x;
	border:2px solid #fff;
	padding:5px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow: 2px 2px 3px navy;
	-webkit-box-shadow: -moz-box-shadow: 3px 3px 5px black;
	float:right;
	margin-right:-6px;
}

button:hover, #overlay a:hover{
	background:#A6CAF0 none;
	color:navy;
	text-shadow: 1px 0 1px #FFF;
	
}

#overlay a{
	float:none;
	margin:5px;
}


form div{
	margin: -9px 0;
}

.error{
	color: red;
}

.ptitle{
	/*margin-top:-10px;*/
}

.ptitle h2{
	/*color:#36459B;*/
	color:#40499e;
	text-shadow: #FFF 0 1px 1px ;
	background:transparent url(../img/bgs/h2_bg.png) top left no-repeat;
	height: 52px;
	padding-left:45px;
	line-height:52px;
	font-size:18px;
}

.content{
	color:#36459B;
	background:#fff;
	-moz-border-radius:4px;
	border:2px solid white;
	-moz-box-shadow: 2px 2px 10px silver;
	width:296px !important;
}

.content button{
	float:none;
	margin:30px 10px 32px;
}

.content h3, 
.content h4{
	color: #4e5aa2;
	margin-bottom: 10px;
	margin-top:2px;
	text-shadow: #fff 0px 1px 1px ;
	padding:10px;
}

.content p{
	padding:0 10px;
	font-size:12px;
}

.example{
	-moz-box-shadow: 2px 2px 10px silver;
}

.curp{
	color:silver;
}

#nav{
	overflow:hidden;
	margin-top:-30px;
	margin-bottom:20px;
	position:relative;
	z-index:90;
}
	#nav .menu {
		overflow:hidden;
	}
	#nav .menu li{
		list-style:none;
		float:left;
		font-size:16px;
		margin:0;
		padding:0 55px;
		background:transparent url(../img/bgs/nav_bg.png) 0 0 no-repeat; 
		height:24px;
		line-height:24px;
		border-left:1px solid silver;
		color:#36459B;
		text-shadow: #fff 1px 0 1px;
		cursor:pointer;
	}
	#nav .menu li a{
		/*color:#36459B;*/
		color:#717171;
		text-shadow: #fff 1px 0 1px;
	}
	#nav .menu li a:hover{
		color:#fff;
		text-shadow: #36459B 1px 0 1px;
	}
	
	.nav_over{
		cursor:pointer;
		color:#fff;
		text-shadow: #36459B 1px 0 1px;
	}
	
	#nav .menu li.leading_in,
	#nav .menu li.leading_out{
		padding:0 8px;
		border:none;
	}
	#nav .menu li.leading_out{
		background-position:-683px 0px;
		border-left:1px solid silver;
		padding:0 7px;
	}
	
	
	#nav .menu #home{
		background-position:-15px 0px;
	}
	#nav .menu #about{
		background-position:-150px 0px;
	}
	#nav .menu #portfolio{
		background-position:-300px 0px;
	}
	#nav .menu #contact{
		background-position:-450px 0px;
	}
	
.overlay{
	/*color:navy;
	background:white;
	min-height:60px;
	padding:45px 10px;
	-moz-border-radius:4px;
	text-align:center;
	position:absolute;
	bottom:0;
	top:0;
	width:200px;*/
	display:none;
	/*opacity:0;*/
	z-index:-20;
}
	
.current{
	-moz-box-shadow:inset 0 0 3px #36459B;
	-webkit-box-shadow:inset 0 0 3px #36459B;
}

.current a{
	color:#36459B !important;
}
	
#projects, 
.projects{
	list-style:none;
	margin-left:-30px;
	margin-bottom:0;
}

#projects li,
.projects li{
	background:transparent url(../img/bgs/arrow.gif) 0px 8px no-repeat;
	padding-left:20px;
}
	
#projects li a,
.projects li a{
	color:#36459B;
	font-size:17px;
}
#projects li a:hover,
.projects li a:hover{
	color:#A6CAF0;
}
		
#rotator{
	list-style:none;
	margin:0;
	overflow:hidden;
	padding:0;
	height:126px;
	background-color:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:4px;
}

#rotator li{
	padding:0;
	margin:0 0;
}

.grid_3 img{
	margin-bottom:20px;
}


.project_img{
	margin-bottom: 20px;
}

#overlay{
	background-color:#FFFFFF;
	height:165px;
	left:-200px;
	position:absolute;
	top:-200px;
	width:220px;
	z-index:50;
	color:navy;
	text-align:center;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#overlay p,
#overlay h4{
	padding:20px;
	font-size:14px;
}

.verberg {
	display:none;
}

/*the curtain*/
#subcontent_stage{
	background:#FFF url(../images/bgs/subc_bg.gif) bottom left repeat-x;
	border: 2px solid silver;
	position:absolute;
	margin:0;
	padding:0;
	display:none;
	width: 800px;
	z-index:50;
	padding:30px;
	font-size:12px;
	color:navy;
	-moz-border-radius:8px;
	-moz-box-shadow:2px 2px 50px black;
	-webkit-border-radius:8px;
	-webkit-box-shadow:2px 2px 50px black;
}

#subcontent_stage blockquote, 
#subcontent_stage p{
	width:380px;
	font-size:14px;
	line-height:24px;
}

#subcontent_stage button {
	clear:both;
	margin:20px 0;
}

.webimg{
	float:right;
}

#curtain{
	background-color:#000;
	position:absolute;
	margin:0;
	padding:0;
	top:0;
	left:0;
	display:none;
	z-index:9;
}

.close{
	position: absolute;
	margin:0;
	height:48px;
	width:46px;
	z-index:55;
	display:none;
}

.darker{
	text-shadow:0 0 0 #000 !important;
}

.recent{
	background-color:#fff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color:navy;
	padding:20px;
	margin:20px 0 0 0;
}

.footerlink:hover {
	text-decoration:underline;
}

.recent a{
	color:#36459B;
}
.recent a:hover{
	color:#A6CAF0;
}

.tweet_list{
	list-style:none;
	margin-left:-20px;
	font-size:10px;
}