* {margin: 0; padding: 0}

html {background: url("/resources/i/background.jpg");}

body {
	background: url("/resources/i/light.png") repeat-x;
	color: #2d2d2d;
	font: 14px Arial, Sans-Serif;
	line-height: 18px;
	-webkit-text-size-adjust: none;
}

#wrapper {margin: 0 auto;}

#intro {
	background: url("/resources/i/headerLine.png") repeat-x 0 38px;
	height: 80px;
	padding: 38px 0 24px;
}

#logo {
	background: url("/resources/i/logo.png") no-repeat;
	height: 48px;
	margin: 0 auto;
	width: 958px;
}

#clientTwitter {
	background: url("/resources/i/clientTwitter.png") no-repeat;
	float: right;
	height: 40px;
	width: 160px;
}

#content {
	margin: 0 auto;
	width: 962px;
}

/*
=======================
MENU
=======================
*/

#menu {width: 958px; margin: 0 auto;}

#group {float: left;}

#group li {
	float: left;
	list-style: none;
	margin: 0 10px 0 1px;
}

#options {
	clear: right;
	float: right;
}

#options li {
	float: left;
	list-style: none;
	margin-left: 10px;
}

.navigation #magic-line-two {
	position: absolute;
	left: 0; background: #424242;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.current_page {
	background-position: center -32px !important;
	background: #424242;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.navigation li a {
	cursor: pointer;
	display: block;
	float: left;
	position: relative;
	z-index: 200;
}

#group:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

*:first-child+html @group { zoom: 1; } /* IE7 */

#mHome {background: url("/resources/i/mHome.png") no-repeat; width: 88px;}

#mProjects {background: url("/resources/i/mProjects.png") no-repeat; width: 109px;}

#mServices {background: url("/resources/i/mServices.png") no-repeat; width: 106px;}

#mBlog {background: url("/resources/i/mBlog.png") no-repeat; width: 73px;}

#mContact {background: url("/resources/i/mContact.png") no-repeat; width: 106px;}

#mEnglish {background: url("/resources/i/mEnglish.png") no-repeat; width: 91px;}

#mClient {background: url("/resources/i/mLogin.png") no-repeat; width: 110px;}

#mFollow {background: url("/resources/i/mFollow.png") no-repeat; width: 94px;}

#mProjetos {background: url("/resources/i/mProjetos.png") no-repeat; width: 100px;}

#mServicos {background: url("/resources/i/mServicos.png") no-repeat; width: 108px;}

#mContato {background: url("/resources/i/mContato.png") no-repeat; width: 108px;}

#mPortugues {background: url("/resources/i/mPortugues.png") no-repeat; width: 120px;}

#mLogin {background: url("/resources/i/mLogin.png") no-repeat; width: 59px;}

#mTwitter {background: url("/resources/i/mTwitter.png") no-repeat; width: 65px;}

#mHome, #mProjects, #mServices, #mBlog, #mContact, #mEnglish, #mClient, #mFollow, #mProjetos, #mServicos, #mContato, #mPortugues, 
#mLogin, #mTwitter {
	background-position: center 1px;
	height: 32px;
}

/*
#mHome:hover, #mProjects:hover, #mServices:hover, #mBlog:hover, #mContact:hover, #mEnglish:hover, #mClient:hover, #mFollow:hover, 
#mProjetos:hover, #mServicos:hover, #mContato:hover, #mPortugues:hover, #mLogin:hover, #mTwitter:hover {
	background-position: center -32px;
}
*/

/*
=======================
BANNER
=======================
*/

#banner {
	background: url("/resources/i/bannerBG.png") no-repeat;
	clear: both;
	height: 296px;
	margin-bottom: 20px;
	width: 964px;
}

#bannerContent {
	background: url("/resources/images/banner1.png") no-repeat;
	color: #fff;
	float: left;
	font-size: 14px;
	height: 190px;
	margin: 15px;
	padding: 68px 0 0 478px;
	width: 456px;
}

#bannerContent h3 {
	color: #fff;
	font-size: 36px;
	font-weight: normal;
	line-height: 34px;
	margin-bottom: 16px;
	text-shadow: 0 1px 2px #222;
}

.label {
	background: url("/resources/i/bannerLabel1.png") no-repeat;
	float: right;
	height: 118px;
	margin-top: -289px;
	width: 119px;
}

#home {
	clear: both;
	min-height: 300px;
	width: 964px;
}

/*
=======================
BOXES
=======================
*/

#general {float: left; overflow: hidden; width: 592px;}

#general .featured {
	background: url("/resources/i/featuredBG.png") no-repeat;
	height: 200px;
	margin-bottom: 24px;
	position: relative;
	overflow: hidden;
}

#general .featured .description {
	clear: left;
	float: left;
	padding: 0 0 0 28px;
	width: 390px;
}

#general .featured .featuredImage {
	height: 200px;
	position: absolute;
	width: 228px;
	top: 0;
	right: 0;
}

#general .featured .stripe {
	background: url("/resources/i/stripe.png") no-repeat right top;
	height: 37px;
	margin: 163px 0 0;
	position: absolute;
	width: 592px;
}

.stripes {
	margin: 163px 0 0 383px;
	position: relative;
}

#general .box {margin-bottom: 24px;}

.boxBigBG {
	background: url("/resources/i/boxBigBG.png") no-repeat;
}

.boxBlogBG {
	background: url("/resources/i/boxBlogBG.png") no-repeat;
	padding: 24px 0;
}

.boxBigBase {
	background: url("/resources/i/boxBigBase.png") no-repeat;
	clear: both;
	height: 37px;
	margin-top: -24px;
}

.featuredTitle {
	clear: left;
	float: left;
	height: 64px;
	overflow: hidden;
	text-align: center;
	width: 172px;
}

.blogTitle {margin-bottom: 20px;}

.blogTitle h3 {margin-bottom: 0px;}

#general .boxBigBG .description, #general .boxBlogBG .description {
	clear: left;
	padding: 0 28px;
	background: url("/resources/i/boxBG.png") repeat;
}

.list {margin-bottom: 24px;}

.list li {
	background: url("/resources/i/arrowList.png") no-repeat left center;
	list-style: none;
	padding: 2px 0 2px 16px;
}

.description .icon {padding: 0 20px 10px 0;}

.screenshots li {
	display: inline;
	height: 92px;
	list-style: none;
	margin: 0 3px;
	width: 92px;
}

.screenshots img {border: 1px solid #000;}

.moreIcons {height: 110px; overflow: hidden;}

.moreIcons li {
	float: left;
	list-style: none;
	margin-top: 8px;
	text-align: center;
	width: 101px;
}

#pagination {
	font-size: 16px;
	margin-bottom: 48px;
	padding: 0 0 20px;
}

#pagination .previous {
	background: url("/resources/i/arrowBlack.png") no-repeat left center;
	float: left;
	padding: 0 0 0 12px;
	margin: 0 32px 0 4px;
}

#pagination .recent {
	background: url("/resources/i/arrowBlack.png") no-repeat right center;
	float: left;
	padding: 0 12px 0 0;
}

/*
=======================
FORM
=======================
*/

#contactForm {
	color: #2279BD;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 25px;
}

#author, #email, #url, #message {
	border: 1px solid #888;
	clear: both;
	font-size: 14px;
	padding: 6px;
}

#message {
	width: 400px;
}

#submit {
	background: #2279BD;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	overflow: hidden;
	padding: 4px 18px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#submit:hover {background: #115891;}

/*
=======================
SIDEBAR
=======================
*/

#sidebar {float: right; width: 351px;}

#sidebar .box {margin-bottom: 24px;}

.boxSmallBG {
	background: url("/resources/i/boxSmallBG.png") no-repeat;
	min-height: 100px;
	padding: 24px;
}

.boxSmallBase {
	background: url("/resources/i/boxSmallBase.png") no-repeat;
	clear: both;
	height: 37px;
	margin-top: -24px;
}

/*
=======================
BLOG
=======================
*/

.blogImage {
	background: url("/resources/i/blogFeatured.jpg") no-repeat;
	border: 1px solid #000;
	height: 98px;
	margin-bottom: 10px;
	width: 298px;
}


/*
=======================
LINKS AND IMAGES
=======================
*/

a, a:visited {color: #247cc0;	text-decoration: underline;}

a:hover {color: #115891; text-decoration: none;}

#bannerContent a, #bannerContent a:visited {
	background: url("/resources/i/arrowRight.png") no-repeat right center;
	color: #fff; padding: 0 10px 0 0;
	text-decoration: underline;
}

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

.arrowLinks {background: url("/resources/i/arrowRightB.png") no-repeat right center; display: inline; margin-right: 20px; padding: 0 10px 0 0;}

#footer a, #footer a:visited, a.blackLink {color: #2d2d2d; text-decoration: none;}

#footer a:hover, a.blackLink:hover {text-decoration: underline;}

img {border: 0;}

/*
a img:hover {margin-top: -1px; margin-bottom: 1px;}
*/

.featIcon {margin: 36px 0 0 75px;}

.featSoft {margin: 36px 0 0 34px;}

/*
=======================
TEXT
=======================
*/

h2 {color: #fff; font-size: 19px; letter-spacing: 0.5px; padding: 18px 8px; text-shadow: 0 -1px 1px #002F44;}

h3 {color: #2279bd; font-size: 19px; margin-bottom: 14px;}

p {line-height: 22px; margin-bottom: 20px;}

.hide, span.hide {display: none;}

span.small {font-size: 12px;}

.active {font-weight: bold;}

/*
=======================
FOOTER
=======================
*/

#footer {background: #fff; border-top: 1px solid #7e7e7e; float: left; height: 200px; width: 100%;}

#footerLinks {margin: 0 auto; padding: 20px 0 0; width: 952px;}

.footerLinks {height: 104px;}

.footerLinks li {float: left; list-style: none; margin-right: 20px;}

#footerSign {float: left; width: 600px; text-transform: uppercase; color: #bbb;}

#footerSign a, #footerSign a:visited, a.blackLink { color: #888; }

.back {float: right; margin-top: 28px;}

.back li {float: left; list-style: none; margin-left: 40px;}

.backtothetop {background: url("/resources/i/arrowUp.png") no-repeat left center; padding: 0 0 0 14px;}

/* Thanks Eduardo Sasso -- zee.com.br */
#showcase {
	margin: 155px 0 0 120px;
	display:block;
}

#showcase ul li {
	display:none;
}

#showcase ul li.first {
	display:block;
}


#pager {
	width: 155px !important;
	height: 15px;
	margin-left: 102px !important;
}

#pager a:link,
#pager a:active,
#pager a:visited {
	float: left;
	display: block;
	width: 15px;
	height: 15px;
	margin-right: 5px;
	-webkit-border-radius: 10px 10px;
	-moz-border-radius:10px;
	background: #9098ae;
	text-indent: -90px;
	overflow: hidden;
	outline: none;
}

#pager .selected {
	float: left;
	display: block;
	width: 14px;
	height: 14px;
	margin-right: 5px;
	-webkit-border-radius: 10px 10px;
	-moz-border-radius:10px;
	text-indent: -90px;
	overflow: hidden;
	outline: none;
	-webkit-box-shadow: 1px 1px 1px #FFF;
	-moz-box-shadow: 1px 1px 1px #FFF;
}
#pager a:hover,
#pager .selected {
	background: #505460 !important;
}

/* Thanks Eduardo Sasso -- zee.com.br */
.info {
	text-align: left;
	display: block;
	font-size: 14px;
	line-height: 20px;
	margin-left: 2px;
	text-shadow: #fff 0px 1px 0px;
}