/* 
	Resets defualt browser settings
*/
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,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-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
body { line-height:1; color:black; background:white; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }

/* 
	Clears floats
*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/*
	Page style
*/
html, body { height:100%; }
body { background:#0f1319 url(/img/bg-body.png) repeat-y top center; font:normal 100%/1.13em "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, "Lucida Grande", sans-serif; color:#77b3ba; font-weight: 300; line-height:1.5; }
#container { background-color:#1b2630; width:960px; height:100%; margin:0 auto; position:relative; font-size:.81em; }
#head { height:92px; position:relative; background:url(/img/bg-head.png) bottom left; }
#billboard { height:136px; position:relative; background:url(/img/bg-billboard.png) bottom left; }
#content { padding:44px 40px 24px; position:relative; background:url(/img/bg-content.png) bottom left; }
#footer { clear:both; position:relative; font-size:0.83em; padding:33px 40px 0; min-height:400px; height:auto !important; height:400px; background:#1b2630 url(/img/bg-footer.png) no-repeat top left; }

#logo { position:absolute; top:0; right:-10px; 	}

#billboard .tab { position:absolute; color:#fff; font-size:.81em; line-height:13px; padding:21px 20px 0 32px; top:36px; left:-9px; width:138px; height:72px; background:url(/img/bg-tab.png) no-repeat top left; }
#billboard .tab div { display:none; }
#billboard .content { position:absolute; top:0; left:191px; }
#billboard .content h1 { margin:36px 0 9px; background:url(/img/h1-were-pollinate.png) no-repeat top left; display:block; height:0; padding-top:35px; width:308px; overflow:hidden; }
.ie6 #billboard .content h1 { background:url(/img/h1-were-pollinate.gif) no-repeat top left; }
#billboard .content h2 { margin-left:2px; background:url(/img/h2-tagline.png) no-repeat top left; display:block; height:0; padding-top:21px; width:503px; overflow:hidden; }
.ie6 #billboard .content h2 { background:url(/img/h2-tagline.gif) no-repeat top left; }

#content div.left { float:left; width:420px; padding-right:19px; border-right:1px solid #2e434d;}
#content div.right { float:left; width:420px; padding-left:20px; }
#content ul.left { float:left; width:178px; margin-top:21px; }
#content ul.right { float:left; width:178px; margin-top:21px; }
#content .icon { float:left; margin:4px 15px 0 0; }
#content .left h2 { margin-bottom:17px; background:url(/img/h2-a-full-service-interactive-firm.png) no-repeat top left; display:block; height:0; padding-top:21px; width:328px; overflow:hidden; }
.ie6 #content .left h2 { background:url(/img/h2-a-full-service-interactive-firm.gif) no-repeat top left; }
#content .right h2 { margin-bottom:13px; background:url(/img/h2-kindred-spirits.png) no-repeat top left; display:block; height:0; padding-top:25px; width:162px; overflow:hidden; }
.ie6 #content .right h2 { background:url(/img/h2-kindred-spirits.gif) no-repeat top left; }

#footer .icon.pollinate { position:absolute; top:35px; right:-8px; }
#footer h2 { margin-bottom:10px; background:url(/img/h2-get-in-touch.png) no-repeat top left; display:block; height:0; padding-top:18px; width:120px; overflow:hidden; }
.ie6 #footer h2 { background:url(/img/h2-get-in-touch.gif) no-repeat top left; }
#location,#dial,#mail { float:left; width:35px; height:35px; margin-right:9px; }

h1 { font-size:1.75em; font-weight:normal; }
h2 { font-size:1.50em; font-weight:normal; }
h3 { font-size:1.5em; font-weight:normal; letter-spacing:-.25px; margin:0 0 4px; }
p { margin:0 0 1em;}
a:link, a:visited { color:#64989f; text-decoration:none; border-bottom:1px dotted #64989f; }
a:hover, a:active { color:#486b76; border-bottom:1px dotted #486b76; }

div.popup { position:absolute; display:none; z-index:50; background: url(/img/arrow.png) no-repeat bottom center; padding-bottom:16px; }
.ie div.popup { background:url(/img/arrow.gif) no-repeat bottom center; }
div.popup .content { background:#e21b15 url(/img/bg-bubble.png) top left; border-top:1px solid #f44b1b; border-left:1px solid #f44b1b; border-right:1px solid #f44b1b; padding:10px; -moz-border-radius:8px; -webkit-border-radius:8px; font-size:1em; color:#fff; line-height:11px; letter-spacing:.5px; }
div.popup p { margin:0; }
div.popup a { color:#FFD7D8; border-bottom:1px dotted #FFD7D8; margin-bottom:9px;}
div.popup .map { margin-bottom:12px; display:block; }
div.popup .headline { margin-bottom:4px; }
#location div.popup .headline { float:left; margin:3px 8px 4px 4px; }
div.popup div.right { float:left; margin-left:2px; }
.ie6 div.popup div.right { width:150px; }
#dial,#mail { text-align:center; font-size:1.13em; }
.ie6 #dial p,.ie6 #mail p { width:150px; }
.trigger { cursor:pointer; }

a.request_portfolio { position:absolute; top:30px; left:40px; background-image:url(/img/btn_request_portfolio.png); background-repeat:no-repeat; overflow:hidden; display:block; background-position:0 0; width:150px; height:0; padding-top:28px; border-bottom:0;}
a:hover.request_portfolio { background-position:0 -28px; }
a:active.request_portfolio { background-position:0 0; }

#basic-modal-content {display:none;}
#simplemodal-overlay {background-color:#000;}
#simplemodal-container { text-shadow:none; font-size:0.81em; text-shadow:0 1px 0 #dfdfdf; padding:14px; height:230px; width:280px; background:#bfbfbf; color:#000; border:1px solid #d9d9d9; -moz-border-radius:5px; -webkit-border-radius:5px; }
#simplemodal-container a.modalCloseImg { border:0; background:url(/img/btn_close.png) no-repeat top left; width:31px; height:30px; display:inline; z-index:3200; position:absolute; top:-16px; left:-16px; cursor:pointer;}
.ie6 #simplemodal-container a.modalCloseImg { background:url(/img/btn_close.gif) no-repeat top left; }
#basic-modal-content p { margin-bottom:9px; }
#message { margin-top:40px; padding:0 10px; text-align:center; }

label { display:block; text-transform:uppercase; font-size:.75em; margin:0; }
input.text { font-size:1.25em; margin-bottom:10px; width:250px; }
input#submit { display:block; font-size:1em;}