* 					

{ margin:0px; padding:0px; }		

@charset "utf-8";
html{
	margin:0px;
	padding:0px;
	overflow-y:scroll;
	background:url(images/background.jpg) no-repeat #000 center;
	min-height:100%;

}

#twitter{
	position:absolute;
	left:820px;
	width:210px;
	height: 100px;
	list-style:none;
	font-size:13px;
	padding:120px 0px 0px 30px;
	background:url(images/twitter_icon_bubble.png) no-repeat;
	}

#twitter ul{
	list-style:none;
	width: 200px;
	}
	
#container{
	min-height:100%;
	position:relative;
}

a 	{ 
	outline-style: none; 
	}
 
ul#menuback {
	margin: auto;
	margin-top:50px;
	margin-bottom:20px;
	list-style: none;
	background:url(images/menu-bg.png);
	width: 800px;
	overflow: auto;	
}

ul#menuback li.shutter {
	width: 200px;
	height: 100px;
	display: block;
	float: left;
}

ul#menuback li#shutter1 {
	background: url(images/blog.jpg) no-repeat; 
}
ul#menuback li#shutter2 {
	background: url(images/about.jpg) no-repeat; 
}
ul#menuback li#shutter3 {
	background: url(images/tutorials.jpg) no-repeat; 
}
ul#menuback li#shutter4 {
	background: url(images/portfolio.jpg) no-repeat; 
}

a.link {
   width: 200px;
   height: 100px;
   display: block;
   background: url(images/window.png) no-repeat bottom center;
   text-indent: -9999px;
}

#p{
	position:center;
	border: 0x;
	}

#page .header{
	background-color:#32518a;
	border-bottom: 1px solid #999;
	-moz-border-radius: 5px;
	width: 450px;
}
#page .header h1{
	text-align: left;
	padding-left:10px;
	line-height:30px;
	color: #f8f8f8;
	font-size:18px;
	font:Georgia, "Times New Roman", Times, serif;
	margin-top:10px;

}

#page{
	-moz-box-shadow: 0px 0px 10px #000;
	-moz-border-radius: 5px;
	border: 5px solid rgba(255, 255, 255, 0.7);	
	width: 800px;
	margin: 0px auto;
	padding:0px;
	background: #FFF;
	position:relative;
	}
#page .content{
	background: #FFF;
	margin:0px auto;
	padding: 10px 30px 60px 8px;
	font-size:13px;
	padding-bottom:100px;
	}
	
#icons{
	width:40px;
	margin:0px 3px 0px 3px;
	border:none;
	padding-left:83px;
	}
	/*Slider
	    For Specific Slides
*/
.textSlide                              { padding: 10px 30px; }
.textSlide h3                           { font: 20px Georgia, Serif; }
.textSlide h4                           { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; }
.textSlide ul                           { list-style: disc; margin: 0 0 0 25px; }
.textSlide ul li                        { display: list-item; }

#quoteSlide                             { padding: 30px; }
#quoteSlide blockquote                  { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
#quoteSlide p                           { text-align: center; }
#dl                                     { position: absolute; top: 10px; right: 0; background: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; }
#dl:hover                               { background: #666; }
