/*
    Document   : ie
    Created on : 27-abr-2010, 17:16:11
    Author     : Josemi Liébana
    Email      : me@josemi-liebana.com
*/

/* =========================================
   GLOBAL */

html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	line-height: 20px;
	font-family: "Georgia", "Times New Roman", "sanf-serif";
	font-size: 14px;
	color: #ffffff;
}

html {
	background: url("images/background.png") repeat-y scroll left top #b0b499;
}

/* @todo Width = 980 + padding (<- 40 + -> 40) = 1060 Decreate till 980 total*/
#wrapper {
	position: absolute;
	width: 940px;
	margin: 20px 0 0 -490px;
	padding: 40px;
	left: 50%;
    float: left;
}

p {
    font-size: 16px;
}

/* =========================================
   RESET */
  
div, h1, h2, h3, h4, h5, h6, p, ul, li {
	margin: 0;
	padding: 0;
}

a { 
	color: #ffffff;
	text-decoration: none;
    outline: none;
}

ul li { list-style: none }

input, textarea { outline: none; }

img, fieldset, form { border: 0; }

form,
fieldset  {
    margin: 0;
    padding: 0;
}

/* =========================================
   HEADING */

#header {
	float: left;
	display: inline;
	width: 100%;
	margin-bottom: 70px;
}

#header h1, #header h2 {
	color: #26435C;
	font-size: 10px;
	letter-spacing: 5px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	margin: 5px;
	float: left;
	display: inline;
} 

#header h2 {
	margin-left: 10px;
	font-weight: normal;
}

#header a {
	color: #26435C;
	text-decoration: none;
}

#header #language {
    position: absolute;
    top: -15px;
    right: 25px;
    font-size: 10px;
}

#header #language ul li {
    float: left;
    margin-right: 20px;
    color: #26435C;
}

#header #language ul li a {
    display: block;
    color: #FFFFFF;
}

#header #language ul li a:hover {
    color: #26435C;
}

/* =========================================
   SUB_HEADING */
  
#sub_header {
	float: left;
	display: inline;
	width: 100%;
	margin-bottom: 50px;
}

#sub_header #navigation {
	float: left;
	display: inline;
	width: 320px;
	padding: 40px 0 0 0;
}

#sub_header #navigation li {
	padding: 5px 0;
}

#sub_header #navigation a {
    display: block;
	font-size: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
    text-transform: uppercase;
	letter-spacing: 1px;
    word-spacing: 4px;
    margin-bottom: 10px;
    color: #f7f7f7;
}

#sub_header #block {
	float: right;
	display: inline;
	width: 490px;
	padding: 40px;
}

#sub_header #block a {
    text-decoration: underline;
}

#sub_header #block a:hover {
    color: #26435C;
}

#sub_header #block ul#social-network {
    margin-top: 20px;
    float: left;
    display: inline;
}

#sub_header #block ul#social-network li {
    float: left;
    display: inline;
    margin-right: 16px;
}

#sub_header #block ul#social-network li a {
    float: left;
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
}

/* =========================================
   CONTENT */
  
#content {
	float: left;
	display: inline;
	width: 100%;
}

/* =========================================
   WORK */

#work ul li {
    margin-bottom: 25px;
    padding-top: 25px;
    border-bottom: 1px dashed #26435C;
}

#work ul li.first {
    padding-top: 0;
}

#work ul li.last {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

#work h1 {
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

#work .images {
    height: 360px;
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
}

#work .images a {
    display: block;
}

#work .nav {
    visibility: hidden;
    position: absolute;
    margin-top: 140px;
    z-index: 9999;
}

#work .nav a {
    width: 80px;
    height: 80px;
    text-indent: -9999px;
}

#work .nav a.prev {
    background: url('images/prev.png');
    float: left;
    margin-left: 30px;
}

#work .nav a.next {
    background: url('images/next.png');
    margin-left: 830px;
}

#work .images a img {
    width: 920px;
    height: 330px;
    border: 10px solid #98A2A3;
    background: #98A2A3;
    float: left;
    display: none;
}

#work .images a img.first {
    display: inline;
}

#work .info {
    width: 100%;
}

#work p {
    clear: both;
    color: #D9DCD5;
    font-size: 14px;
}

#work p.next {
    position: relative;
    text-transform: uppercase;
    text-align: right;
    top: -20px;
    font-size: 12px;
}

#work p a.anchor { color: #4C5E6D; }

#work strong {
    float: left;
    display: inline;
    text-transform: uppercase;
    width: 200px;
    font-size: 12px;
}

#work ul li p.last{
    display: none;
}



/* =========================================
   ABOUT */

#about {
    float: left;
}

#about h2 {
    text-transform: uppercase;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.06em;
    word-spacing: 4px;
    margin-bottom: 25px;
}

#about p.uppercase {
    font-size: 15px;
}

/* =========================================
   CONTACT */

#contact .contact_info p,
#contact .contact_info address
{
    margin-bottom: 10px;
}

#contact .contact_info a {
    color: #DADDD7;
}

#contact .contact_info a:hover {
    color: #ffffff;
}

#contact p.weather {
    font-size: 14px;
    color: #DADDD7;
    margin-top: 20px;
    font-style: italic;
}

#contact .skype {
    margin-left: 50px;
}

#contact #josemi_photo {
    position: relative;
    top: 0;
    left: 0;
    width: 246px;
    height: 216px;
    overflow: hidden;
}

#contact #josemi_photo img {
    position: absolute;
    top: 0;
    left: 0;
}

#contact label {
    display: block;
    text-transform: uppercase;
    color: #4C5E6D;
    margin: 0;
}

#contact label.error {
    color:#A7386E;
    text-transform: none;
    position: relative;
    top: -80px;
    left: 70px;
}

input.home_input-text {
    border: 0;
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 0 10px 10px;
    width: 225px;
    background: url('images/input.png') no-repeat left 20px transparent;
    margin: 0 0 20px;
    display: block;
    clear: both;
    height: 28px;
}

textarea.home_textarea {
    width: 225px;
    padding: 0 10px 18px;
    min-height: 100px;
    margin: 0 0 20px;
    height: 100px;
    line-height: 22px;
    font-family: Arial,Helvetica,sans-serif;
    background: url('images/input.png') no-repeat left 18px transparent;
    font-size: 12px;
    color: #ffffff;
    border: 0;
    overflow: hidden;
}

input.home_submit, .home_submit {
    background: url("../img/send.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    color: #6E2F4E;
    font: italic bold 12px Georgia,Times New Roman,Times,serif;
    height: 50px;
    margin: -2px 10px 0 0;
    padding: 2px 10px 15px 12px;
    text-align: left;
    width: 250px;
    cursor: pointer;
}

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

#login {
    text-align: right;
}

#login a.signin {
    background: #98A2A3;
    color:#FFFFFF;
    font-weight: bold;
    padding: 6px 10px;
    margin-left: 15px;
}

#login a.signin:hover {
    color: #26435C;
}

#login a.menu-open {
    color: #26435C;
    padding-bottom: 20px;
}

#signin_menu {
    display: none;
    background: #98A2A3;
    position: absolute;
    z-index: 100;
    border: 1px transparent;
    text-align: left;
    padding: 12px;
    top: 72.5px;
    right: 40px;
    margin-top: 5px;
    margin-right: 0px;
    color: #789;
    font-size: 12px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}

#signin_menu {
    color: #ffffff;
}

#signin_menu form {
    margin-bottom: 0;
}

input.signin_menu_input-text
{
    border: 1px solid #26435C;
    font-size: 11px;
    margin: 0 25px 0px 5px;
    padding: 5px;
    width: 200px;
    height: 15px;
    color: #26435C;
}

input.signin_menu_input-submit {
    border: 0;
    padding: 4px 7px;
    position: relative;
    right: -4px;
    background: #ffffff;
    color: #26435C;
    font-size: 12px;
    font-weight: bold;
}

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

#footer {
    display: inline;
    float: left;
    width: 100%;
}

#footer .unit {
    font-size: 25px;
    font-style: italic;
    width: auto;
}

#footer .unit-right {
    float: right;
}

/* =========================================
   GENERAL CLASSES */

.clear {
	clear: both;
}

div.line {
	border-top: 1px solid #98A2A3;
	width: 100%;
	margin: 50px 0;
	padding: 10px 0 0;
	font-size: 12px;
}

div.line h3 {
    font-weight: normal;
    color: #98A2A3;
    text-transform: uppercase;
}

div.line a.anchor {
	float: right;
	display: inline;
    text-transform: uppercase;
	margin-top: -20px;
	color: #4C5E6D;
}

.columns .unit
{
    float: left;
    display: inline;
    margin: 0 20px 50px;
    padding: 10px;
    width: 246px;
}

.rounded {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.round-bottom {
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.round-top {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.error {
    color: #EB5C7A;
}

.ok {
    color: green;
}

.left {
    float: left;
    display: inline;
}

.right {
    float: right;
    display: inline;
}

/* =========================================
   MESSAGE INSIDE TAGS */

#message label {
    display: block;
    padding: 5px;
}
/* =========================================
   JQUERY EFFECTS */

.unit-hover {
    background: #98A2A3;
}

/* =========================================
   SOCIAL NETWORK ICONS */

.buzz {
    background: url("images/icons/buzz.png");
}

.buzz:hover {
    background: url("images/icons/buzz-hover.png");
}

.facebook {
    background: url("images/icons/facebook.png");
}

.facebook:hover {
    background: url("images/icons/facebook-hover.png");
}

.twitter {
    background: url("images/icons/twitter.png");
}

.twitter:hover {
    background: url("images/icons/twitter-hover.png");
}

.delicious {
    background: url("images/icons/delicious.png");
}

.delicious:hover {
    background: url("images/icons/delicious-hover.png");
}

/* =========================================
   THIRD PARTY THINGS */

#skypedetectionswf {
    display: none;
}

#messagify-close-button a {
    color: #DADDD7;
    font-family: Helvetica;
}

#messagify-close-button a:hover {
    color: #FFFFFF;
}

#recaptcha_area {
    background-color: #FFFFFF;
    margin:5px 0;
}

/*
 * COLOR LEGEND
 * 
 * Dark Blue:       #26435C;
 * Light Blue:      #98A2A3;
 * Light Grey:      #D9DCD5;
 * Bright Purple:	#6E2F4E;
 * Light Purple:    #5F3E4F;
 * White:           #FFFFFF;
 * 
 ********************************/