@charset "UTF-8";
@import url('reset.css');
@import url('typography.css');

/*============================

amoton2

www.amoton2.com

Version: 2.1
* Author: Antonio Moton 
* Question/Comment: antonio@amoton2.com

swatch colors
---------
ff8614 - orange
867a6f - h1 grey
afafa7 - h2 grey
cfc8bf - grey stroke
f3f1ef - footer color
	
==================================*/




/* Global styles */

body {
margin:0px;
padding:0px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color:#f3f1ef;
color:#5f5545;
font-size:14px;
line-height: 16px;
}
#main {
background: url(../img/img-main-bg.png) repeat-x;
background-color:#FFFFFF;
padding-bottom: 40px;
display:block;
}
.container {
width: 960px;
margin: 0 auto;
position:relative;
}

/*----------------- Global footer ----------------------*/

#footer {
background-color:#f3f1ef;
display:block;
padding-top:40px;
position:relative;
min-height:75px;
}
#mini_logo h1 {
margin:0px;
display:block;
text-indent:-9999px;
}
#mini_logo {
background:url(../img/footer-logo.png);
width:60px;
height:49px;
float:left;
}
#contact_info {
float:left;
margin-left:10px;
margin-top:13px;
}
#copywrite {
floght:right;
margin-left:420px;
margin-right:10px;
margin-top:13px;
}

/*-------------------- Global Header ------------------*/

#header {
background:url(../img/header-home-bg.png);
background-repeat:no-repeat;
height:335px;
position:relative;
padding-top:10px;
}
#logo {
margin-left:130px;
width:100px;
height:47px;
}
#menu {
margin-left:10px;
margin-right:10px;
height:68px;
position:relative;
border-bottom:1px;
border-bottom-style:solid;
border-bottom-color:#FFFFFF;
}
ul#nav {
margin:0px;
height: 52px;
padding-top:15px;
position:absolute;
right:0px;
}
ul#nav li {
display:inline;
margin-right:55px;
}
ul#nav li a {
text-decoration:none;
color:#ffc792;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
letter-spacing: 1px;
text-transform:uppercase;
}
ul#nav li a.active, ul#nav li a:hover {
color:#FFFFFF;
padding-bottom: 35px;
border-bottom: 3px;
border-bottom-color:#FFFFFF;
border-bottom-style:solid;
}

/*---------------- Homepage --------------------*/

/* Homepage Header */

#view_title h1 {
margin:0px;
display:block;
text-indent:-9999px;
}
#view_title {
background-image:url(../img/header-home-view.png);
background-repeat:no-repeat;
position:absolute;
margin-left:250px;
margin-top:32px;
width:540px;
height:171px;
}
/* Homepage Content*/

#gallery {
height:auto;
overflow:auto;
padding-left:10px;
padding-right:10px;
margin-bottom:30px;
}
/*featured work*/

#featured_work {
width:940px;
height:320px;
display:inline-block;
overflow:hidden;
border-bottom:1px;
border-bottom-style:solid;
border-bottom-color:#cfc8bf;
}
#featured_title h1 {
margin:0px;
display:block;
text-indent:-9999px;
}
#featured_title {
background:url(../img/img-home-featuredwork.png);
background-repeat:no-repeat;
float:left;
width:220px;
height:317px;
border-bottom:3px;
border-bottom-style:solid;
border-bottom-color:#cfc8bf;
}
#featured_image {
width: 220px;
height: 298px;
float: left;
margin-left:20px;
}
#featured_image img{
margin-bottom:15px;
border-bottom:5px;
border-bottom-style:solid;
border-bottom-color:#ff8614;;
}
/*view more gallery*/

#view_more {
height:805px;
width:940px;
margin-top:20px;
border-bottom:1px;
border-bottom-style:solid;
border-bottom-color:#cfc8bf;
}
#view_more_title h1 {
margin:0px;
display:block;
text-indent:-9999px;
}
#view_more_title {
background:url(../img/img-home-viewmore.png);
background-repeat:no-repeat;
float:left;
width:220px;
height:803px;
border-bottom:3px;
border-bottom-style:solid;
border-bottom-color:#cfc8bf;
}
#view_more_thumb {
width:160px;
height:220px;
float:left;
margin-left:20px;
margin-bottom:45px;
}
#view_more_thumb img {
margin-bottom:13px;
border-bottom:5px;
border-bottom-style:solid;
border-bottom-color:#ff8614;
}

/*---------------------- About ------------------------*/

/*about header*/

#about {
background-image:url(../img/header-about-bg.png);
background-repeat:no-repeat;
height:1300px;
background-color:#FFFFFF;
position:relative;
}
#about_header {
height: 282px;
position:relative;
padding-top:10px;
}
#learn_title h1 {
margin:0px;
display:block;
text-indent:-9999px;
}
#learn_title {
background-image: url(../img/header-about-learn.png);
background-repeat:no-repeat;
position:absolute;
margin-left:310px;
margin-top:33px;
width:631px;
height:170px;
}

/*about content*/

#about_content {
height: 950px;
width:640px;
float:right;
margin-top:55px;
margin-right:10px;
overflow: inherit;
}
#about_intro h1 {
margin:0px;
display:block;
text-indent:-9999px;
}
#about_intro {
background-image:url(../img/img_about_intro.png);
background-repeat:no-repeat;
width:640px;
height:110px;
margin-bottom:60px;
}
#row_1 {
margin-bottom: 42px;
}
#row_2 {
background-image:url(../img/img_about_lightbulb_textbg.png);
position:relative;
height: 385px;
margin-bottom:20px;
}
#p_col {
width:280px;
}
#row_3 {
width:640px;
height:160px;
position:relative;
}
#learn_more h1{
margin:0px;
display:block;
text-indent:-9999px;
}
#learn_more{
background-image:url(../img/img_about_learnmore.png);
background-repeat:no-repeat;
float:left;
height: 160px;
width: 280px;
}
#block {
width:120px;
height:120px;
background-color:#f1efed;
padding:20px;
float:left;
margin-left:20px;
}
/*----------------------work pages-----------------------*/

#work {
background-image: url(../img/header-work-bg.png);
background-repeat:no-repeat;
background-color:#FFFFFF;
position:relative;
}
#work_header {
position:relative;
padding-top:10px;
}
#work_projects {
height:62px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:12px;
font-style:normal;
font-weight:normal;
color:#afafa7;
margin-left:10px;
margin-right:10px;
margin-bottom:40px;
padding-bottom:30px;
padding-top:30px;
border-bottom:1px;
border-bottom-color:#FFFFFF;
border-bottom-style:solid;
}
#work_projects a{
color:#ffc792;
line-height:14px;
margin-bottom:14px;
text-decoration:none;
}
#work_projects a:hover{
color:#FFFFFF;
}
#work_content{
overflow: auto;
height:auto;
margin-left:10px;
margin-right:10px;
}
#work_about{
float:left;
width:340px;
margin-right:20px;
}
#work_about h1{
color:#FFFFFF;
font-weight:bold;
margin-bottom:70px;
}
#work_gallery{
float:left;
width:580px;
}
#work_gallery img{
margin-bottom:20px;
}
.projects_title {
width:340px;
float:left;
margin-right:20px;
}
.projects_title h3{
margin-bottom:14px;
}
.projects_title h1{
color:#FFFFFF;
font-size:36px;
font-weight:bold;
line-height:36px;
}
.projects_title img{
float:left;
margin-right:5px;
}
.projects_list {
width:100px;
float:left;
margin-right:16px;
}
ul#list li a{
line-height:20px;
}
/*-----------contact--------------*/

#contact{
background-image: url(../img/header-contact-bg.png);
background-repeat:no-repeat;
height:900px;
background-color:#FFFFFF;
position:relative;
}
/*contact header*/
#contact_header {
height: 282px;
position:relative;
padding-top:10px;
}
#chat_title h1 {
margin:0px;
display:block;
text-indent:-9999px;
}
#chat_title {
background-image: url(../img/header-contact-chat.png);
background-repeat:no-repeat;
position:absolute;
margin-left:250px;
margin-top:27px;
width:539px;
height:176px;
}
#contact_content {
width:640px;
height:450px;
margin-top:140px;
margin-left:250px;
}
#contact_intro h1{
margin:0px;
display:block;
text-indent:-9999px;
}
#contact_intro{
background-image: url(../img/img-contact-intro.png);
background-repeat:no-repeat;
width:590px;
height:115px;
margin-bottom:50px;
}
#contact_row1 h1, #contact_row1 h2{
margin-bottom:10px;
}
#contact_row1{
border-bottom:1px;
border-bottom-style:solid;
border-bottom-width:thin;
border-bottom-color:#cfc8bf;
padding-bottom:25px;
margin-bottom:40px;
}
#stalk_me h1{
margin:0px;
display:block;
text-indent:-9999px;
}
#stalk_me{
background-image:url(../img/img_contact_stalk.png);
background-repeat:no-repeat;
float:left;
margin-right:20px;
width:220px;
height:105px;
}
#social_links{
float:left;
width:220px;
}
#social_links img{
margin-right:5px;
}
#social_links h1{
margin-bottom:17px;
}