html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0px; padding:0px; border:0px; outline:0px;
}
body {
	background:url(images/bg.gif);
	margin:0px;
}
.wrapper {
	width:960px;
	margin:0 auto;
}
a {
	text-decoration:none;
	font-family:Verdana;
}
.heaven  {
	clear:both;
}
#header {
	background:url(images/header-bg.gif);
	height:101px;
}
#logo {
	background:url(images/logo.png);
	width:200px;
	height:37px;
	float:left;
	margin-top:30px;
}
#logo a {
	height:37px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
#menu {
	width:420px;
	height:100px;
	float:right;
	text-align:center;
}
#menu ul {
	list-style:none;
	height:100px;
}
#menu ul li {
	list-style:none;
	height:100px;
	font-size:22px;
	float:left;
	padding:40px 10px 0 10px;
	margin-right:5px;
}
#menu ul li a {
	text-decoration:none;
	color:#000;
	height:100px;
}
#menu ul li:hover {
	background:url(images/buton-hover.png);
	height:100px;
}
#banner {
	background:url(images/banner-bg.png);
	height:250px;
}
#hello-text {
	background:url(images/hello-text.png);
	width:481px;
	height:161px;
	float:left;
	margin-top:40px;
}
#ribbon {
	background:url(images/ribbon-up.png);
	height:250px;
	width:430px;
	float:right;
}
#ribbon img {
	border:5px solid #666;
	margin:18px;
}
#ribbon-down {
	background:url(images/ribbon-down.png);
	width:430px;
	height:68px;
	float:right;
}
#container {
	width:960px;
	margin-top:40px;
}
#container .left{
	width:300px;
	margin:0 30px 40px 0;
	float:left;
}
#container .right{
	background-color:#FFF;
	margin:0 0 40px 0;
	width:300px;
	float:right;
}
.portfolyo-img {
	border:6px solid #FFF;
}
.portfolyo-name {
	width:280px;
	height:30px;
	padding:15px 10px 5px 10px;
	background-color:#000;
}
.portfolyo-name a {
	color:#FFF;
	width:300px;
	height:30px;
}
.portfolyo-name h2{
	color:#FFF;
	font-size:18px;
}
.portfolyo-info {
	background-color:#CCC;
	width:280px;
	padding:10px;
}
.portfolyo-info p{
	font-family:Verdana;
	font-size:11px;
}
#twitter-bg {
	background:url(images/twitter-bg.png);
	height:52px;
	margin-top:40px;
}
#twitter-bg span {
	font-family:Verdana;
	color:#000;
	font-size:13px;
	float:left;
	line-height:180%;
}

#twitter-bird {
	background:url(images/twitter-bird.png);
	width:247px;
	height:50px;
	margin-top:-50px;
	float:left;
}
#twitter-title {
	background:url(images/twitter-h2.png);
	width:70px;
	height:52px;
	float:left;
}
.twitter-text-left {
	width:12px;
	height:44px;
	margin-top:4px;
	float:left;
	margin-left:5px;
}
.twitter-text {
	height:34px;
	float:left;
	margin-top:4px;
	padding-top:10px;
}
.twitter-text-right {
	width:13px;
	height:44px;
	float:left;
	margin-top:4px;
}
#footer-contact {
	background:url(images/footer-contact.gif);
	width:630px;
	height:165px;
	float:left;
	margin:30px 10px 20px 0;
}
#footer-copyright {
	width:300px;
	height:165px;
	background-color:#CCC;
	float:right;
	margin-top:30px;
}
.footer-logo{
	background:url(images/footer-logo.gif);
	width:221px;
	height:34px;
	margin:20px auto 10px auto;
}
#footer-copyright ul {
	margin:10px 0 0 40px;
	list-style:none;
	font-size:12px;
}
#footer-copyright ul li {
	margin-bottom:4px;
	list-style:none;
}
#footer-copyright a{
	color:#000;
}
