body{


margin:0;
padding:0;
}
h2{
text-align:left;
font-size:15px;
line-height:30px;

width:100%;
}
h2 a{
float:right;
text-decoration:none;
font-size:13px;
color:#777;
}
.block ul{
list-style:arrow;
}
.block li{
padding:5px;
margin:0px;
}
ul {
width:100%;
}
ul li{
width:100%;
}
.block li a:link,.block li a:visited{
color:#777;
text-decoration:none;
}
.block li a:hover{
color:#111;
}
.block p{
padding:0px;
margin:20px 0 10px 0;
font-size:13px;
}
.block{
padding:0px;
width:600px;
margin:0 auto;
color:#111;
font-weight:bold;
}
.top{
padding:20px;
min-height:70px;
text-align:left;
background:#ededed;
}
.bottom{
height:40px;
background: url(../images/bottom.png) top left no-repeat;
}
.heading{
text-align:left;
width:640px;
height:47px;
margin:0 auto;
font-size:11px;
line-height:50px;
background: url(../images/heading.png) top left no-repeat;
margin-top:20px;
}
.heading h2{
margin-left:27px !important;
padding-top:8px;
}

.header{
width:600px;
height:100px;
margin:0 auto;
margin-top:30px;
background:url(../images/head.png) top center no-repeat;
border-bottom: 1px solid #444;
}
.nav{
width:100%;
height:55px;
background:url(../images/nav_bg.png) top left repeat-x;
}
.nav ul{
width:610px;
height:50px;
list-style:none;
margin:20px auto 0 auto;
padding:0;
text-align:left;
padding-top:2px;
}
.nav ul li{
margin:0;
padding:0;
float:left;
height:47px;
width:122px;
overflow:hidden;
}
.nav ul li a:link, .nav ul li a:visited{
display:block;
height:33px;
width:122px;
background:url(../images/button.png) top left no-repeat;
color:#ccc;
text-align:center;
padding-top:14px;
font-size:12px;
font-family:Arial, “Helvetica Neue”, Helvetica, sans-serif;
text-decoration:none;
}
.nav ul li a:hover{
background:url(../images/button.png) 0 -47px no-repeat;

}
.big_text,.small_text{
display:block;
width:600px;
}
.big_text{
font-size:50px;
color:#ccc;
}
.small_text{
font-size:20px;
letter-spacing:2px;
color:#777;
}


pre {
	font-size: 12px;
	padding: 0;
	margin: 0;
	background: #f0f0f0;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 20px; /*--Height of each line of code--*/
	background: #ccc; /*--Background of lined paper--*/
	width: 555px;
	overflow: auto; /*--If the Code exceeds the width, a scrolling is available--*/
	overflow-Y: hidden;  /*--Hides vertical scroll created by IE--*/
}
pre code {
	margin: 0 0 0 40px;  /*--Left Margin--*/
	padding: 18px 0;
	display: block;
}
pre {
	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */ /*
	width: 99%; */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.clear{
clear:both;
}
.div_block{
background:#222;
float:left;
width:150px;
height:130px;
margin-left:20px;
position:relative;
overflow:hidden;
}
.div_block div.background{
background:#555;
height:110px;
width:130px;
padding:10px;
color:#eee;
z-index:5;
}
.div_block div.overlay{
background:#222;
height:110px;
width:130px;
z-index:10;
position:relative;
top:-130px;
padding:10px;
color:#888;
}
.div_overlay div.overlay{
height:0px;
top:0px;
}

.menu{
width:550px;
height:195px;
}
.menu ul{
list-style:none;
}
.menu ul li{
padding:5px;
margin:3px;
float:left;
width:100px;
height:20px;
text-align:center;
background:#888;
}
.menu ul li ul{
left:-5px;
top:10px;
margin:0px;
padding:0px;
height:0px;
position:relative;
overflow:hidden;
width:0px;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=0)”;

opacity: 0.0;
}
.menu ul li ul li{
position:relative;
top:0px;
left:0px;
width:90px;
clear:both;
padding:10px 10px 0px 10px;
margin:0px;
background:#333;
color:#aaa;
}





#navigation  {
	height: 70px;
	clear:both;
	padding:0px;
	margin:0px;
	}
#navigation ul{
	width:460px;
	height:70px;
	margin:0 auto;
	}
#navigation ul li{
	float:left;
	margin:0px;
	padding:0px;
	display: block;
	outline: none;
	height: 70px;
	text-decoration: none;
	width: auto;
	overflow:hidden;
	text-indent:-1000px;
	}
#navigation ul li a{
	height:70px;
	display:block;
	}
#navigation .home a{
	background: url(../images/home.jpg) no-repeat top left;
	width:101px;
}
#navigation .about a{
	background: url(../images/about.jpg) no-repeat top left;
	width:115px;
	background-position: 0 0;
}
#navigation .portfolio a{
	background: url(../images/portfolio.jpg) no-repeat top left;
	background-position: 0 0;
	width: 120px;
}
#navigation .contact a{
	background: url(../images/contact.jpg) no-repeat top left;
	background-position: 0 0;
	width: 115px;
}
#navigation .home a:hover{
	width:101px;
	background-position: 0px -70px;
}
#navigation .about a:hover{
	width:115px;
	background-position: 0px -70px;
}
#navigation .portfolio a:hover{
	background-position: 0px -70px;
	width: 120px;
}
#navigation .contact a:hover{
	background-position: 0px -70px;
	width: 115px;
}


	#nav_container{
	margin-top:30px ;
	}
	#nav_container ul{
		width:145px;
		margin:0 auto;
	}
	#nav_container li{
	padding:0px;
	margin-bottom:1px;
	}
	#nav_container a:link,#nav_container a:visited,#nav_container a:active{
	width:145px;
	background: url(../images/bg3.gif)  -200px 0px repeat-x;
	height:30px;
	padding-top:5px;
	padding-left:50px;
	border-bottom:1px solid #777;
	display:block;
	text-decoration:none;
	text-align:left;
	font-weight:bold;
	color:#333;
	}
	#nav_container a:hover{
	color:#000;
	background: url(../images/bg3.gif)  0px 0px repeat-x;
	}