/* change default html styles */
* {
margin:0;
padding:0;
}

li {
list-style-type:none;
}

p {
line-height:1.5;
}

a img {
border-style:none;
}

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

.clearfix {
zoom:1;
}

body {
background:#fff url(../images/bg.gif) top repeat-x;
color:#574210;
font:normal 76% "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Verdana, sans-serif;
}

a {
color:#ee9414;
text-decoration:none;
}

a:hover {
background-color:#fff8eb;
border-bottom:1px solid #ffc676;
}

#pagewrapper {
width:850px;
margin:0 auto;
}

#banner {
float:right;
background:url(../images/banner_left.gif) left bottom no-repeat;
}

#banner p {
background:url(../images/banner_right.gif) right bottom no-repeat;
color:#6e6e6e;
padding:5px 9px;
}

#banner p strong {
color:#444;
}

#logo {
padding-top:18px;
padding-bottom:11px;
}

#logo div {
background:url(../images/logo.png) no-repeat;
}

#logo div a {
display:block;
width:180px;
height:49px;
}

#logo div a:hover {
background:none;
border:none;
}

#logo div a span {
display:none;
}

#menu {
margin-bottom:12px;
background:url(../images/menu_bottom.gif) bottom no-repeat;
}

#menu ul {
background:url(../images/menu_top.gif) top no-repeat;
padding:0 15px;
}

#menu li {
display:inline;
margin-right:20px;
font-size:1.1em;
line-height:2.2;
}

#menu li a {
color:#fff;
text-decoration:none;
}

#menu li a:hover {
background:none;
border-bottom:none;
text-decoration:underline;
}

#announcement {
border:1px solid #ccc;
}

#announcement a:hover {
background-color:none;
border:none;
}

#announcement .screenshot {
float:left;
padding-left:10px;
}

#announcement .logo {
margin-top:5px;
padding-bottom:5px;
}

#announcement p {
margin-left:440px;
}

h1 {
color:#ee9414;
padding-top:20px;
padding-bottom:3px;
font-family:"Century Gothic";
font-size:1.9em;
}

.content {
margin-bottom:0;
padding-top:0;
background:url(../images/bg_tagline.gif) top repeat-x;
}

.column1 {
float:left;
display:inline;
width:410px;
}

.column2 {
float:right;
display:inline;
width:410px;
}

.content h2 {
margin-top:27px;
margin-bottom:.75em;
padding-bottom:2px;
background:url(../images/bg_dot.gif) bottom repeat-x;
color:#86b514;
font-size:1.3em;
}

.content h3 {
font-weight:700;
font-size:1em;
margin-bottom:.5em;
}

.content dl.founders dd {
margin-bottom:2em;
}

.content p {
margin-bottom:1em;
}

.content .more {
text-align:right;
}

.img {
float:right;
display:inline;
width:191px;
height:129px;
margin-left:15px;
margin-bottom:15px;
background:url(../images/bg_img.gif) center center no-repeat;
}

.img img {
width:173px;
height:111px;
margin-left:9px;
margin-top:9px;
}

.right {
float:right;
}

.left {
float:left;
}

#footer {
clear:both;
margin-top:1em;
margin-bottom:2em;
background:url(../images/box_bottom.gif) bottom no-repeat;
color:#565656;
}

#footer #innerfooter {
background:url(../images/box_top.gif) top no-repeat;
padding:13px;
}

#copy {
float:left;
font-size:.8em;
}

#contact {
float:right;
font-size:1.1em;
text-align:right;
}

.case_study {
height:35em;
}

label {
display:block;
font-weight:700;
}

input {
color:#222;
font-size:1.2em;
border:1px solid #ccc;
width:270px;
padding:4px;
}

input:focus,textarea:focus {
background:#fffdeb;
}

.large_input {
border:1px solid silver;
width:500px;
height:100px;
margin-top:-15px;
padding:3px;
}

fieldset {
border:none;
width:550px;
}

#contact_form {
padding-left:10px;
}

#contact_form label {
float:left;
clear:left;
width:200px;
}

#contact_form textarea {
margin-left:200px;
}

#budget_slider {
margin-left:200px;
width:200px;
height:13px;
border-bottom:solid 1px #bbb;
}

#submit_btn {
border:none;
margin-left:200px;
width:auto;
padding:0;
}

#budget_amount {
background-color:#fff;
padding:3px;
}

#indicator {
background-image:url(../images/handle.gif);
background-color:transparent;
width:14px;
height:22px;
cursor:move;
top:0;
}

#message_container_ok {
background:url(../images/accept.gif) 10px 10px no-repeat;
border:2px solid #eee;
font-weight:700;
margin-bottom:2em;
padding:14px 14px 14px 42px;
}

#message_container_ooops {
background:url(../images/warning.gif) 10px 10px no-repeat;
border:2px solid #eee;
font-weight:700;
margin-bottom:2em;
padding:14px 14px 14px 42px;
}

#error_message {
padding-top:10px;
}

#error_message li {
margin-top:3px;
}

.client_thumb {
display:block;
background:#f4f4f4;
padding:4px;
}

.client_thumb:hover {
background:#ddd;
border:none;
}

.client_thumb img {
border:1px solid #cdcdcd;
}

a.casestudy {
font-size:.7em;
font-weight:700;
float:right;
margin-top:3px;
}

ul.details {
margin-top:46px;
margin-bottom:.75em;
padding-top:.75em;
background:url(../images/bg_dot.gif) top repeat-x;
color:#86b514;
text-align:right;
list-style-type:circle;
}

.screenshots li {
float:left;
margin-bottom:10px;
}

.screenshots .odd {
margin-left:10px;
}

blockquote {
font-style:italic;
background:#f8f8f8;
border:1px solid #dedede;
margin-bottom:10px;
color:#555;
padding:6px;
}

blockquote p {
margin-bottom:.7em!important;
}

cite {
float:right;
font-weight:700;
font-size:.9em;
font-style:normal;
}

h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,.required {
font-weight:400;
}