/* MEYER RESET v1.0*/
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}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* GENERAL */
body { margin:0; font-size: 62.5%; font-family: Helvetica, Arial, sans-serif; }
strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, monospace; }
hr, p, ul, ol, dl, pre, blockquote, table, form { margin-bottom: 1.6em; }
code, pre { color: #c33; }
/* HEADINGS */
h1 { font-size: 1.9em; line-height: 1.2em; margin: 1em 0 .5em; }
h2 { font-size: 1.7em; line-height: 1.2em; margin: 1.07em 0 .535em; }
h3 { font-size: 1.5em; line-height: 1.2em; margin: 1.14em 0 .57em; }
h4 { font-size: 1.3em; line-height: 1.2em; margin: 1.23em 0 .615em; }
h5 { font-size: 1.2em; line-height: 1.2em; margin: 1.33em 0 .67em; }
h6 { font-size: 1em; margin: 1.6em 0 .8em; }
/* TABLES */
table { border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
th, td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; padding: .8em; }
/* LISTS */
dt { margin-top: .8em; margin-bottom: .4em; }
ul { margin-left: 1.5em; }
ol { margin-left: 2.35em; }
ol ol, ul ol { margin-left: 2.5em; }
/* FORMS */
textarea, input { padding: .3em .4em .15em .4em; }
select { padding: .1em .2em 0 .2em; }
option { padding: 0 .4em; }
form div { margin-bottom: .8em; }
/* LINKS */
a { position: relative; padding: 0.3em 0 .1em 0; }
a:link { text-decoration: underline; color: #36c; }
a:visited { text-decoration: underline; color: #99c; }
a:hover { text-decoration: underline; color: #c33; }
a:active, a:focus { text-decoration: underline; color: #000; }
/* GRID */
.container, .clearfix { overflow: hidden; width: 950px; }
.container { font-size: 1.2em; line-height: 1.35em; margin:0 auto; }
.showgrid { background:url(../images/grid.png); }
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23 {float:left;margin-right:10px;}
div.span-24 {float:left;}
div.last {margin-right:0;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-24, div.span-24 {width:950px;}
.push-1 {margin:0 -40px 1.5em 40px;float:right;position:relative;}
/* styles for site */
body { background: #FFFFFF; color: #555; }
a:link, a:visited, a:active { color: #C00; text-decoration: none; }
a:hover { text-decoration: underline; }
acronym { text-decoration: underline; }
/* headings */
h1, h2 { margin-top: 0; }
h1 + h1 { margin-top: 1em; }
h1 + h2, h2 + h2 { margin-top: 1.07em; }
/* general */
.fancy {
font-weight: normal;
color: #555;
text-shadow: 1px 1px 1px #FFF;
font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
}
/* forms */
textarea, input[type="text"] { margin-bottom: 1em; color: #AAA; }
form.home input[type="text"], form.home textarea { width: 50em; }
/* site template */
#header_wrap { height: 130px; padding-top: 2em; border-top: 2px solid #FFF; border-bottom: 1px solid #E7E7E7;
background: #FFF; position: relative;
}
#header_wrap .container { height: 130px; position: relative; overflow: visible; }
#logo { overflow: hidden; width: 294px; height: 170px; }
#logo-home { padding-left: 1em; }
#logo-nothome { position: absolute; left: 90px; top: 20px; }
#logo-txt { position: absolute; left: 0; top: 60px; }
#content_wrap { border-top: 1px solid #FFF; padding-top: 20px; background: #F3F3F3 url(../images/metal_tile.jpg) repeat-x 0 0; }
#content { padding: 2em 0 0; position: relative; }
h1 { clear: left; font-size: 2.5em; padding: 1em 0 0.5em; margin: 0; }
h2 { clear: left; padding: 1em 0; margin: 0; border-bottom: 1px solid #E7E7E7; }
/* menus */
ul.menu { list-style: none; overflow: hidden; margin: 0; float: right; }
ul.menu li { display: inline-block; }
ul.menu a { display: inline-block; padding: 0 2em 0 0.5em; text-decoration: none; }
#menu_main { overflow: hidden; font-size: 1.25em; line-height: 1em; position: absolute; bottom: 1em; right: 0; text-transform: uppercase; font-weight: bold; }
#menu_main li { border-left: 1px solid #E7E7E7; }
#menu_main a { text-shadow: 2px 2px 2px #FFF; color: #777; }
#menu_main a:hover { color: #C00; }
#menu_main span { display: inline-block; padding-top: 0.5em; font-size: 0.75em; text-transform: none; font-weight: normal; }
#menu_main .selected { color: #C00; }
/* home page */
#intro { float: left; width: 600px; font-size: 1.75em; line-height: 1.15em; word-spacing: 0.2em; letter-spacing: 0.05em; margin: 0; color:#000; }
#intro span.name { font-size: 1.75em; color: #333; text-shadow: 1px 1px 2px #FFF; display: inline-block; padding: 0.5em 0 1em 0; }
#intro a { color: #333 }
#intro .soft a { text-decoration: underline; }
#intro .soft { display: inline-block; color: #999; font-size: 0.75em; line-height: 1.5em; }
#intro a.soldier { color: #8F591A; }
#intro a.hero { color: #F00; }
#intro a.ninja { color: #000; }
#intro a.geek { color: #0D6F1B; text-shadow: 0px 0px 5px #36A92A; }
/* sliders */
.slider { position: relative; overflow: auto; position: absolute; top: 0; left: 0; }
.slider ul { list-style: none; position: absolute; top: 0; left: 0; margin: 0; width: 32700px; }
.slider ul li { display: block; }
/* home page portfolio slider */
#portfolio-slider {
float: right;
overflow: hidden;
width: 280px;
height: 215px;
-moz-box-shadow:0px 0px 10px #CCC;
-webkit-box-shadow:0px 0px 10px #CCC;
background: #202834 url(loading.gif) no-repeat 50% 50%;
position: relative;
margin-right: 10px;
margin-bottom: 4em;
border: 1px solid #BBB;
}
#portfolio-slider ul { background: #eee; }
#portfolio-slider ul li { height: 215px; width: 280px; float: left; padding: 0; margin: 0; }
/* home page twitter slider */
#twitter {
float: left;
clear: both;
width: 940px;
height: 5em;
position: relative;
font-weight: bold;
font-size: 1.25em;
overflow: visible;
}
#twitter .triangle { position: absolute; right: 820px; top: 10px; border: 15px solid transparent; border-right: 20px solid #B5E4F4; border-bottom: 5px solid transparent; }
#twitter .padding {
background: #B5E4F4;
overflow: hidden;
float: right;
position: relative;
font-size: 1em;
line-height: 1.5em;
width: 820px;
height: 1.5em;
padding: 0.5em 0;
-moz-border-radius: 5px;
color: #000;
}
#twitter .padding a { color: #0383B2; text-decoration: underline; }
#twitter .time { color: #000; font-weight: normal; display: none; }
#twitter img { position: absolute; bottom: 0; }
#twitter ul { margin-left: 0; padding: 0; list-style: none; }
#twitter ul li { float: left; position: relative; width: 800px; padding-bottom: 3em; padding: 0.5em 10px; vertical-align: middle; display: block; }
/* footer */
#footer_wrap { background: #FFF; border-top: 1px solid #DDD; padding: 1em 0; font-size: 0.9em; }
#footer_wrap .container { text-align: right; }
/* portfolio */
.entry {
float: left; clear: left; padding: 40px 0; width: 100%;
border-top: 1px solid #FFF;
border-bottom: 1px solid #E7E7E7;
position: relative;
}
.entry h2 {
clear: none;
padding: 0 0 0.5em 0; margin: 0;
border: 0 none;
font-size: 2em; font-weight: normal; color: #C00;
text-shadow: 1px 1px 1px #FFF; font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
}
.entry + h2 { border-top: 1px solid #FFF; }
div.colours {
float: left; clear: left;
border: 1px solid #CCC; padding: 2px 3px 3px; background: #FFF; margin: 0 45px 0 25px;
-moz-box-shadow: 0 0 10px #CCC;
-webkit-box-shadow: 1px 1px 7px #CCC;
-moz-border-radius: 5px;
}
div.colours div { width: 30px; height: 30px; margin-top: 1px; }
#portfolio .item { float: left; width: 842px; }
#portfolio { float: left; padding-bottom: 2em; }
#portfolio .entry img.piece {
float: left; border: 1px solid #CCC; padding: 3px; background: #FFF; margin: 0 45px 0 25px;
-moz-box-shadow: 0 0 10px #CCC;
-webkit-box-shadow: 1px 1px 7px #CCC;
-moz-border-radius: 5px;
}
#portfolio .entry .tech { float: left; font-size: 0.75em; color: #888; font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; }
#portfolio .entry .tech img { margin-right: 2em; border-bottom: 1px solid #CCC; padding-bottom: 1px; vertical-align: middle; }
#portfolio .entry p { float: left; margin: 0 0 1em 0; width: 590px; }
.final { border-bottom: 0 none; }
/* anville */
#anville { float: left; padding-bottom: 2em; }
#anville .entry { padding-bottom: 60px; }
#anville .abraham { padding-bottom: 40px; }
#anville .entry .padding { float: left; position: relative; width: 285px; }
#anville .entry img.mugshot { float: left; position: relative; width: 250px; height: 250px; margin-left: 25px; border: 1px solid #AAA; padding: 4px; background: #FFF; -moz-box-shadow: 0 0 10px #CCC; -webkit-box-shadow: 0 0 10px #CCC; }
#anville .entry p.name { font-size: 1.5em; padding: 0.5em; margin: 0; text-align: center; }
#anville .entry img.anvil { position: absolute; right: -50px; bottom: -35px; }
#anville .abraham img.anvil { right: -62px; bottom: -25px; }
#anville .slogan { color: #666; font-size: 1.25em; padding-bottom: 2em; }
#anville div.text { float: left; width: 515px; margin-left: 125px; }
#anville div.text span { text-decoration: underline; }
#anville p.links a { margin-right: 2em; }
#anville h1 { border-bottom: 1px solid #E7E7E7; padding-bottom: 2em; }
/* services */
#services { color: #444; clear:left; font-size: 1.35em; padding: 2em 0 2.5em; line-height: 1.25em; width: 500px; text-align: justify; }
#footer_wrap .container { overflow: visible; position: relative; }
#footer_wrap #twitterbird { position: absolute; top: -57px; left: 0; z-index: 101; padding: 0; }
.quicklinks { float: left; padding-bottom: 5em; }
.quicklinks h2 { padding: 1em 0 0.5em; }
.quicklinks ul { border-top: 1px solid #FFF; clear: left; list-style-type: disc; padding: 1em 0 2em 2em; margin: 0; color: #CCC; }
.quicklinks li { padding: 1em 0 0 0; }
.totop { position: absolute; right: 0; bottom: 0; }
.totop a { color: #CCC; }
.totop a:hover { color: #C00; }
/* contact form */
#auto_contact_form { width: 400px; }
#auto_contact_form input, #auto_contact_form textarea { width: 100%; color: #666; }
#auto_contact_form #auto_contact_form_go { width: auto; color: #333; }
#auto_contact_form .cf_errors, .email-error { border: 2px solid #FBC2C4; background:#FBE3E4; color:#8a1f11; }
.email-success { border: 2px solid #C6D880; background:#E6EFC2; color:#264409; }
#auto_contact_form .cf_errors, .email-success, .email-error { padding: 0.5em; font-weight: bold; font-size: 1.1em; line-height: 1.25em; }
#auto_contact_form ul.cf_errors { padding-left: 2em; margin: 0 0 2em; }
/* contact us */
.contact .span-11, .contact .span-12 { padding-bottom: 2em; }
#map_canvas { width: 468px; height: 280px; border: 1px solid #000; }
#vcard .org { font-size: 1.5em; line-height: 1.25em; padding-bottom: 0.75em; }
.contact .intro { font-size: 1.25em; }
.contact .adr, .contact .geo, .contact .url, .contact .email { padding: 0 0 1em 0; }
#vcard a.url, #vcard a.email { display: block; }
#vcard .geo { text-align: right; }
.nb { font-size: 1.5em; padding-top: 1em; }
.errorpage { float: left; padding-bottom: 2em; }
/*IE WARNING*/
#ie-warning { z-index: 999; margin: 0; position: absolute; top:0; left: 0; width:100%; line-height: 1.5em; padding: 0.5em 0; background:#F00; border-top: 2px solid #000; border-bottom: 2px solid #000; text-align:center; color: #fff; font-size: 1.2em; }
#ie-warning p { margin: 0; padding: 0; }
#ie-warning .warning { font-weight:bold; }
#ie-warning a { text-decoration: underline; color: #FFF; font-weight: bold; }
#ie-warning a:hover { color: #000; }