html {
font-size: 100%; /* IE hack */
}

html, body { border: 0; margin: 0; padding: 0;}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:62.5%; /* assuming browser standard font = 16px, set it to 10px */
background-color: black;
padding: 0 490px 0 490px;
margin: 0;
text-align: center;
background: black url(../images/assets/bg.jpg) no-repeat center 487px;
color:white;
}

body#standard {
background: black url(../images/assets/bg.jpg) no-repeat center top;
}

#sizer {
margin: 0 auto 0 auto;
padding: 0;
width: 100%;
max-width: 420px;  /* version for IE is at the bottom of this style block */
}
 
#expander {
margin: 0 -490px 0 -490px;
min-width: 980px; /* Critical Safari fix! */
position: relative;
}
 
/* Holly hack for IE \*/
* html #expander { height: 0; }
/* */
 
/* helps IE get the child percentages right. */
#wrapper {
width: 100%;
} 

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

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}

*+html .clearfix {
height:1%;
}

.clearfix {
display:block;
}
/* End hide from IE-mac */

object
{
vertical-align: top;
}

#flash {
position:absolute;
top:16px;
left:0px;
width:100%;
height:472px;
border-top:1px solid #424242;
border-bottom:1px solid #424242;
min-width:980px;
}

#flash div {
position:absolute;
top:90px;
right:30px;
width:600px;
text-align: left;
}

#flash div a {
color:white;
}


#flash div a:hover {
color:#F20D55;
}

.content_wrap {
padding:0px 15px 0px 15px;
position:relative;
}

.header {
height:506px;
overflow:hidden;
}

.main_header {
height:210px;
}

.content {
position:relative;
}

.main_content {
padding-right:15px;
}

img {
border:none;
}

.imgalt {
text-indent:-6500px;
}

.imgalt h1 {
margin:0px;
}

.logo {
position:absolute;
top:0px;
left:0px;
background-image:url(../images/assets/logo_header.png);
background-repeat:no-repeat;
background-position:top left;
width:320px;
height:200px;
}

.header .col_one {
float:left;
width:330px;
position: relative;
}

.header .col_two {
float:right;
width:590px;
position: relative;
}

header nav ul {
position:absolute;
top:50px;
right:0px;
list-style: none;
margin:0px;
padding:0px;
}

header nav ul#main_nav {
top:100px;
}

header nav ul li {
list-style: none;
margin:0px 3px 0px 0px;
padding:1px;
display:block;
float:left;
position:relative;
text-align:center;
}

header nav ul li ul.main_nav_submenu {
display:none;
}

header nav ul li.selected {
background-color:#F20D55;
border:1px solid #666666;
margin:0px 8px 0px 0px;
color: white;
}

header nav ul li a {
display:block;
color:#FFFFFF;
font-size:2.17em;
text-decoration:none;
text-align:center;
padding:4px 10px 4px 10px;
font-family: 'GnuolaneRgRegular',Arial,sans-serif;
}

header nav ul li a:hover {
color: #F20D55;
}

header nav ul li.selected a:hover {
color: black;
}

.client_login {
position:absolute;
top:-44px;
right:0px;
background-image:url(../images/assets/client_login_bg.png);
background-repeat:no-repeat;
width:563px;
height:96px;
}

.my_account {
right:130px;
z-index:1000;
}

.client_login .show_hide {
position:absolute;
top:47px;
right:10px;
width:97px;
}

.client_login .show_hide a {
display:block;
font-size:13px;
font-weight:bold;
text-align:center;
text-decoration:none;
color:#FFFFFF;
}

.client_login .show_hide a:hover {
color:#000000;
}

.login_form_pulldown {
padding:8px 8px 0px 20px;
height:30px;
overflow:hidden;
}

.login_form_pulldown #login_form label {
float:left;
display:block;
margin:5px 10px 0px 0px;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}

.login_form_pulldown #login_form input {
float:left;
display:block;
width:100px;
overflow:hidden;
font-size:11px;
margin:2px 10px 0px 0px;
color:#F20D55;
}

.login_form_pulldown #login_form input.login_btn {
background-color:#000000;
border:1px solid #FFFFFF;
color:#FFFFFF;
text-align:center;
font-size:10px;
font-weight:bold;
padding:2px 4px 2px 4px;
margin:2px 0px 0px 0px;
}

.login_form_pulldown #login_form input.login_btn:hover {
background-color:#666666;
}

.login_form_pulldown #login_form a {
display:block;
float:left;
color:#FFFFFF;
text-decoration:underline;
font-size:10px;
font-weight:bold;
padding:2px 0px 0px 10px;
overflow:hidden;
width:60px;
}

.login_form_pulldown #login_form a:hover {
color:#333333;
}


/* Safari 3.0 and Opera 9 hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  
  	/* Safari doesn't give correct margins to submit form element, so correct them */
	.login_form_pulldown #login_form input.login_btn {
	margin:4px 0px 0px 0px;
	}
   
}

.showreel_home {
position: absolute;
right:0px;
top:120px;
background-color: black;
padding:6px;
}

.showreel_wrap {
position:relative;
margin:2em 0 2em 0;
display:none;
}

#showreel {

}

.home_strapline_wrap {
position: absolute;
left:20px;
top:210px;
width:310px;
}

.home_strapline {
font-size:4.2em;
color:white;
font-family: 'GnuolaneRgRegular',Arial,sans-serif;
text-align: left;
line-height: 100%;
}

.home_strapline div {
margin-bottom:0.2em;
padding:0.1em 0.1em 0.1em 0.1em;
}

.home_strapline .line_1, .home_strapline .line_3 {
background-color: black;
background: rgba(0, 0, 0, 0.5);
-webkit-transform: rotate(-1.5deg); 
-moz-transform: rotate(-1.5deg);	
}

.home_strapline .line_2 {
background-color: #F20D55;
background: rgba(242, 13, 85, 0.5);
}

.call_to_action {
background-image:url(../images/assets/call_to_action_btn_bg_focus.png);
background-repeat:no-repeat;
width:173px;
height:40px;
margin-top:13px;
}

.call_to_action a {
display:block;
background-image:url(../images/assets/call_to_action_btn_bg.png);
background-repeat:no-repeat;
color:#FFFFFF;
width:173px;
height:40px;
text-align:center;
text-decoration:none;
font-size:15px;
font-weight:bold;
padding:12px 0px 0px 0px;
}

.call_to_action a:hover {
background-image:none;
}

.call_to_action a span {
color:#FFFFFF;
display:block;
text-align:center;
}

.silos div.silo_wrap {
float:left;
width:33.3%;
text-align: center;
}

.silos div.no_silo_float {
float:none;
width:97%;
text-align: left;
font-size:0.6em;
margin-bottom:1.5em;
}

.silos div.silo_wrap div {
width:90%;
margin:0 auto 0 auto;
height:82px;
-moz-border-radius-bottomright:8px;
-webkit-border-bottom-right-radius:8px;
-moz-border-radius-bottomleft:8px;
-webkit-border-bottom-left-radius:8px;
-moz-border-radius-topright:8px;
-webkit-border-top-right-radius:8px;
-moz-border-radius-topleft:8px;
-webkit-border-top-left-radius:8px;
border:1px solid white;
color:white;
text-align: left;
padding:10px;
overflow: hidden;
font-family: 'GnuolaneRgRegular',Arial,sans-serif;
font-size:2.6em;
}

.silos div.no_silo_float div {
width:100%;
}

.silos div.smaller_silo div {
width:95%;
height:58px;
margin:0;
}

.silos div.no_silo_float div p {
display: block;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:0.6em;
margin:0.3em 120px 0 0;
padding:0;
line-height: 120%;
}

.silos div.no_silo_float div:hover p {
color:white;
}

.silos div.no_silo_float div p a {
text-decoration: underline;
}

.silos div.first div {
float:left;
}

.silos div.last div {
float:right;
}

.silos div.silo_wrap .design {
background: url(../images/assets/silo_images/home_web_design.jpg) right no-repeat black;
}

.silos div.silo_wrap .development {
background: url(../images/assets/silo_images/home_web_dev.jpg) right no-repeat black;
}

.silos div.silo_wrap .seo {
background: url(../images/assets/silo_images/home_seo.jpg) right no-repeat black;
}

.silos div.silo_wrap .design:hover {
background: url(../images/assets/silo_images/home_web_design_hover.jpg) right no-repeat #F20D55;
}

.silos div.silo_wrap .development:hover {
background: url(../images/assets/silo_images/home_web_dev_hover.jpg) right no-repeat #F20D55;
}

.silos div.silo_wrap .seo:hover {
background: url(../images/assets/silo_images/home_seo_hover.jpg) right no-repeat #F20D55;
}

.silos div.silo_wrap div a {
color:white;
text-decoration: none;
}

.silos div.silo_wrap div a:hover {
color:white;
}

.preload {
display:none;
}

.client_logos_row {
margin:5px 0px 25px 0px;
padding:0px;
}

.client_logo_wrap {
float:left;
width:50%;
height:72px;
margin:0px 0px 15px 0px;
text-align: center;
}

.client_logo {
width:95%;
height:72px;
background-color:#0F0F0F;
border:1px solid #3B3B3B;
background-repeat:no-repeat;
background-position:center;
-moz-border-radius-bottomright:8px;
-webkit-border-bottom-right-radius:8px;
-moz-border-radius-bottomleft:8px;
-webkit-border-bottom-left-radius:8px;
-moz-border-radius-topright:8px;
-webkit-border-top-right-radius:8px;
-moz-border-radius-topleft:8px;
-webkit-border-top-left-radius:8px;
}

.content .col_1 {
float:left;
width:65.8%;
margin-top:40px;
text-align: left;
font-size:1.8em;
}

.content .col_2 {
float:right;
width:32%;
margin-top:40px;
text-align: left;
font-size:1.8em;
}

h1 {
font-size:2em;
}  

h2 {
font-size:1.4em;
}  

h3 {
font-size:1.25em;
margin:0px;
padding:0px;
}  

h4 {
font-size:1.6em;
color:#7B7B7B;
margin:0px;
padding:0px;
font-family: 'GnuolaneRgRegular',Arial,sans-serif;
font-weight:normal;
}

h1.real_h1, h4.fake_h1 {
display:inline-table;
margin-bottom:0.7em;
font-size:1.8em;
padding:0.3em 0.7em 0.1em 0.3em;
color:white;
font-family: 'GnuolaneRgRegular',Arial,sans-serif;
font-weight:normal;
background-color: #F20D55;
background: rgba(242, 13, 85, 0.5);
-webkit-transform: rotate(-2deg); 
-moz-transform: rotate(-2deg);
}

h4.fake_h1_no_margin {
margin-bottom:0em;
}

h1.real_h1 {
margin-bottom:0em;
}

h1.blog_title, h4.blog_title {
-webkit-transform: rotate(-0.4deg); 
-moz-transform: rotate(-0.4deg);
}

h4.section_top {
margin:0;
}

h5 {
font-size:1em;
color:white;
margin:10px 0px 2px 0px;
padding:0px;
font-weight:normal;
font-style:italic;
}

.line, .line2 {
background-color:#333333;
height:3px;
overflow:hidden;
font-size:6px;
}

.line2 {
background-color:#999999;
}

.white {
color:#FFFFFF;
}


.blog_post {
margin:20px 0px 10px 0px;
}

.blog_post .entry_date {
color:#999999;
font-size:1em;
}

.blog_post a.blog_title_link {
color:#FFFFFF;
font-size:1.23em;
text-decoration:none;
font-weight:bold;
margin:6px 0px 0px 0px;
display:block;
}

.blog_post .title_pad {
padding-bottom:5px;
}

.blog_post a.blog_title_link:hover {
color: #F20D55;
}

p {
font-size:1em;
color:#999999;
line-height:160%;
}

ul li {
color:#999999;
}

.blog_post p {
font-size:1em;
color:#999999;
line-height:160%;
}

.blog_post h2 {
font-size:1em;
font-weight:bold;
margin:25px 0px 2px 0px;
padding:0px;
}

.blog_post ul li {
font-size:1em;
color:#999999;
line-height:160%;
}

.post_ctrls {
background-image:url(../images/assets/dots.png);
background-repeat:repeat-x;
background-position:0px 0.7em;
}

.dots {
background-image:url(../images/assets/dots.png);
background-repeat:repeat-x;
}

.post_ctrls a.comments, .post_ctrls a.full_post {
display:block;
float:right;
background-color:#000000;
padding:4px 20px 4px 20px;
text-align:center;
font-size:0.7em;
margin:0px 30px 0px 0px;
text-decoration:none;
border:1px solid #666666;
}

.dsq-options h3 {
margin:0;
}

.dsq-options {
display: none;
}

a {
text-decoration:underline;
color:#F20D55
}

a:hover {
color:#FFFFFF;
}

a.grey {
text-decoration:none;
color:#7B7B7B;
}

a.grey:hover {
color:#F20D55;
}


ul.capabilities {
list-style: none;
margin:7px 0px 0px 0px;
padding:0px;
font-size:1.03em;
color:#7B7B7B;
font-family: 'GnuolaneRgRegular',Arial,sans-serif;
}

ul.capabilities li {
list-style: none;
margin:0px 0px 15px 0px;
display:block;
}

ul.capabilities li ul {
margin:4px 0px 0px 8px;
padding:0px;
}


ul.capabilities li ul li {
background-image:url(../images/assets/bullet.gif);
background-position:left;
background-repeat:no-repeat;
padding:0px 0px 0px 18px;
margin:0px 0px 0px 0px;
}

ul.services_ul {
list-style: none;
margin:0;
padding:0;
font-size:1.1em;
}

ul.services_ul li {
display:block;
list-style: none;
margin:0.3em 0 0.2em 0;
padding:0;
}

ul.services_ul li a {
display:block;
color:white;
text-decoration: none;
padding:0.2em;
background-color: black;
background: rgba(0, 0, 0, 0.2);
border:1px solid #454545;
}

ul.services_ul li a.current_service {
background-color: #333333;
color:#F20D55;
}


ul.footer_ul {
list-style: none;
margin:0;
padding:0;
font-size:1.1em;
}

ul.footer_ul li {
margin:0.3em 0 0.2em 0em;
padding:0;
}

ul.footer_ul li a {
color:white;
text-decoration: none;
padding:0.2em;
}

footer_ul li a:hover {
color: #F20D55;
}

ul.view_portfolio_link li a {
padding:0.4em;
font-size:0.8em;
line-height: 100%;
color:white;
font-weight:bold;
}

ul.services_ul li a:hover {
background-color: #F20D55;
color:white;
}

ul.services_ul li a.nav_disabled {
color:#333333;
}

ul.services_ul li a.nav_disabled:hover {
color:#333333;
background-color: black;
background: rgba(0, 0, 0, 0.2);
}

.service_bullets {
width:80%;
margin:1em 0 1em 0;
}

.full_width_service_bullets {
width:100%;
margin:0 0 1em 0;
}

.service_bullets ul {
list-style: none;
margin:0;
padding:0;
font-size:1em;
}

.full_width_service_bullets ul {
font-size:1.2em;
}

.service_bullets ul li {
display:block;
float:left;
list-style: none;
margin:0.3em 0 0.2em 0.8em;
padding:0;
width:40%;
background:url(../images/assets/bullet_white.gif) left no-repeat;
padding:0px 0px 0px 18px;
font-family: 'GnuolaneRgRegular',Arial,sans-serif;
color:white;
}

.full_width_service_bullets ul li {
width:100%;
}

.service_bullets ul li a {
color:white;
text-decoration: none;
}

.full_width_service_bullets ul li a {
color:#999999;
}

.service_bullets ul li a.current_service {
color:#F20D55;
}

.service_bullets ul li a:hover {
color:#F20D55;
}

.twitter_title {
background-image:url(../images/assets/twitter_icon.png);
background-repeat:no-repeat;
background-position:left bottom;
height:37px;
font-family: 'GnuolaneRgRegular',Arial,sans-serif;
margin-bottom:0.3em;
}

.twitter_title a {
font-size:1.4em;
color:#7B7B7B;
margin:0px;
padding:10px 0px 0px 40px;
display:block;
height:33px;
text-decoration:none;
}

.twitter_title a:hover, .twitter_title a:hover .white {
color: #F20D55;
}

.twitter_title_small, .blog_title_small {
background-image:url(../images/assets/twitter_icon_small.png);
background-repeat:no-repeat;
background-position:left top;
height:23px;
margin-bottom:8px;
}

.blog_title_small {
background-image:url(../images/assets/blog_icon_small.png);
}

.twitter_title_small a, .blog_title_small a {
font-size:0.8em;
color:#7B7B7B;
margin:0px;
padding:5px 0px 0px 30px;
display:block;
height:23px;
text-decoration:none;
font-weight:normal;
}

.twitter_title_small a:hover, .twitter_title_small a:hover .white, .blog_title_small a:hover, .blog_title_small a:hover .white {
color: #F20D55;
}


.tweet {
font-size:1em;
color:#999999;
margin:8px 0px 0px 0px;
}


footer div.footer {
font-size:0.8em;
margin:20px 0px 20px 0px;
text-align:center;
color:#666666;
}

footer div.footer a {
text-decoration: none;
color:#666666;
}

footer div.footer a:hover {
color: #F20D55;
}

.main_col_1 {
float:left;
width:30%;
text-align: left;
font-size:1.5em;
}

.main_col_1_wrap {
padding:0px 0px 0px 30px;
}

.main_col_2 {
float:right;
width:64%;
text-align: left;
font-size:1.8em;
}

.footer .main_col_1 {
padding:10px 30px 10px 30px;
border:1px solid #363636;
-webkit-transform: rotate(-0.5deg); 
-moz-transform: rotate(-0.5deg);
width:27%;
}

.footer .main_col_2 {
padding:30px 30px 30px 30px;
border:1px solid #363636;
-webkit-transform: rotate(0.5deg); 
-moz-transform: rotate(0.5deg);
width:60%;
line-height: 120%;
}

.page_strap_line {
font-size:2.1em;
color:#7B7B7B;
font-family: 'GnuolaneRgRegular',Arial,sans-serif;
}

.page_strap_line span {
color:#FFFFFF;
}

.floating_words_wrap {
position:relative;
height:9em;
width:100%;
overflow:hidden;
}

.floating_words {
color:white;
font-weight:bold;
font-size:1.1em;
text-shadow: 0 0 60px black;
-webkit-transform: rotate(-2.5deg); 
-moz-transform: rotate(-2.5deg);
width:auto;
background-color: black;
background: rgba(0, 0, 0, 0.2);
padding:0.4em 1em 0.2em 0.3em;
}

.floating_words a {
color:white;
text-decoration: none;
}

.floating_words a:hover {
color:#F20D55;
}

.words_one {
position: absolute;
left:0;
top:0.4em;
}

.words_two {
position: absolute;
left:31%;
top:0;
-webkit-transform: rotate(2deg); 
-moz-transform: rotate(2deg);
}

.words_three {
position: absolute;
right:0;
top:0.2em;
-webkit-transform: rotate(1.2deg); 
-moz-transform: rotate(1.2deg);

}

.words_four {
position: absolute;
left:10%;
top:4em;
-webkit-transform: rotate(2deg); 
-moz-transform: rotate(2deg);
}

.words_five {
position: absolute;
left:55%;
top:5em;
}

ul.what_we_do_examples {
display: block;
list-style: none;
color:white;
font-family: 'GnuolaneRgRegular',Arial,sans-serif;
font-size:1.4em;
margin:0 10px 0 0;
padding:0;
float:left;
width:350px;
}

ul.what_we_do_examples li {
background-image:url(../images/assets/bullet_white.gif);
background-position:left;
background-repeat:no-repeat;
padding:0px 0px 0px 18px;
margin:0px 0px 0px 0px;
}

ul.what_we_do_examples li.lots_more {
background: none;
font-size:0.9em;
font-style: italic;
}

.sites_collage {
float:left;
width:258px;
height:119px;
background: url(../images/assets/sites_collage.png) no-repeat top left;
}

ul.tab_navigation {
list-style: none;
margin: 2em 0 0 0;
padding: 0;
}

ul.tab_navigation li {
display: block;
float:left;
width:auto;
margin:0 0.2em 0 0;
}

ul.tab_navigation li a {
display:block;
padding: 0.4em 1em 0.4em 1em;
background-color: #565656;
color: black;
text-decoration: none;
-moz-border-radius-topright:8px;
-webkit-border-top-right-radius:8px;
-moz-border-radius-topleft:8px;
-webkit-border-top-left-radius:8px;
font-size:0.8em;
font-weight:bold;
}

ul.tab_navigation li a.selected,
ul.tab_navigation li a:hover {
background-color: #F20D55;
color: white;
}

ul.tab_navigation li a:focus {
outline: 0;
}

div.tabs > div {
}

.tab_line {
background-color: #F20D55;
height:0.5em;
overflow:hidden;
}

.tab_containers {
font-size:0.8em;
}

.tabs {
margin-bottom:1em;
}

blockquote {
padding:0px 10px 10px 40px;
margin:26px 20px 26px 20px;
background-image:url(../images/assets/blockquote.png);
background-repeat:no-repeat;
background-position:left top;
font-style:italic;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.15em;
color:#999999;
line-height:160%;
}


.addthis_toolbox.addthis_pill_combo a {
    float: left;
}
.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet {
    margin-top: -2px;
}
.addthis_button_compact .at15t_compact {
    margin-right: 4px;
    float: left;
}  

.comment_title {
font-family: 'GnuolaneRgRegular',Arial,sans-serif;
font-size:1.8em;
color:#FFFFFF;
font-weight:bold;
margin:0px 0px 3px 0px;
}

.blog_image {
background-color:#000000;
border:4px solid #cccccc;
text-align:center;
padding:10px;
margin:10px 0px 10px 0px;
-moz-border-radius-bottomright:8px;
-webkit-border-bottom-right-radius:8px;
-moz-border-radius-bottomleft:8px;
-webkit-border-bottom-left-radius:8px;
-moz-border-radius-topright:8px;
-webkit-border-top-right-radius:8px;
-moz-border-radius-topleft:8px;
-webkit-border-top-left-radius:8px;
}

.image_caption {
font-size:0.7em;
font-style:italic;
padding:8px 0px 0px 0px;
}


.portfolio_categories label {
color:#FFFFFF;
font-size:1em;
margin:0px 0px 0px 0px;
}

.portfolio_categories ul {
list-style: none;
margin:10px 0px 0px 0px;
padding:0px;
}

.portfolio_categories ul li {
list-style: none;
margin:0px 9px 9px 0px;
padding:0px;
display:block;
float:left;
position:relative;
text-align:center;
}

.portfolio_categories ul li a {
display:block;
padding:5px 12px 5px 12px;
border:1px solid #666666;
text-decoration:none;
color:#FFFFFF;
font-size:1em;
}

.portfolio_categories ul li a.focus {
background-color:#000000;
}

.portfolio_categories ul li a.blur {
background-image:url(../images/assets/transparent_btn.png);
background-repeat:repeat;
border:1px solid #454545;
color:#C0C0C0;
}

.portfolio_categories ul li a:hover {
background:none;
background-color:#000000;
}

a.submit_contact {
background-color:#333333;
display:block;
width:73px;
border:#FFFFFF 2px solid;
padding:2px;
text-align:center;
color:#FFFFFF;
text-decoration:none;
font-size:0.9em;
float:right;
}

a.submit_contact:hover {
background-color:#000000;
color:#FFFFFF;
}

.contact_form_wrapper {
margin:10px 0px 0px 0px;
}

.contact_form_smaller {
font-size:0.7em;
}

.contact_methods ul {
list-style: none;
margin:10px 0px 0px 0px;
padding:0px;
color:#FFFFFF;
}

.contact_methods ul li {
list-style: none;
display:block;
position:relative;
float:left;
}

.contact_methods ul li.label {
width:18px;
}

.contact_methods ul li.field {
width:340px;
}

.contact_form_wrapper label {
float:left;
text-align:right;
width:190px;
color:#FFFFFF;
margin:9px 5px 0px 0px;
}

.contact_form_wrapper input.text {
float:left;
width:240px;
color:#000000;
font-size:1.2em;
margin:3px 0px 0px 0px;
}


.contact_form_wrapper textarea.text {
float:left;
width:240px;
height:80px;
color:#000000;
font-size:1.2em;
margin:3px 0px 0px 0px;
}

.contact_form_wrapper textarea.smaller_textarea {
height:25px;
}

.single_row {
margin-bottom:10px;
}

.single_row label {
float:none;
width:auto;
display:block;
padding:0 0 5px 0;
text-align: left;
}

.single_row input.text, .single_row textarea.text {
float:none;
width:340px;
}

.single_row textarea.text {
height:45px;
}

.contact_form_wrapper input.send_btn {
background-color:#000000;
border:1px solid #FFFFFF;
color:#FFFFFF;
text-align:center;
font-size:0.95em;
font-weight:bold;
padding:2px 10px 2px 10px;
margin:4px 0px 0px 195px;
width:100px;
}

.contact_form_wrapper input.send_btn:hover {
background-color:#F20D55;
}

.field_error {
background-color:#F20D55;
}


#contact_msg_sent, .error_popup, #contact_form_spinner {
display:none;
}

.error_popup .title {
font-size:1.5em;
}

.errors_box {
background-color:#666666;
border:#FFFFFF 1px solid;
padding:10px;
margin:10px;
}

.errors_box ul li {
color:#FFFFFF;
}

.errors {
color:#FFFFFF;
font-weight:bold;
}

#contact_form_spinner {
text-align:center;
margin:0px 0px 15px 0px;
background-color: black;
border:1px #cccccc solid;
padding:30px;
}

/* General dropdown styles */
.dropdown {
font-size:0.8em;
}
     
.dropdown dd, .dropdown dt, .dropdown ul {
margin:0px; padding:0px;
}

.dropdown dd {
position:relative;
}

/* DT styles for sliding doors */
.dropdown dt a {
background:black url(../images/assets/arrow.png) no-repeat scroll right center;
display:block;
padding: 0px 20px 0px 5px;
border:1px solid #999999;
width:220px;
color:white;
text-decoration: none;
}

.dropdown dt a:hover {
color:#F20D55;
}

.dropdown dt a span {
cursor:pointer;
display:block;
padding:5px;
}
/* UL styles */
.dropdown dd ul {
background:black none repeat scroll 0 0;
display:none;
list-style:none;
padding:5px 0px;
position:absolute;
left:0px;
top:2px;
width:245px;
min-width:170px;
border:1px solid #999999;
}

.dropdown span.value {
display:none;
}

.dropdown dd ul li a {
padding:3px 10px 2px 10px;
display:block;
color:white;
text-decoration: none;
}

.dropdown dd ul li a:hover {
color:#F20D55;
}