body{
	background: url(../images/bg_body.jpg) repeat;
	color: #222;
	margin:0;
	padding:0;
	font: normal medium "Tahoma";
	font-size:16px;
}
#w3templatev3{
	margin:0 auto;
	width:100%;
	height:1080px;
}
.w3frame{
	background:url(../images/bg_curtain.png) top repeat-x;
	width:100%;
	margin:0 auto;
}
.w3frame .header{
	background:url(../images/bg_header.jpg) top center no-repeat;
	width:980px;
	margin:0 auto;
	height:787px;
	display:block;
	z-index:20;
}
.w3frame .header .bar{
	height:30px;
	line-height:30px;
	margin-left:5px;
	float:left;
	color:#bbb;
}
.w3frame .header .bar span{
	color:#fff;
}
.w3frame .header .bar a{
	color:#fff;
}
.w3frame .header .mac{
	width:338px; height:206px; float:right; margin:202px 99px 0 0;
}
.w3frame .header p#mac_slide { position:absolute; width:338px; height:206px; }
.w3frame .header p#mac_slide img { border:none; width:338px; height:206px; float:left; position:absolute; }
.w3frame .header p#mac_slide a.show {  }
.w3frame .header .search{
	height:30px;
	line-height:30px;
	margin-right:10px;
	color:#bbb;
	float:right;
}
.w3frame .header .search input#inputString { 
	width:210px; 
	height:22px; 
	line-height:20px;
	padding:0 0 0 25px;
	background: #fdf5e8 url(../images/ico_search.png) no-repeat; 
	background-position:3px 1px;
	border:1px solid #555;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	-moz-border-radius:20px; 
	-webkit-border-radius:20px; 
	margin-top:2px;
}
.w3frame .header .myinfo { 
	width:290px; 
	height:350px; 
	text-align:left;
	float:left;
	margin:44px 0 0 168px;
}
.w3frame .header .myinfo h1 { 
	height:20px;
	padding:5px 0 0 0;
	margin-bottom:20px;
	line-height:20px;
	vertical-align:bottom;
	letter-spacing:-0.05em;
	font-size: 22px;
}
.w3frame .header .myinfo p { margin-bottom:10px; line-height:24px; }
ul.navigation {
	width: 675px;
	height:75px;
	list-style: none;
	padding:25px 0 0 275px;
}
ul.navigation li {
	padding: 0;
	float: left;
	position: relative;
}
ul.navigation li a#home {
	height:75px;
	margin:0 10px 0 0;
	width:114px;
	display:block;
}
ul.navigation li a#home:hover, .navigation li a.home {
	background:url(../images/bg_menu.png) no-repeat;
	background-position:11px 16px;
}
ul.navigation li a#portfolio {
	height:75px;
	margin:0 10px 0 0;
	width:153px;
	display:block;
}
ul.navigation li a#portfolio:hover, .navigation li a.portfolio {
	background:url(../images/bg_menu.png) no-repeat;
	background-position:-113px 16px;
}
ul.navigation li a#about{
	height:75px;
	margin:0 10px 0 0;
	width:116px;
	display:block;
}
ul.navigation li a#about:hover, .navigation li a.about {
	background:url(../images/bg_menu.png) no-repeat;
	background-position:-276px 16px;
}
ul.navigation li a#blog{
	height:75px;
	margin:0 10px 0 0;
	width:107px;
	display:block;
}
ul.navigation li a#blog:hover, .navigation li a.blog {
	background:url(../images/bg_menu.png) no-repeat;
	background-position:-402px 16px;
}
ul.navigation li a#contact{
	height:75px;
	width:137px;
	display:block;
}
ul.navigation li a#contact:hover, .navigation li a.contact{
	background:url(../images/bg_menu.png) no-repeat;
	background-position:-519px 16px;
}
.content {
	width:100%;
	margin:0 auto;
	color:#000;
	padding:0 0 50px 0;
}
.content .container{
	width:870px;
	padding:35px 15px 30px 20px;
	margin:0 auto;
	margin-top:-80px;
	margin-bottom:100px;
	border:2px solid #FFF;
	font-size:14px;
	background:#f5f5f5;
	text-decoration: none; 
	filter: alpha(opacity=100); 
	opacity: .90; 
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	background:url(../images/bg_content.png);
	-moz-box-shadow: 0px 0px 10px #aaa; /* Firefox */
	-webkit-box-shadow: 0px 0px 10px #aaa; /* Safari and Chrome */
	box-shadow: 0px 0px 10px #aaa;	
}
.content .container a{
	color:#168001;
	text-shadow:0 0 0 #FFF;
}
.content .container a:hover{
	color:#FC0;
}
.content .container .left{
	float:left;
	width:550px;
	text-shadow:0 1px 0 #FFF;
	padding:0 5px 0 0;
	line-height:24px;
}
.content .container .left h1.barcontent{
	position:absolute;
	background:url(../images/bar_content.png) left;
	height:43px;
	line-height:40px;
	font-size:25px;
	font-weight:bold;
	width:550px;
	padding:0 0 0 50px;
	margin-bottom:50px;
	margin-left:-50px;
	color:#fafeeb;
	text-shadow:0 0 0 #35041f;
}
.content .container .left h2{
	font-size:18px;
	margin-bottom:5px;
	color:#000;
}
.content .container .left p{
	line-height:24px;
	margin-bottom:10px;
}
.content .container .left .purpose{
	padding-bottom:10px;
}
.content .container .left .process{
	background:url(../images/bg_process.png) no-repeat;
	background-position:-10px 0px;
	padding: 5px 0 0 145px;
	font-size:14px;
}
.content .container .left .process h2{
	font-size:18px;
	margin-bottom:5px;
	color:#000;
}

.content .container .right{
	width:300px;
	float:right;
	line-height:20px;
}
.content .container .right .right-box{

}
.content .container .right .right-box-paper{
	background:url(../images/bg_right.jpg);
	padding:15px 10px 20px 10px;
	border-left:1px solid #ececec;
	border-right:1px solid #ececec;
	border-bottom:1px solid #ececec;
}
.content .container .right .right-box-paper-footer{
	background:url(../images/bg_img.png) 0px -189px no-repeat;
	width:300px;
	height:9px;
}
.content .container .right h1.bar{
	background:url(../images/bar_content.png) right;
	height:36px;
	line-height:36px;
	font-size:21px;
	font-weight:bold;
	width:270px;
	padding:0 0 0 10px;
	color:#eee;
	text-shadow:0 0 0 #35041f;
	margin-bottom:10px;
}
.content .container .right h2.title{
	line-height:20px;
	width:280px;
	color:#000;
	text-shadow:0 0 0 #35041f;
	margin-bottom:5px;
	font-size:16px;
}
.content .container .right .posted {
	margin-bottom:15px;
	padding:0 0 10px 0;
	border-bottom:1px dashed #ccc;
}
.content .container .right .story {
	font-size:13px;
	margin-bottom:5px;
}
.content .container .right .meta {
	font-size:13px;
}
/*Footer*/
#w3footer{
	width:100%;
	height:59px;
	margin:0 auto;
	background:url(../images/bgfooter.jpg) bottom repeat-x;
}
#w3ground{
	width:100%;
	height:150px;
	margin:0 auto;
	padding:20px 0 0 0;
	background:#000 url(../images/ground.jpg) repeat-x top;
	text-align:center;
	color:#FFFFFF;
}
.footlink{ text-align:center; width:800px; margin:0 auto; padding:0 0 5px 0;  }
.footlink a{
	color:#FFFFFF;
	font-size:16px;
	text-decoration:none;
	font: normal medium "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-right:20px;
}
.footlink a:hover{
	color:#FF9900;
}

/*  */
.scroll-up{
	margin:-50px 0 0 -50px;	
	display:block;
	position:absolute;
}
.blogcalendar{
	width:50px; 
	height:50px; 
	background:url(../images/cal.png) no-repeat top; 
	margin-left:275px; 
	margin-top:10px; position:absolute; color:#999;
}
.imgbox300{
	width:280px;
	height:188px;
	margin-bottom:15px;
	background:url(../images/bg_img.png) no-repeat;
	padding:10px 10px 0 10px;
}
#feed{
	position:absolute;
	margin:33px 0 0 252px;
	z-index:10;
}
#feed a{
	display:block;
	width:40px;
	height:40px;
	background:
}
#tellafriend{
	position:absolute;
	margin:33px 0 0 301px;
	z-index:10;
}
#tellafriend a{
	display:block;
	width:40px;
	height:40px;
}
#yahoomessenger {
	position:absolute;
	margin:72px 0 0 770px;
	z-index:10;
}
#yahoomessenger a{
	display:block;
	width:150px;
	height:28px;
	line-height:28px;
	font-size:14px;
	color:#402b55;
}
#facebook {
	position:absolute;
	margin:108px 0 0 730px;
	z-index:10;
}
#facebook a{
	display:block;
	width:150px;
	height:28px;
	line-height:28px;
	font-size:14px;
	color:#402b55;
}
span.more{
	padding:3px 10px;
	background:#FFF;
}
span.more:hover{
	padding:3px 10px;
	background:#FF9;
}
.dashed{ border-bottom:1px dashed #ccc; }
.text-right{ text-align:right }
.clear{
	clear:both;
}
ul.valid {
	margin:10px 0 10px 20px;
	padding:6px 6px 0 0;
	float:left;
	text-decoration:none;
	list-style:none;
	clear:both;
}
ul.valid img {width:105px; border:0;}
ul.valid li {
	float:left;
	margin:0 0 0 6px;
}
.pageLoader{
	position:absolute;
}
#twitter{
	position:absolute; 
	width:350px; 
	margin:75px 0 0 320px; 
	text-align:right;
	font-size:16px; 
	color:#555;
	text-shadow:0 1px 0 #e0e0e0;
}
#twitter a{
	color:#FFFFFF;
	text-shadow:0 0 0 #eee;
}
#twitter_update_list {
	text-align:center;
	font-size: 12px;
	list-style-type: none;
	margin:3px 0 0 0;
	text-shadow:0 1px 0 #e0e0e0;
}

#twitter_update_list li {
	margin: 0;
	line-height: 16px;
}
#twitter_update_list a {
	padding-right:20px;
	text-align:right;
	display: block;
	color: #FFF;
}
#twitter_update_list span a {
	color: #222;
	padding: 0 3px;
	text-decoration: none;
	display: inline;
	text-shadow:0 1px 0 #e0e0e0;
}

#twitter_update_list span a:hover {
	background: white;
}
input[type=text], select{
	padding:3px 10px;
	font-size:14px;	
}
textarea{
	padding:3px 10px;
	font-size:16px;	
}
input[type=submit]{
	padding:3px 10px;
	font-size:16px;	
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;

}

/*PAGINATION*/
#imageporto { width: 550px; text-align: center; margin-bottom: 0px; }
#imageporto img { width: 65px;  margin: 0 auto; }

#Pagination {
	position: relative;
	float: left;
	display: block;
	width: 550px;
	height: 30px;
}
#Pagination .next, #Pagination .prev {
	position: absolute;
	top: 0 !important;
	width: 80px;
	text-align: center;
	display: block;
	font-size: 14px;
	font-weight:  bold;
	margin-top:10px;
	padding: 3px;
	height: 22px;
	-moz-box-shadow: 0px 2px 3px #ccc; /* Firefox */
	-webkit-box-shadow: 2px 0px 3px #ccc; /* Safari and Chrome */
	box-shadow: 0px 2px 3px #ccc;	
}

#Pagination span {
	background:#FFFFFF;
	color: #000000;
}

#Pagination a {
	background:#ebfccd;
	color: #000;
	text-decoration: none;
	padding: 0;
}

#Pagination a:hover {
	color: #3a9910;
}

#Pagination .next {
	left: 460px;
}

#Pagination .prev { }
#Pagination .current { display:none }
.projectDescription{
	margin-top:-50px;
}
.projectDescription p {
	margin: 0;
	line-height:20px;
}
.projectDescription h2 {
	margin: 0;
	font-size:24px;
	font-weight:bold;
}
.projectDescription a{
	color:#c9910c;
	text-decoration:none;
}
.projectDescription a:hover{
	color:#58962a;
}
.showportfolio{
	 height:170px; width:280px; display:block
}