@charset "UTF-8";

body { font: 90% Verdana, Helvetica, Arial sans-serif; background: url(../images/page_background.gif) repeat; margin: 0; padding: 0; text-align: center; color: #777; }

a { text-decoration: none; color: #085DB0;  }

#container { margin: 0 auto; text-align: left;  }

#mainContent { padding-top: 10px; padding-left: 150px; padding-right: 150px; line-height: 30px; }
#mainContent img { padding: 15px; }

#navigation { background: url(../images/nav_background.gif) repeat-x; padding: 0 50px; min-height: 122px; }

h1 { font-size: 24px; color: #085DB0; }
h2 { font-size: 24px; color: #F78200; }
h3 { font-size: 18px; color: #F78200; }
h4 { font-size: 18px; color: #085DB0; }

#index { text-align: left; }
#index_left { width: 80%; float: left; position: relative; padding-bottom: 50px; }
#index_right { width: 20%; float: right; position: relative; padding-bottom: 50px; }

#left_column { width: 60%; float: left; position: relative; padding-bottom: 100px; }
#right_column { width: 35%; float: right; position: relative; padding-bottom: 100px; }

#work_loader { width: 100%; position: relative; padding-bottom: 25px; text-align: center; }


#social_side_links {
    position: fixed;
    top: 25%;
    left: 0;
    padding: 10px;
    background: #555;
    background: -webkit-gradient(linear, left top, left bottom, from( #555 ), to( #111 ), color-stop( 50%, #444 ), color-stop( 50%, #333 ));
    background: -webkit-linear-gradient(#555, #444 50%, #333 50%, #111);
    background: -moz-linear-gradient(#555, #444 50%, #333 50%, #111);
    background: -ms-linear-gradient(#555, #444 50%, #333 50%, #111);
    background: -o-linear-gradient(#555, #444 50%, #333 50%, #111);
    background: linear-gradient(#555, #444 50%, #333 50%, #111);
    border-width: 2px 2px 2px 0px;
    border-style: solid;
    border-color: #777 #888 #999;
    -webkit-border-top-right-radius: 6px;
    -moz-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -webkit-box-shadow: #888 7px 5px 10px -5px;
    -moz-box-shadow: #888 7px 0 10px -5px;
    -o-box-shadow: #888 7px 0 10px -5px;
    box-shadow: #888 7px 0 10px -5px;
}

#social_side_links li

#social_side_links li a { display: block; background-repeat: no-repeat; background-position: top left; list-style: none; }

#social_side_links li a img {
    -webkit-transition:  opacity .2s ease-in-out;
    -moz-transition:  opacity .2s ease-in-out;
    -o-transition:  opacity .2s ease-in-out;
    transition:  opacity .2s ease-in-out;
}

#social_side_links li a:hover img { opacity: 0; }

#social_side_links li a:active img { opacity: 1; }

#social_side_links li:first-child { background: url(../images/twitter.png) no-repeat ; }

#social_side_links li:nth-child(2) { background: url(../images/facebook.png) no-repeat ; }

#social_side_links li:nth-child(3) { background: url(../images/linkedin.png) no-repeat ; }

#social_side_links li:nth-child(4) { background: url(../images/stumbleupon.png) no-repeat ; }