@charset "iso-8859-2";
/* CSS Document */

* { margin:0; padding:0; outline:0;	}
ul { list-style:none; }
a img { border:none; }
body { height:100%; font-size:62.5%; background:url("../images/background.jpg") top center no-repeat #0e1115; }

#wrapper { height:auto; width:960px; margin:0 auto; }
#wrapper_bottom { background:url("../images/background_bottom.jpg") bottom no-repeat; }

#header { height:200px; width:960px; }

#menu { height:20px; width:400px; padding :110px 0 0 560px; }
#menu ul {  }
#menu ul li { display:inline; margin-right:5px; padding:0 5px; }
#menu_sub { height:12px; width:; margin:0px 0 0 635px; }
#menu_sub ul {  }
#menu_sub ul li { display:inline; margin-right:5px; }

#body_copy { height:auto; width:960px; }

#features { height:1020px; width:960px; margin:0; }
.feature_wrapper { width:940px; height:125px; border:10px solid #0b1b17; margin:0 auto 70px; position:relative; }
.feature_wrapper:hover { border:10px solid #FFF; }
.feature_live { float:left; }
.feature_info { height:50px; width:320px; float:right; position:relative; margin:95px 67px 0 0; border:3px solid #b7b9b9; padding:10px 0 0; background:url("../images/feature_info_background.png"); }
.feature_info:hover { border:3px solid #FFF; background:url("../images/feature_info_background_hover.png"); }
.info_top {  }
.feature_category { float:left; width:150px; height:auto;}
.feature_moreinfo { float:left; width:150px; padding:0 0 0 20px; height:auto; }

.gototop { float:right; height:auto; width:auto; margin:-30px 85px 0 0; }
hr { width:800px; margin:0 auto; }

#web, #illustration { width:940px; margin:0 10px 40px; height:auto; background:url("../images/portfolio_background.png")top right no-repeat; }
#illustration { margin:0 10px; padding-bottom:40px; }
.thumbnail_wrapper { width:828px; height:auto; margin:0 auto; }
.thumbnail { float:left; width:250px; height:135px; margin:0 10px 32px; position:relative; border:3px solid #0b1b17; }
.thumbnail:hover { border:3px solid #FFF; }
.thumbnail_info { position:absolute; top:115px; left:100px; height:40px; width:140px; background:url("../images/feature_info_background.png"); border:1px solid #b7b9b9; }

#footer_wrapper { height:370px; width:auto; background:url("../images/footer_bg.jpg") center top no-repeat #181a1c; border-top:1px solid #FFFFFF; }
#footer { height:370px; width:960px; margin:0 auto; }
.footer_left { width:450px; height:370px; float:left; }
#footer_menu ul { padding:80px 0 0 100px }
#footer_menu ul li {  }
#footer_menu_sub ul { padding:0 0 0 100px; }
#footer_menu_sub ul li { display:inline; }
.footer_contact { width:500px; height:auto; float:right; padding:0px 0 0; }
#copyright { margin-top:110px; }

.fr { float:right; }
.fl { float:left; }

/* ----- CLEAR FIX ----- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear_right { clear:right;	}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clear { clear:both; }

/* ----- contact form ----- */
#contactform { width:500px; height:auto; margin:0 auto 0 auto; padding:10px 11px 0 11px; }
#mailform_response { letter-spacing:-1px; font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Arial, sans-serif; font-weight:normal; color:#FFF; font-size:1.6em; text-align:center; margin:0px 5px 0 0; padding:0px 0 0 0; }
#contactform p { margin:0 0 0.5em 0.5em; letter-spacing:-0.07px; font: 1.3em/1.3em "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Arial, sans-serif; font-weight:normal; color:#a7a9ac; text-align:left; line-height:1.5384615em; }
#mailform_right_column p { margin:0 0 0 3px; padding:0; text-align:left; }
#contactform input, #contactform textarea { margin:0 0 2px 0; padding:0px 0 0 3px; font: 0.9em/1.2em "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Arial, sans-serif; color:#0b1b17; background:#c4d1e6; border:solid 1px #2f4836; text-align:left; }	
#contactform textarea { margin:3px 0 0 0; padding:2px; }
#contactform input:focus, #contactform textarea:focus { background-color:#96a5bd; border:solid 1px #FFF; color:#FFF; }
#contactform input.sendbt, #contactform input.reset { width:auto; margin:0 auto 0px auto; padding:3px; background-color:#c4d1e6; color:#000; text-align:center; cursor:pointer; }
#contactform input.sendbt:hover, #contactform input.reset:hover { color:#FFF; background-color:#96a5bd; border:1px solid #FFF; cursor:pointer; }		
#mailform_footer { text-align:center; margin:0 auto 0 auto; width:auto; height:auto; padding-left:190px;}
.c_row { height:auto; width:auto; }
.c_legend { float:left; width:80px; height:15px; padding-right:6px; }
.c_legend p { text-align:right!important; }
.c_input { float:left; width:350px; border-left:1px solid #c4d1e6; height:auto; margin-right:0px; }
.response { background:#96a5bd; border:2px solid #CCCCCC; display:none; padding:5px; width:300px; text-align:center; margin:0 0 10px 160px; }
.loader { float:left; }
img.contactimg { position:relative; top:6px; }