@charset "UTF-8";



* {
	margin: 0px;
	padding: 0px;
}

/* @group Clearfix */

/*------Clear Fix------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */
/*----------------------*/

/* @end */

/* @group Main Rules */

/* main rules */

html {
}

body {
	background: url(../images/img01.jpg) repeat-x top left;
}

a:link {
	color: #999999;
	font: 12px "Arial", Lucida, Verdana, sans-serif;
	text-decoration: none;
}

a:visited {
	color: #999999;
	font: 12px "Arial", Lucida, Verdana, sans-serif;
	text-decoration: none;
}

a:hover {
	color: #999999;
	font: 12px "Arial", Lucida, Verdana, sans-serif;
	text-decoration: underline;
}

h1 {font-size:2em; color:#b3b496;
}
h2 {font-size:1.8em; color:#25292b;
}
/* @end */


/* @group Layout */

/* @group Header */

/***********/
/* Header */
/* HEADER */
/* ---------------------------------------------------------------------------------------------------*/
#cont_back {
	width:100%;
	z-index: 0;
	background-image: url(../imgs/bg_tiled.jpg);
	margin-top: -10px;
	margin-right: auto;
	margin-left: auto;

}
#container{
	width: 1090px;
	z-index: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#header {
	width: 976px;
	background: url(../images/img02.gif) no-repeat top left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#menu {
	background:url(../imgs/menu.png) no-repeat;
	height: 54px;
	width: 752px;
	margin-right: auto;
	margin-left: auto;
	overflow:visible;
	margin-top:10px;
	padding-bottom:15px;
}
#menu ul{
  display:block;
  width:752px;
  height:54px;
  list-style:none;
}
#menu ul li {
	display:block;
	float:left;
	height:54px;
	text-indent:-10000px;
}
#home {
  width:160px;
}
#projects {
  width:220px;
}
#contact {
  width:222px;
}
#blog {
  width:148px;
}
#menu a {
  display:block;
  width:100%;
  height:100%;
}
#home a:hover {
  background:url(../imgs/menu.png) no-repeat 0 -49px;
}
#projects a:hover {
  background:url(../imgs/menu.png) no-repeat -160px -49px;
}
#contact a:hover {
  background:url(../imgs/menu.png) no-repeat -380px -49px;
}
#blog a:hover {
  background:url(../imgs/menu.png) no-repeat -602px -49px;
}
.cont {
	width: 940px;
	margin-bottom: 28px;
}
/*Modal Contact*/
form.modalForm fieldset {padding:10px;}
form.modalForm input{border:1px solid #444;}
form.modalForm input.noBorder{border:0 none;}
form.modalForm legend { padding: 0 2px;  font-weight: bold;}
form.modalForm label {  display: inline-block;  line-height: 1.8;  vertical-align: top;}
form.modalForm fieldset ol {  margin: 0;  padding: 0;}
form.modalForm fieldset li {  list-style: none;  padding: 5px;  margin: 0;}
form.modalForm em {  font-weight: bold;  font-style: normal;  color: #f00;}
form.modalForm label {  width: 120px; /* Width of labels */}
.contactInfo, .contactForm{width:300px; padding:10px; float:left;}
h3{font-family:Arial, Helvetica, sans-serif; border-bottom:5px solid #bdbfb3; margin-bottom:5px;}


#search {
	float: right;
	width: 260px;
	margin: 0px;
	padding-top: 7px;
}

#search fieldset {
	border: none;
}

#search #s {
	width: 160px;
}

#search #x {
	width: 80px;
}

/* Logo */

#logo {
	width: 976px;
	height: 315px;
	background: url(../images/img03.jpg) no-repeat left top;
	margin-top: -25px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#logo h1, #logo h2 {
	margin: 0;
	padding: 0;
	text-transform: lowercase;
}

#logo h1 {
	padding: 20px 5px 0 55px;
	font-size: 1.4em;
	color: #DAF79B;
}

#logo h2 {
	padding: 0px 0 0 65px;
	letter-spacing: -1px;
	font-size: 1.3em;
	color: #e8d4af;
}

#header2{
	width: 1090px;
	height: 324px;
	background: url(../images/bg-header.png) no-repeat;
	clear: both;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
}

.logo{
	width:520px; 
	height:165px;
	float: left;
	margin-left: -80px;
}

.slogan h1{
	float: right;
	text-align: right;
	margin-top: 50px;
	border: none;
}

.header-column{
	width: 328px;
	height: 275px;
	float: left;
	border-right: 1px dotted #5399b7;
	padding-right: 15px;
	display: inline;
	position:relative;
	z-index:1;
	color:#e8d4af;
	font: "Arial", Arial;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 15px;
}

.header-column .skills {background:url(../imgs/skills.png) no-repeat;
height:60px;}
/* what i do list */

.header-column h5.first {
	color: #b3b496;
	font-family: "Arial", Verdana, Arial;
	font-size: 15px;
	margin-top: -7px;
}

.header-column h5 {
	color: #b3b496;
	font-family: "Arial", Verdana, Arial;
	font-size: 15px;
	margin-top: -7px;
}

.header-column ul li h5 span {
	color: #44924d;
}


.header-column ul li p {
	color: #e8d4af;
	font-family: "Arial", Verdana, Arial;
	font-size: 12px;
	margin: 2px 0 0 17px;
}
/* end what i do list */
.header-column .do {background:url(../imgs/what_i_do.png) no-repeat;
height:60px;}

.header-column-last{
	width: 285px;
	float: left;	
	margin: 20px 10px;
	color:#e8d4af; font: "Arial", Verdana, Arial;

}
.header-column-last .twit {background:url(../imgs/twitter.png) no-repeat;
height:60px;}

.header-column ul{
	list-style-type: none;
	color:#e8d4af;
	font-family: Tahoma, Geneva, sans-serif;
}

.header-column ul li{
	margin-bottom: 6px;
	padding-left: 15px;
	background: url(../images/bullet.png) no-repeat ;
	position:relative;   
	z-index:1;
}
#twitter {
	width: 325px; 
}

	#twitter h1 a {
		display: block; margin: 0 0 15px 0;
		font: 18px Helvetica, Arial, Sans-Serif; color: rgba(255,255,255,0.2);
		text-decoration: none;
	}
		#twitter h1 a:hover { color: rgba(255,255,255,0.3); }

	#twitter ul {
		list-style: none; padding: 0 0 0 5px;
	}
		#twitter ul li {
			padding: 5px;
			background: rgba(255,255,255,0.1);
			border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;
		}
			#twitter ul li a {
				font: italic 10px/16px Georgia, Times, Serif;
				color: #555b6e;
			}
				#twitter ul li a:hover { color: #1b2f6f; }

		#twitter ul li span {
			font: 12px/16px Helvetica, Arial, Sans-Serif; color: #fff;
		}
			#twitter ul li span a {
				font: 12px/16px Helvetica, Arial, Sans-Serif;
			}

/* @end */


/* @group Content */

/************/
/* Content */
div#content {
	margin: 0px auto;
	width: 822px;
}

#content2 {
	width: 832px;
	height: 220px;
	margin: auto;
	background: url(../images/bg-content.png) no-repeat;
	clear: both;
}

div#upper_content {
	margin-top: 0px;
}

div#upper_content ul#projects_container li.project {
	display: inline;
	float: left;
	margin: 30px 48px 32px 0px;
	width: 242px;
}

div#upper_content ul#projects_container li.project.edge {
	margin-right: 0px;
}

div#upper_content ul#projects_container li.project a {
	outline: none;
}

div#upper_content li.project h3 {
	color: #ea343e;
	display: inline;
	float: left;
	font: normal 12px "Arial", Verdana, Arial;
	margin-left: 5px;
	text-shadow: #370809 0 1px 0;
}

div#upper_content li.project p a.project_launcher:link,
div#upper_content li.project p a.project_launcher:visited {
	color: #c3c3c3;
	display: inline;
	float: right;
	font: normal 12px "Arial", Verdana, Arial;
	margin-left: 5px;
	text-decoration: none;
	text-shadow: #000000 0 1px 0;
}

div#upper_content li.project p a.project_launcher:hover {
	color: #c3c3c3;
	display: inline;
	font: normal 12px "Arial", Verdana, Arial;
	margin-left: 5px;
	text-decoration: underline;
	text-shadow: #000000 0 1px 0;
}

div#lower_content {
	margin-top: -35px;
	padding-bottom: 45px;
	margin-left:136px;
}

div#social {
	background: url(../imgs/bg_about.png) no-repeat 0 0;
	display: inline;
	float: left;
	height: 260px;
	width: 240px;
	margin-top: 0;
	margin-right: 51px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

div#social h4#social_title{
	background: url(../imgs/title_social.png) no-repeat 0 -5px;
	height: 30px;
	overflow: hidden;
	margin-left: 10px;
	padding-top: 2px;
	width: 198px;
}

div#social ul {
	background: url(../imgs/networks.png) repeat 0 0;
	margin: 17px 0 0 1px;
	width: 238px;
}

div#social li a {
	display: block;
	width: 228px;
	height: 41px;
	outline: none;
	padding-top: 3px;
	padding-left: 10px;
	padding-bottom: 3px;
	text-decoration: none;
	-webkit-transition: background-color 0.25s linear;
}

div#social li a:hover,
div#social li a:focus {
	background: rgba(164,173,183,0.25);
}

div#social li a:active {
	background: rgba(164, 173, 183, .25);
}

div#social li a img {
	float: left;
	margin: 0 10px 0 0;
	-webkit-transition: margin-left 0.25s linear;
}

div#social li a:hover img {
	margin-left: 10px;
}

div#social li a strong {
	color: #444646;
	font: 15px "Arial", Verdana, Arial;
	display: block;
	padding-top: 2px;
	text-shadow: #ffffff 0 1px 0;
}

div#social li a em {
	font-size: 11px;
}

#social li a p {
	color: #888888;
	font: 11px "Arial", Lucida, Verdana, sans-serif;
	display: block;
	text-shadow: #ffffff 0 1px 0;	
}

div#services {
	background: url(../imgs/bg_about.png) no-repeat 0 0;
	display: inline;
	float: left;
	height: 260px;
	margin: 0 51px 0 0;
	padding: 8px 10px 0 10px;
	width: 220px;
}

div#services h4#services_title{
	background: url(../imgs/title_services.png) no-repeat 0 -5px;
	height: 30px;
	overflow: hidden;
	padding-top: 2px;
	width: 154px;
}
div#services ul li{
	color: #888888;
	font-family: "Arial", Verdana, Arial;
	font-size: 12px;
	text-shadow: #ffffff 0 1px 0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 17px;
	list-style-type: disc;
}

div#about_me {
	background: url(../imgs/bg_about.png) no-repeat 0 0;
	display: inline;
	float: left;
	height: 260px;
	margin: 0px;
	width: 220px;
	padding-top: 8px;
	padding-right: 10px;
	padding-left: 10px;
}

div#about_me h4#about_title{
	background: url(../imgs/title_about.png) no-repeat 0 -5px;
	height: 30px;
	overflow: hidden;
	padding-top: 8px;
	width: 178px;
}

div#about_me p.content {
	color: #444646;
	font-size: 14px;
	line-height:1.6em;
	margin-top: 7px;
	text-shadow: #ffffff 0 1px 0;
	font-family: "Arial";
}


/* @end */
/*
	Content
*/

#content3 { border-top: 1px dashed #333; border-bottom: 1px dashed #333; }
#content3 ul { list-style: none outside; padding: 10px 0 35px 0; }

#content3 ul li { 
	display: block;
	padding-left: 7px;
	line-height: 12px;
	padding-bottom: 10px; 
	margin-left: 3px; 
	background: url(../images/list-bg.gif) no-repeat 0 4px; 
}
.cl { clear: both; height: 0; line-height: 0; font-size: 0; text-indent: -4000px; }

#content3 ul li a { color: #6b7ead; line-height: 12px; }

.col-left {
	float: left;
	display: inline;
	width: 540px;
	border-right: 1px dashed #333;
	padding: 20px 20px 5px 0;
}
.col-right { float: right; display: inline; width: 435px; padding: 20px 20px 5px 0; }


/* @group Footer */

/************/
/* footer */


/*div#footer p span {
	color: #c3c3c3;
	font-size: 11px;	
	text-shadow: #000000 0 1px 0;
}*/

div#footer p span {
	color: #0c1729;
	text-shadow: #3f4e67 0 1px 0;
}
#footer_left {background:url(../imgs/footer.png) repeat-x bottom; width:100%; height:227px; margin-top:-60px; overflow:visible; z-index:2; position:relative;
}
#footer {
	background: url(../images/img04.jpg) repeat-x top left;
	height: 97px;
}

div#footer p {
	color: #e8d4af;
	font: normal 12px "Arial", Verdana, Arial;
	padding: 10px 0 0 10px;
	text-align: center;
	text-shadow: #3f4e67 0 1px 0;
}

#footer a {
	color: #3A2905;
}

/* @end */

/* @end */