@charset "utf-8";
/* CSS Document */

/* Global Tags */

a, a:active, a:visited {
color:#BA724B;
text-decoration:none;
}

a:hover,
.active_link {
text-decoration:underline;
}

body {
background:url(/media/images/background_wood.png) repeat top center #1C0300;
color:#C28261;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.8em;
z-index:1;
}

/* End Global Tags */

/* Global Classes */


/* End Global Classes */


/* Page */

#page {
margin:0px auto 20px auto;
position:relative;
width:960px;
z-index:1;
}

#page_background {
background:url(/media/images/background_header.png) repeat-x;
position:relative;
z-index:0;
}

h1 {
font-size:1.4em;
font-weight:normal;
margin-bottom:8px;
}

p {
font-size:.9em;
}

.hiring
{
    font-weight: bold;
    text-align: center;
}

/* End Page */


/* Header */

#header {
height:168px;
position:relative;
z-index:2;
}

/* Begin Branding */

#header h2,
#header h2 a {
position:absolute;
z-index:3;
}

#header h2 {
background:url(/media/images/background_spotlight.png) no-repeat 8px 142px;
height:480px;
left:-44px;
top:26px;
width:420px;
}

#header h2 a {
background:url(/media/images/branding.png) no-repeat -4px 0px;
height:326px;
left:46px;
text-indent:-9999px;
top:0px;
width:332px;
}
/* End Branding */

/* End Header */

/* Site Navigation */

#nav_bar {
background:url(/media/images/background_nav_bar.png) repeat-x;
height:15px;
left:0px;
position:absolute;
top:153px;
width:100%;
z-index:0;
}

#main_message #nav_heading {
border-bottom:1px solid #7C2B07;
color:#A8390B;
margin-bottom:6px;
padding-bottom:6px;
}

#main_message .subnav ul {
margin:0px 0px 16px 0px;
overflow:hidden;
}

#main_message .subnav li {
color:#A73A0C;
float:left;
list-style:none;
padding:0px 22px 0px 0px;
}

#main_message .subnav li a,
#main_message .subnav li a:active,
#main_message .subnav li a:visited {
color:#A73A0C;
font-size:.86em;
}

#main_message .subnav li a:hover {
color:#BA724B;
}

#main_message .subnav li.end_link {
padding:0px;
}

.subnav h5,
.subnav a {
color: #C28261;
font-weight:normal;
}

.nav {
background: url(/media/images/site_navigation.png) no-repeat 0px -60px;
height: 60px;
left: 359px;
position: absolute;
top: 168px;
width: 615px;
}

.nav li {
display: inline;
}

.nav li a:link,
.nav li a:visited {
cursor:pointer;
height: 60px;
overflow: hidden;
position: absolute;
text-indent: -9000px;
top: 0;
z-index: 10;
}

/* Services Link */

.nav .services_link a:link,
.nav .services_link a:visited {
left:0px;
width:104px;
}

.nav .services_link a:active,
.nav .services_link a:focus,
.nav .services_link a:hover,
.current-services_link .services_link a:link,
.current-services_link .services_link a:visited {
background: url(/media/images/site_navigation.png) no-repeat 0px 0px;
}

.nav-services_link {
background: url(/media/images/site_navigation.png) no-repeat 0px 0px;
height:60px;
left:0px;
position: absolute;
top:0;
width:104px;
}

/* End Services Link */

/* Portfolio Link */

.nav .portfolio_link a:link,
.nav .portfolio_link a:visited {
background: url(/media/images/site_navigation.png) no-repeat -114px -60px;
left: 114px;
width: 115px;
}

.nav .portfolio_link a:hover,
.nav .portfolio_link a:focus {
background: url(/media/images/site_navigation.png) no-repeat -114px 0px;
}

.nav .portfolio_link a:active {
background: url(/media/images/site_navigation.png) no-repeat -114px -60px;
}

.current-portfolio_link .portfolio_link a:link,
.current-portfolio_link .portfolio_link a:visited {
background: url(/media/images/site_navigation.png) no-repeat -114px 0px;
cursor:pointer;
}

.nav-portfolio_link,
.nav-portfolio_link-click {
background: url(/media/images/site_navigation.png) no-repeat -114px 0px;
height: 60px;
left: 114px;
position: absolute;
top:0px;
width:115px;
}

/* End Portfolio Link */

/* Technology Link */

.nav .technology_link a:link,
.nav .technology_link a:visited {
background: url(/media/images/site_navigation.png) no-repeat -239px -60px;
left: 239px;
width: 134px;
}

.nav .technology_link a:hover,
.nav .technology_link a:focus {
background: url(/media/images/site_navigation.png) no-repeat -239px 0px;
}

.nav .technology_link a:active {
background: url(/media/images/site_navigation.png) no-repeat -239px -60px;
}

.current-technology_link .technology_link a:link,
.current-technology_link .technology_link a:visited {
background: url(/media/images/site_navigation.png) no-repeat -239px 0px;
cursor:pointer;
}

.nav-technology_link,
.nav-technology_link-click {
background: url(/media/images/site_navigation.png) no-repeat -239px 0px;
height: 60px;
left: 239px;
position: absolute;
top:0px;
width: 134px;
}

/* End Technology Link */

/* About Links */

.nav .about_link a:link,
.nav .about_link a:visited {
background: url(/media/images/site_navigation.png) no-repeat -383px -60px;
left:383px;
width:77px;
}

.nav .about_link a:hover,
.nav .about_link a:focus {
background: url(/media/images/site_navigation.png) no-repeat -383px 0px;
}

.nav .about_link a:active {
background: url(/media/images/site_navigation.png) no-repeat -383px -60px;
}

.current-about_link .about_link a:link,
.current-about_link .about_link a:visited {
background: url(/media/images/site_navigation.png) no-repeat -383px 0px;
cursor:pointer;
}

.nav-about_link,
.nav-about_link-click {
background: url(/media/images/site_navigation.png) no-repeat -383px 0px;
height: 60px;
left:383px;
position: absolute;
top:0px;
width:77px;
}

/* End About Links */

/* Blog Link */

.nav .blog_link a:link,
.nav .blog_link a:visited {
background: url(/media/images/site_navigation.png) no-repeat -470px -60px;
left:470px;
width:54px;
}

.nav .blog_link a:hover,
.nav .blog_link a:focus {
background: url(/media/images/site_navigation.png) no-repeat -470px 0px;
}

.nav .blog_link a:active {
background: url(/media/images/site_navigation.png) no-repeat -470px -60px;
}

.current-blog_link .blog_link a:link,
.current-blog_link .blog_link a:visited {
background: url(/media/images/site_navigation.png) no-repeat -470px 0px;
cursor:pointer;
}

.nav-blog_link,
.nav-blog_link-click {
background: url(/media/images/site_navigation.png) no-repeat -470px 0px;
height: 60px;
left:470px;
position: absolute;
top:0px;
width:54px;
}

/* End Blog Link */

/* Contact Link */

.nav .contact_link a:link,
.nav .contact_link a:visited {
background: url(/media/images/site_navigation.png) no-repeat -534px -60px;
left:534px;
width:80px;
}

.nav .contact_link a:hover,
.nav .contact_link a:focus {
background: url(/media/images/site_navigation.png) no-repeat -534px 0px;
}

.nav .contact_link a:active {
background: url(/media/images/site_navigation.png) no-repeat -534px -60px;
}

.current-contact_link .contact_link a:link,
.current-contact_link .contact_link a:visited {
background: url(/media/images/site_navigation.png) no-repeat -534px 0px;
cursor:pointer;
}

.nav-contact_link,
.nav-contact_link-click {
background: url(/media/images/site_navigation.png) no-repeat -534px 0px;
height: 60px;
left:534px;
position: absolute;
top:0px;
width:80px;
}

/* End Contact Link */

/* Main Content */

#main_content {
padding:80px 0px 0px 0px;
position:relative;
z-index:5;
}

#main_message {
background:url(/media/images/background_main_content.png) repeat;
float:right;
margin-top:20px;
padding:50px 24px;
position:relative;
width:552px;
-moz-border-radius:18px;
-webkit-border-radius:18px;
z-index:6;
}


#main_message h2 {
color:#C28261;
/*
color:#A4401E;
*/
font-size:.96em;
line-height:1.4em;
margin-bottom:14px;
}

#main_message ul {
margin:10px 0px 0px 16px;
}

#main_message ul ul {
margin:0px 0px 40px 16px;
}


#main_message li {
line-height:1.4em;
list-style:disc;
margin-bottom:12px;
}

#main_message #technology_list {
margin-left:44px;
}

#main_message #technology_list li  {
list-style:none;
position:relative;
}

#main_message #technology_list li h3 img {
left:-44px;
position:absolute;
top:2px;
}

#main_message #technology_list li h3 img#app_engine_icon {
top:-5px;
}

#main_message #technology_list li h3 img#ec2_icon {
top:-2px;
}

#main_message #technology_list li h3 img#django_icon {
top:-7px;
}

#main_message #technology_list li h3 img#php_icon {
top:0px;
}

#main_message #technology_list li h3 img#rails_icon {
top:-5px;
}



#main_message #technology_list li li {
list-style:disc;
}

#main_message li h3,
#main_message li h4,
#main_message li h5 {
margin-bottom:6px;
}


#main_message li li,
#main_message li p,
#main_message p {
color:#BA724B;
}

#main_message li p,
#main_message p {
line-height:1.6em;
margin-bottom:20px;
}



#main_message .code_accent {
background-image:url(/media/images/branding.png);
background-repeat:no-repeat;
display:block;
height:26px;
position:absolute;
width:32px;
z-index:7;
}

#main_message .bottom {
background-position:-389px -96px;
bottom:10px;
right:10px;
}

#main_message .top {
background-position:-346px -94px;
left:10px;
top:10px;
}

/* Twitter Box */
#twitter_box {
margin:146px 0px 0px 2px;
position:relative;
width:280px;
}

#twitter_box h3 {
background:url(/media/images/branding.png) no-repeat -346px -10px;
height:26px;
margin-left:70px;
position:relative;
text-indent:-9999px;
width:200px;
}

#twitter_box h3 span.twitter_icon {
background:url(/media/images/branding.png) no-repeat -346px -37px;
display:block;
height:55px;
left:-80px;
position:absolute;
top:-10px;
width:79px;
}


.box_bottom,
.box_top {
display:block;
text-indent:-9999px;
width:280px;
}

.box_bottom {
background:url(/media/images/twitter_box_bottom.png) no-repeat;
height:12px;
}

.box_top {
background:url(/media/images/twitter_box_top.png) no-repeat;
height:21px;
}

.twitter_clouds {
bottom:5px;
left:5px;
position:absolute;
z-index:20;
}

a.follow_us_link {
background:url(/media/images/icon_follow_us.png) no-repeat 0px -16px;
bottom:12px;
display:block;
height:13px;
position:absolute;
right:12px;
text-indent:-9999px;
width:97px;
z-index:21;
}

a.follow_us_link:hover {
background:url(/media/images/icon_follow_us.png) no-repeat 0px 0px;
}

.twitter_feed {
background:url(/media/images/twitter_box_middle.png) repeat-y;
color:#AF4728;
overflow:hidden;
padding:24px 11px 80px 10px;
position:relative;
}

.twitter_feed a,
.twitter_feed a:active,
.twitter_feed a:visited {
color:#A2311A;
margin-top:4px;
}

.twitter_feed .tweet_link {
display:block;
}
.twitter_feed li {
line-height:1.6em;
margin-bottom:20px;
text-align:right;
}

.twitter_feed li span {
color:#863220;
font-size:.86em;
}


/* End Twitter Box */

#woodcut_icons {
clear:both;
padding:30px 0px 0px 400px;
text-align:center;
}

/* End Main Content */

/* Footer */


#site_footer {
clear:both;
height:30px;
margin-top:14px;
padding:30px 0px 10px 400px;
text-align:center;
}

#site_footer a,
#site_footer a:active,
#site_footer a:visited {
color:#6C291A;
text-transform:uppercase;
}


#site_footer a:hover {
color:#BA724B;
}

#footer p {
font-size:.86em;
}

#site_footer ul {
font-size:.9em;
margin-bottom:10px;
}

#site_footer li {
display:inline;
margin-right:10px;
}

#copyright_info {
font-size:.76em;
margin:30px 0px 20px 0px;
}


/* Contact Us Form */

#main_message form  {
background:url(/media/images/background_main_content.png) repeat;
padding:10px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}

#main_message form h3 {
position:relative;
}

#main_message form h3 span {
color:#C45024;
font-size:.86em;
font-weight:normal;
position:absolute;
right:0px;
top:2px;
}

#main_message form ul {
margin-left:0px;
}

#main_message form li {
list-style:none;
margin-bottom:20px;
}

#main_message form li ul.errors {
margin:6px 0px 0px 4px;
}

#main_message form li ul.errors li,
.required {
color:#C45024;
}

#main_message form li ul.errors li,
.required {
color:#C45024;
font-size:.86em;
}

#main_message form li ul.errors li {
margin-bottom:8px;
}


#main_message form li label {
color:#BA724B;
display:block;
font-size:.9em;
font-weight:bold;
padding-left:4px;
}

#main_message form li .form_input,
#main_message form li .form_text {
background:url(/media/images/background_dark_wood.png) repeat;
border:none;
color:#BA724B;
margin:4px 0px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

#main_message form li .form_input {
height:18px;
padding:4px 4px 2px 4px;
width:260px;
}


#main_message form li .fieldWithErrors {
border:1px dashed #C45024;
}

#main_message form li #request.form_input {
width:480px;
}

#main_message form li .form_text {
padding:6px 4px;
width:480px;
}

#main_message form p.form_buttons {
margin:0px;
text-align:right;
}

#main_message form input.form_button {
background:url(/media/images/background_dark_wood.png) repeat;
border:2px dashed #5B0900;
color:#C28261;
cursor:pointer;
margin-left:20px;
padding:4px 8px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

/* Additional Menus */
#sidebar {
background:url(/media/images/add_main_middle.png) repeat-y;
width:100px;
}
#sidebar-internal {
margin-left:-55px;
width:150px;
}
#sidebar-internal li {
	list-style: none;
}
#sidebar_wrapper {
float:right;
font-size:85%;
margin-bottom:12px;
/*margin-left:16px;*/
margin-right:-123px;
max-width:30%;
padding-left:80px;
}



#sidebar_wrapper .add_main_top {
	background:url(/media/images/add_main_top.png) no-repeat;
	height:25px;
	width:100px;
}
#sidebar_wrapper .add_main_bottom {
	background:url(/media/images/add_main_bottom.png) no-repeat;
	height:25px;
	width:100px;
}

/* End Additional Menus */

/* Portfolio */

.boxcaption {
background: #3D0500;
bottom:-160px;
left:0px;
opacity: .86;
overflow:hidden;
padding:20px 10px 0px 10px;
position: absolute;
width: 230px;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=86);
	/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=86)";
}

#main_message #portfolio_list,
#portfolio_list li.client_job ul {
margin:0px;
}

#main_message #portfolio_list {
	padding-top:30px;
	overflow:hidden;
}

#portfolio_list li.client_job {
background:url(/media/images/portfolio_background.png) no-repeat;
float:left;
height:158px;
list-style:none;
margin:0px 0px 15px 15px;
overflow:hidden;
position:relative;
width:258px;
}

#portfolio_list li.description {
float:left;
height:158px;
list-style:none;
margin:0px 0px 15px 15px;
overflow:hidden;
position:relative;
width:258px;
}

#portfolio_list li.client_job img {
left:0px;
position: absolute;
top: 0px;
}

#portfolio_list li.client_job {
color:#DEBEAE;
list-style:none;
text-align:center;
}

#portfolio_list li.client_job  h3,
#portfolio_list li.client_job  h4 {
font-size:.9em;
}

/* End Portfolio */

