/*
DEV EE BUILD by ZEST WEB DESIGN v0.1

1.IMPORT
2.LAYOUT
3.HEADINGS
4.LINKS
5.IMAGES
6.NAVIGATION
7.HEADER
8.FOOTER
9.FORMS
10.WORK
*/

/* --------- 1.IMPORT --------- */

@import url(reset.css);


/* --------- 2.LAYOUT --------- */
html {background: url(../images/pattern_1.gif) 0 0 repeat;}
body {font: 13px/1.5 Helvetica, Arial, sans-serif, Verdana; color: #333; padding-top: 20px;}
#header {width: 940px; margin: 0px auto 3px auto; background: url(../images/trans-black.png) 0 0 repeat; height:160px; padding: 30px 20px 10px 20px;}
#content {width: 940px; margin: 0px auto 3px auto; background: url(../images/trans-white.png) 0 0 repeat;  padding: 20px 20px 20px 20px;}
.clear {clear: both;}
.third {width: 300px; padding-top: 10px; padding-bottom: 20px; float:left; margin-right: 20px;}
.last {margin-right: 0px;}
#text-page-text { width:620px; margin-top: 20px; float:left; }
#partners { width: 280px; float:left; margin-left: 20px; padding:10px; background: url(../images/trans-grey.png) 0 0 repeat;}
#home-headline {background-color:#b11a79; padding:10px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#features { margin-top: 20px; }
#features ul li { background-color:#F0F0F0; display: block; float:left; height: 75px; width:210px; margin-right: 20px; padding:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#features ul li.last { margin-right: 0px;}
#features ul li img {float:right;}

/* --------- 3. FONTS --------- */
h1 a {font-family:Futura; font-stretch: condensed; color:#FFFFFF; font-size:400%; letter-spacing: -0.05em; line-height: 0.3em; text-decoration: none;}
h2 a {font-family:Futura; font-stretch: condensed; color:#005dc7; font-size:400%; letter-spacing: -0.03em; line-height: 0.5em; text-decoration: none;}
h2 span {color:#b11a79;}
h3 {font-family: Georgia,serif; color: #679dc9; font-size:260%; margin-bottom: 0px; margin-top: 20px; }
#home-headline h3 {font-family: Georgia,serif; color: #FFF; font-size:230%; margin-bottom: 0px; margin-top: 0px;}
#partners h3 {font-size: 210%; margin-top: 5px;}
h4 {font-family: Georgia,serif; color: #b11a79; font-size:150%; letter-spacing: -0.03em; margin-bottom:0px; margin-top: 10px;}
#partners h4 {margin-top: 20px; margin-bottom: 5px; font-size:120%;}
p {margin-bottom: 10px; }
#features ul li h4 {margin-top: 0px; margin-bottom: 0px; font-size:105%;}
#features ul li p {font-size: 88%;font-weight:bold;}
#partners p {font-size: 90%;}
b, strong {font-weight:bold;}
a {color:#b11a79;}
a:hover {color:#679dc9;}
a.button-link {background-color: #b11a79; padding:5px 5px; color: #FFF; font-size: 110%; text-decoration: none; margin-top: 20px;}
a:hover.button-link {background-color: #679dc9;}

/* --------- 3.HEADINGS --------- */

/* --------- 4.LINKS --------- */


/* --------- 5.IMAGES --------- */
.about-image {float:right; margin:0 0 20px 20px; border:10px #F0F0F0 solid;}
.partner-image {float:left; margin:20px 10px 10px 0; }
.third img {border:10px #F0F0F0 solid; margin-bottom: 10px;}

/* --------- 6.NAVIGATION --------- */
ul.main_nav {margin-top: 10px;}
ul.main_nav li {font-family:Futura; font-size:170%; letter-spacing: -0.03em; color:#679dc9; display:inline;line-height: 1em; border-right: #679dc9 2px solid; padding: 0 5px 0 0;}
ul.main_nav li.last {border-right: 0px;}
ul.main_nav li a {color:#679dc9; text-decoration: none;}
ul.main_nav li a:hover {color:#679dc9; text-decoration: underline;}

/* --------- 7.HEADER --------- */

/* --------- 8.FOOTER --------- */
#footer {width: 940px; margin: 0px auto 20px auto; background: url(../images/trans-black.png) 0 0 repeat; padding: 20px 20px 0 20px;}
.contact-box {border-top: #679dc9 solid;}
.company-box {border-top: #679dc9 solid;}
.other-stuff-box {border-top: #679dc9 solid;}
#footer h2 {font-size:160%; color: #679dc9; letter-spacing: -0.01em; margin-bottom: 20px; font-stretch: normal;}
#footer p {color: #FFFFFF;}
#footer a {color: #FFFFFF;}
#footer a:hover {color: #679dc9;}
#footer li {color: #FFFFFF; margin-bottom: 10px; font-size: 90%;}

/* --------- 9. FORMS --------- */
fieldset {padding : 0; border-width : 0;}
label, label span { display : block;}
label span { margin-bottom : .10px;}
label em { font-weight : normal; font-style : normal;}
fieldset input[type="text"], textarea, #keywords { padding : 2px; background-color : #FFFFFF; border : 2px solid #679dc9; font : inherit Helvetica, Arial, sans-serif;}
fieldset input[type="text"]:hover, textarea:hover, #keywords:hover { border-color : #679dc9;}
#contact_form .button {background-color: #b11a79; padding:5px 5px; color: #FFF; font-size: 110%; margin-top: 20px; border:none;}
#contact_form .button:hover {background-color: #679dc9;}

#enhanced_form #contact_form {margin-top: 0px;}
#enhanced_form #contact_form label { overflow :hidden; margin-bottom :10px;}
#enhanced_form #contact_form label span { float :left; width :29%;  margin-right :1%; color:#000000;}
#enhanced_form #contact_form label input[type="text"] { width :75%;}
#enhanced_form #contact_form textarea {width :75%; height :120px;}
#enhanced_form #contact_form .textarea span {display :none;}

#footer #contact_form {margin-top: 0px;}
#footer #contact_form label { overflow :hidden; margin-bottom :10px;}
#footer #contact_form label span { float :left; width :29%;  margin-right :1%; color:#FFFFFF;}
#footer #contact_form label input[type="text"] { width :95%; }
#footer #contact_form textarea {width :95%; height :60px;}
#footer #contact_form .textarea span {display :none;}

/* --------- 10. WORK --------- */
ul.work-list {margin-top: 30px;}
ul.work-list li {margin-bottom: 30px; padding: 20px 0 0px 0; border-top:1px #CDCDCD solid;}
ul.work-list li img {border:10px #F0F0F0 solid;}
.work-item-img {float:left;}
.work-item-text {float:left; width: 430px; margin-right: 20px;}

/* --------- 11. NEWS --------- */
ul.news-list {margin-top: 30px;}
ul.news-list li {margin-bottom: 30px; padding: 20px 0 0px 0; border-top:1px #CDCDCD solid;}
ul.news-list li h4 {margin-bottom: 0px;}
ul.news-list li img {border:10px #F0F0F0 solid;}
.news-item-img {float:left;}
.news-item-text {float:left; margin-left:20px; width: 600px;}