/*
	version: 1.0
	author: Erik Gyepes
	email: erik.gyepes@youweyoucoding.com
	website: http://youweyoucoding.com

	created by youweyoucoding.com 2010
*/

/* =Eric Meyer's CSS Reset v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


/* =GENERAL */
strong { font-weight: bold; }
em { font-style: italic; }

body { background: #000 url(images/body_bg.jpg) no-repeat 50% 0; color: #FFF; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; }
#wrapper { margin: 40px auto; width: 960px; }


/* =HYPERLINKS */
a { color: #FFF; outline-style: none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }


/* =HEADER */
#header { height: 130px; }
#header h1 a { background: url(images/logo.png) no-repeat 0 0; display: block; height: 50px; line-height: 50px; overflow: hidden; position: relative; text-indent: -9999px; width: 344px; }


/* =MAIN */
#main { position: relative; }

.intro { width: 584px; }
.intro h2 { background: url(images/psd_to_wordpress.png) no-repeat 0 0; height: 44px; margin-bottom: 70px; text-indent: -9999px; width: 584px; }
.intro p { font-size: 18px; line-height: 28px; }
a.btn { background: url(images/btn_bg.png) no-repeat 0 0; float: right; font-size: 18px; font-weight: bold; height: 41px; line-height: 41px; margin-top: 70px; padding-right: 20px; text-align: center; width: 220px; }
a:hover.btn { color: #EEE; }

.benefits h3 { color: #6FCC30; font-size: 24px; margin: 100px 0 30px 100px; text-transform: uppercase; }
dl { clear: both; width: 584px; }
dt { font-size: 18px; font-weight: bold; height: 60px; padding-left: 100px; }
dd { line-height: 20px; margin: -20px 0 30px 0; padding-left: 100px; }
dt.valid_code { background: url(images/valid_code_icon.png) no-repeat 0 0; height: 47px; }
dt.compatibility { background: url(images/browsers_icon.png) no-repeat 0 0; height: 57px; }
dt.price { background: url(images/wallet_icon.png) no-repeat 0 0; }
dt.delivery { background: url(images/clock_icon.png) no-repeat 0 0; }
dt.support { background: url(images/support_icon.png) no-repeat 0 0; }
dt.project_management { background: url(images/project_management_icon.png) no-repeat 0 0; }
dt.worldwide { background: url(images/worldwide_icon.png) no-repeat 0 0; }
dt.wordpress { background: url(images/wordpress_icon.png) no-repeat 0 0; }
dt.friendly { background: url(images/friendly_icon.png) no-repeat 0 0; }

form { background: #ccc; position: absolute; right: 0; top: 0; padding: 15px; width: 250px; }
form label { color: #000; line-height: 20px; padding-left: 8px; display: block; font-weight: bold; text-transform: uppercase; }
form input.text { background-color: #FFF; border: 1px solid #CCC; height: 25px; line-height: 25px; margin-bottom: 10px; padding: 0 10px; width: 180px; }
form textarea { background-color: #FFF; border: 1px solid #CCC; margin-bottom: 10px; height: 130px; padding: 10px; resize: none; width: 230px; }
form input.submit { background: #FFF; border: none; color: #000; cursor: pointer; float: right; font-weight: bold; padding: 5px 10px; text-transform: uppercase; }
form,
form input.text,
form textarea,
form input.submit { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.outro { line-height: 20px; margin: 70px 0 0 100px; width: 514px; }
.outro h3 { color: #6FCC30; font-size: 24px; margin: 0 0 30px 0; text-transform: uppercase; }

/* =FOOTER */
#footer { color: #585858; clear: both; text-align: right; }
#footer a { color: #585858; }


/* =MISC */
.clearer { clear: both; display: block; }