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

/* commented backslash hack \*/
html, body{height:100%; margin:0px; padding:0px; background:#819DCD url(images/bg.jpg) no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#BACCE5}
/* end hack */
#outer_wrapper{
min-height:100%;
margin-bottom:-95px;
}
* html #outer_wrapper{height:100%;}
#footer_wrapper {
width:100%;
clear:both;
height:95px;
background:url(images/footer_bg.png);
float:left;
}
#clearfooter{clear:both; height:165px; }

.hr{
	background:none;
	border:none;
	border-top:1px dotted #BACCE5;
	width:100px;
	display:block;
}
.under{
	background:none;
	border:none;
	border-bottom:1px dotted #BACCE5;
	width:100px;
	display:block;
}
h4, h3{
	color:#FFFFFF;	
}
img{border:none}
a{border:none}
#center{position:relative; width:100%; text-align:center; float:left;}
#top_bar{position:relative; width:100%; height:37px; background:url(images/top_bar_bg.png) repeat-x;}
#top_nav{position:relative; width:880px; height:37px; text-align:left; margin:0 auto; z-index:200}
#container{position:relative; width:880px; text-align:left; margin:0 auto; }
.bold{font-weight:regular; color:#FFF; text-decoration:none; line-height:18px}

#upper_wrapper{position:relative; float:left}
#logo{position:relative; width:500px; height:175px; padding-top:63px; float:left}
#image_holder{position:relative; width:323px; height:275px; left:57px; top:-40px; text-align:right; float:left; z-index:0}
#intro_text{position:relative; height:100px; top:44px; float:left; vertical-align:top}

#lower{position:relative; width:880px; top:30px; float:left}

/*footer*/
#footer_container{position:relative; margin:0 auto; text-align:left; width:880px; height:80px; padding-top:15px; font-size:12px}
#address{position:relative; float:left; width:190px}
#details{position:relative; float:left; width:230px}
#icons{position:relative; float:left; width:180px; margin-top:35px;}
#icons a{ display:inline-block; margin:0 10px 0 0; opacity:0.5; filter:alpha(opacity=50);}
#icons a:hover{opacity:1; filter:alpha(opacity=100);}
#foot_nav{position:relative; float:left; width:280px; padding:25px 0; text-align:right}
.foot_bold{font-weight:normal; color:#FFF; font-size:12px; text-decoration:none}
.foot_bold:hover{color:#BACCE5}

.cellwrap{position:relative; float:left; width:160px}
.cell{display:table-cell; float:left}
.cell_w{display:table-cell; float:left; width:50px}
.cell_i{display:table-cell; float:left; width:30px; padding-bottom:2px;}

.subheading{font-weight:bold; color:#FFF}
.date{width:67px; height:60px; position:relative; float:left}
.day{height:36px; position:relative; float:left}
.month{height:24px; position:relative; float:left}

/*index*/
#col_1{position:relative; float:left; width:260px;}
#col_2{position:relative; float:left; width:260px; left:50px}
#col_3{position:relative; float:left; width:260px; left:100px}
#featured_project{position:relative; float:left}
#featured_text{position:relative; float:left; width:260px; top:15px;}
#scribble_box{position:relative; width:260px; height:63px; float:left; top:0px; bottom:15px}
#scribble_box .date{float:left}
#index_scribble_head{position:relative; width:180px; height:35px; top:25px; left:13px; float:left}
.index_link{position:relative; float:left; top:30px;}
.index_link3{position:relative; float:left; top:0px;}
#col_2_text{position:relative; float:left; top:15px;}
.col_3_left{position:relative; float:left; width:136px; height:80px}
.col_3_right{position:relative; float:left; width:124px; height:80px}

/*showcase*/
#scol_1{position:relative; width:270px; float:left; top:63px}
#scol_2{position:relative; width:610px; float:left; top:63px}
#slogo{position:relative; width:270px}
#nav_box{position:relative; width:230px; margin-top:105px; line-height:20px}
#nav_box a{color:#BACCE5; text-decoration:none; font-size:12px}
#nav_box a:hover{color:#FFF; text-decoration:none; font-size:12px}
#nav_box a:active{color:#FFF}
#sc_head{position:relative; width:610px; margin-top:20px; height:12px}
#sc_text{position:relative; width:500px; margin-top:10px; padding-left:3px}
#c_head{position:relative; width:610px; height:32px; margin-top:42px}
#feature{position:relative; width:610px; margin-top:45px}
.logo_box{position:relative; float:left; width:157px; height:105px; opacity:0.5; filter:alpha(opacity=50); border:none; background:none}
.logo_box_r{position:relative; float:left; width:139px; height:105px; opacity:0.5; filter:alpha(opacity=50); border:none}
.logo_box:hover, .logo_box_r:hover{opacity:1; filter:alpha(opacity=100); border:none}
.drop_down{position:relative; width:210px; padding:10px 10px 10px 10px; background:url(images/DD_bg.png) repeat-y; }
#_client{position:relative; width:400px; padding-right:62px; margin-top:30px; float:left}
#_features{position:relative; width:148px; margin-top:30px; float:left}

/*interactive*/
#laptop{position:relative; width:610px; height:350px; background:url(images/laptop_bg.png) no-repeat top left}
#project_holder{position:relative; width:396px; height:248px; padding-top:32px; margin-left:107px}
#brand_holder{position:; width:610px; height:350px}
#project_client{position:relative; width:400px; padding-right:62px; margin-top:90px; float:left}
#project_features{position:relative; width:148px; margin-top:90px; float:left}
#brand_holder{position:relative; width:610px; height:350px;}
#brand_client{position:relative; width:400px; padding-right:62px; margin-top:30px; float:left}
#brand_features{position:relative; width:148px; margin-top:30px; float:left}
#launch{padding-top:25px}

/*scribble*/
#scribble_col1{position:relative; width:215px; float:left; text-align:left}
#scribble_col2{position:relative; width:378px; float:left; margin:0 20px 0 0; padding:0 20px 0 30px; border-left:1px dotted #BACCE5; border-right:1px dotted #BACCE5}
#scribble_col3{position:relative; width:215px; float:left; text-align:left}
#scribble_col1 a{color:#BACCE5; text-decoration:none}
#scribble_col1 a:hover{color:#FFF}
#scribble_col2 a{color:#BACCE5; text-decoration:underline}
#scribble_col2 a:hover{color:#FFF}
#icon_wrap{position:relative; padding-bottom:35px}
.social{position:relative; float:left; width:25px; height:30px; padding-right:5px}
.post_wrapper{position:relative; width:379px;}
.post_header{position:relative; float:left; width:379px; height:27px; padding:36px 0 0 0px; color:#FFF; font-size:21px}
.post_copy{position:relative; float:left; width:379px; padding:15px 0 50px 0}
.post_copy a{color:#FFF; text-decoration:none}

/*contact*/
#contact_col1{position:relative; width:260px; float:left}
#contact_col2{position:relative; width:550px; float:left; padding:0 0 0 70px}
.detail_l{display:table-cell; float:left; width:50px; color:#FFF}
.detail_r{display:table-cell; float:left; width:210px}
.input_wrapper{position:relative; width:260px; float:left; color:#FFF; padding-bottom:10px}
.input{background:url(images/form_bg.png) repeat; width:260px; height:20px; border:none; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#FFF}

/*login*/
#login_wrapper{position:relative; text-align:left; width:360px; margin:20px auto}
.log_wrapper{position:relative; width:360px; float:left; color:#FFF; padding-bottom:10px}
.left{display:table-cell; width:100px; float:left}
.right{display:table-cell; width:260px; float:left}
.error{color:#FF0}
#login_submit{background:url(images/submit.png); border:none; width:85px; height:22px}

/*create_blog*/
#create_wrapper{position:relative; text-align:left; width:530px;}
.input500{background:url(images/form_bg.png) repeat; width:378px; height:20px; border:none; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#FFF}

/*twitter feed*/
#twitter_div{position:relative; width:250px}
.twit_date{color:#FFF; font-size:13px}
.twit_text{font-size:13px; color:#BACCE5}