﻿body
	{
	background-color:#eaf8fb;
	color:#aaa;
	font:normal 12px/16px Arial, Helvetica, Verdana, sans-serif;
	}
a
	{
	color:#39aae2;
	text-decoration:none;
	}
a:hover,
a:active
	{
	text-decoration:underline;
	}
h2
	{
	color:#39aae2;
	font-size:16px;
	font-weight:bold;
	margin:5px 0 5px 0;
	}
h2.toptitle
	{
	padding-top:20px;
	}
h2.en
	{
	color:#aaa;
	font-size:14px;
	font-weight:normal;
	}
h3
	{
	color:#39aae2;
	font-size:14px;
	font-weight:bold;
	margin:5px 0 5px 0;
	}
p
	{
	margin-bottom:20px;
	}
#wrapper
	{
	background-color:#fff;
	clear:both;
	position:relative;
	}
#content
	{
	background-color: #fff;
	clear:both;
	margin:auto;
	padding-bottom:30px;
	position:relative;
	width:960px;
	}
#titlelogo
	{
	background: url('../Images/Layout/logo.png') no-repeat 0 30px;
	display:block;
	float:left;
	height:115px;
	text-indent: -9999px;
	width:325px;
	}
#menu
	{
	display:block;
	float:right;
	margin-right:-30px;
	}
#menu li
	{
	float:left;
	}
#menu li a
	{
	display:block;
	height:115px;
	width:165px;
	}
#mn_home a
	{
	background:url('../Images/Layout/mnhome.png') no-repeat 45px 30px;
	}
#mn_home a.selected,
#mn_home a:hover
	{
	background:url('../Images/Layout/mnhome_hover.jpg') no-repeat 15px 0;
	}
#mn_about a
	{
	background:url('../Images/Layout/mnabout.png') no-repeat 45px 30px;
	}
#mn_about a.selected,
#mn_about a:hover
	{
	background:url('../Images/Layout/mnabout_hover.jpg') no-repeat 15px 0;
	}
#mn_port a
	{
	background:url('../Images/Layout/mnport.png') no-repeat 30px 30px;
	}
#mn_port a.selected,
#mn_port a:hover
	{
	background:url('../Images/Layout/mnport_hover.jpg') no-repeat 0 0;
	}
#mn_cont a
	{
	background:url('../Images/Layout/mncont.png') no-repeat 30px 30px;
	}
#mn_cont a.selected,
#mn_cont a:hover
	{
	background:url('../Images/Layout/mncont_hover.jpg') no-repeat 0 0;
	}
#workcategs
	{
	background: url('../Images/Layout/browsework.png') no-repeat;
	display:block;
	float:left;
	padding-top:40px;
	width:645px;
	}
#workcategs li
	{
	background-color:gray;
	display:block;
	float:left;
	height:100px;
	margin: 0 15px 15px 0;
	width:200px;
	}
#followme
	{
	background: url('../Images/Layout/followme.png') no-repeat;
	display:block;
	float:right;
	margin-top:60px;
	margin-right:150px;
	padding-top:30px;
	width:135px;
	}
#followme li
	{
	display:block;
	height:25px;
	text-indent:-9999px;
	width:80px;
	}
#linkedin
	{
	background: url('../Images/Layout/linkedin.png') no-repeat;
	}
#twitter
	{
	background: url('../Images/Layout/twitter.png') no-repeat;
	}
#minivan
	{
	background:#fff url('../Images/Layout/minivan.jpg') no-repeat;
	height:370px;
	position:absolute;
	right:0;bottom:-78px;
	width:170px;
	z-index:100;
	}
#footer
	{
	margin:auto;
	margin-top:10px;
	width:960px;
	}
#titlelogo a,
#browsework a,
#workcategs a,
#followme a
	{
	display: block;
	width: 100%;
	height: 100%;
	outline: none;
	}
.foliopic
	{
	background-color:#ccc;
	border:solid 1px #eee;
	display:block;
	float:left;
	height:150px;
	margin:5px;
	overflow:hidden;
	width:150px;
	}
.abouttop
	{
	background: #ccc url('../Images/Layout/abouttop.jpg') no-repeat;
	clear:both;
	height:70px;
	margin-bottom:30px;
	width:960px;
	}
.col
	{
	float:left;
	width:48%;
	}
.col+.col
	{
	margin-left:4%;
	}
label
	{
	display:block;
	clear:both;
	}
form
	{
	float:left;
	width:400px;
	}
label span
	{
	color:#39aae2;
	font-size:16px;
	display:block;
	margin:20px 0 10px 0;
	}
label span span
	{
	color:#aaa;
	font-size:11px;
	display:inline;
	}
input, textarea
	{
	background-color:#fff;
	border:solid 2px #eee;
	clear:both;
	color:#aaa;
	font:normal 12px/20px Arial, Helvetica, Verdana, sans-serif;
	min-height:20px;
	width:100%;
	}
#btn_enviar
	{
	background:#fff url('../Images/Layout/btn_enviar.jpg') no-repeat;
	border:none;
	cursor:pointer;
	display:block;
	float:right;
	height:90px;
	width:96px;
	}
.clear
	{
	clear:both;
	}
	
	/* ribbon */

.ribbon
    {
    width:117px;
    height:117px;
    position:absolute;
    top:0;
    right:0;
    }

.ribbon a
    {
	display:block;
    height:100%;
    background: url('../Images/Designertrix/bannerfreelance.png') no-repeat;
    text-indent:-9999px;
    overflow:hidden;
    outline:none;
    }
