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


/*********************All CSS****************************************/
*{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/*background: transparent;*/
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

a{color:#1c7eac;}
a:hover{text-decoration:underline;}
a:visited{color:#1c7eac;}

ul{list-style:none;}
img{display:block;}
div{display:block;}

/**********************END All CSS*********************************/


/*********************Homepage****************************************/
body{background-color:#d9d9d9;}

.header{
	background:url(../images/topper.jpg) repeat-x;
	background-color:#f2f2f2;
}

#head{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	height:120px;
	width:800px;
	z-index:2;
}

.corner_text{
	font-size:14px;
	color:#655a4d;	
	font-weight:normal;
	position:absolute;
	top:12px;
	left:44px;
}

.logo{
	position:absolute;
	top:-1px;
	left:41px;
}

.menu{position:absolute;top:16px;left:479px;}

.menu li{
	float:left;
	padding:0px 10px;
	font-size:12px;
	color:#655a4d;
}

.menu li a{color:#655a4d;}
.menu_item{background:url(../images/menu_item.jpg) no-repeat;}

.bodyshell{background-color:#f2f2f2;}

.bodysection{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:800px;
	height:600px;
}

#tagline{/*position:absolute;top:-16px;left:367px;*/
margin:-16px 0px 0px 367px;}

#intro_text, #portfolio_intro_text, #about_intro_text{
	width:397px;
	line-height:34px;
	font-weight:bold;
	font-size:14px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
}

#intro_text{
	left:375px;
	position:absolute;
	height: 105px;
	top:119px;	
}

#recent_work{
	position:absolute;
	top:231px;
	left:52px;
	width: 687px;
}

#rw_header{border-bottom:1px solid black; height:16px;}
#rw_title{float:left; text-indent:5px; font-size:14px;}
#rw_all{float:right; margin-right:5px; font-size:10px}

.recent_site{
	background:url(../images/hp_work_bg.jpg) no-repeat;
	height:260px;
	width:209px;
	margin:10px;
	float:left;
}

.recent_image{margin:12px 13px;}

.recent_site a.recent_site_link{font-size:11px; color:#4359cb; margin:0px 0px 10px 15px;}
.recent_site div{font-size:10px; color:#464646; margin:8px 0px 0px 15px;}

/*********************END Homepage****************************************/

/*********************Footer****************************************/
#footer{
	background:url(../images/footer.jpg) repeat-x;
	font-size:12px;
	color:#5a5341;
	height:160px;
}

#foot{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	height:120px;
	width:800px;
	z-index:2;
}

#links{
	position:absolute;
	left:285px;
	top:72px;
	border-right:1px solid #a8a8a8;
	width: 107px;
}

#links a{
	padding:0px 10px;
	margin:0px;
	color:#575757;
	line-height:20px;
}

#links a:hover{color:#000;text-decoration:underline;}
#links a:visited{color:#575757;}

#network{
	position:absolute;
	left:393px;
	top:72px;
	width:223px;
	border-left:1px solid #f5f5f5;
	padding-left:37px;
	height: 81px;
}

#network a{float:left;margin:18px 5px 0px 0px;}

/*********************End Footer****************************************/


/*********************Portfolio****************************************/

.portfolio_bodysection, .about_bodysection{
	margin-left:auto;
	margin-right:auto;
	width:800px;
}

#portfolio_intro_text, #about_intro_text{
	height: 105px;
	margin:0px 0px 0px 376px;
	padding:10px 0px 0px;
}

#portfolio_recent_work_container{
	/*position:absolute;
	top:167px;
	left:41px;*/
	margin:39px 0px 0px 41px;
}

.portfolio_recent_work{
	border:1px solid #a0a0a0;
	background-color:#d4d4d4;
	height:290px;
	width:720px;
	margin:20px 0px 0px;
	position:relative;
}

.portfolio_image_container{
	margin:9px 0px 0px 10px;
	border:2px solid #a0a0a0;
	background-color:#FFF;
	height:268px;
	width:362px;
}

img.portfolio_image{margin:1px 1px;}

.portfolio_text{
	position:absolute;
	top:15px;
	left:403px;
	width: 317px;
	height: 275px;
}

.portfolio_text h2{
	font-weight:normal;
	font-size:14px;
	color:#4359cb;
	font-family:Verdana, Geneva, sans-serif;
}

.portfolio_text .owner{
	font-size:11px;
	color:#464646;
	margin:5px 0px 0px;
}

.portfolio_text .description{
	font-size:12px;
	color:#464646;
	margin:30px 0px 0px;
	width:280px;
}

.portfolio_text .technology{
	font-size:12px;
	color:#464646;
	margin:25px 0px 0px;
	width:280px;
}

.portfolio_text .technology ul{
	margin:0px 0px 0px 10px;
}

.portfolio_text .technology ul li{
	background:url(../images/list_dash.jpg) no-repeat;
	padding:0px 0px 0px 10px;
}

.portfolio_text .launch_date{
	position:absolute;
	top:257px;
	left:111px;
	font-size:11px;
	font-style:italic;
	color:#464646;
	width:200px;
	text-align:right;
}
	
/*********************END Portfolio****************************************/



/*********************About****************************************/

#about_container{
	margin:39px 45px 0px;
	border:1px solid #a0a0a0;
	background-color:#d2d2d2;
}

.about_topic{
	margin:25px 30px 0px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#1e1e1e;	
}

.about_section{
	margin:0px 25px 15px 25px;
	padding:5px 20px 0px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#1e1e1e;	
	border-top:1px solid #a0a0a0;
}

.founder{
	width:225px;
	height:165px;
	background-color:#ececec;
	border:2px solid #a0a0a0;
	float:left;
}

.founder_name{
	border-bottom:1px solid #a0a0a0;
	width:140px;
	padding:5px 0px 0px 10px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:17px;
}

.founder_info{
	margin:12px 0px 0px 15px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.founder_title{
	color:#060;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:13px;
}

#about_Andy{
	margin:20px 0px 0px 70px;
}

#about_Brandon{
	margin:20px 0px 0px 40px;
	
}


/*********************END About****************************************/

/*********************Contact****************************************/

#contact_container{
	margin:39px 53px 0px;
	border:1px solid #a0a0a0;
	background-color:#d2d2d2;
	height:400px;
	padding:30px 150px 0px;
	width:392px;
}

#contact_content{
	width:380px;
	height:375px;
}

.contact_label{
	margin:20px 0px 0px;
	width:130px;
	height:25px;
	line-height:25px;
	float:left;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:17px;
}

.contact_input{
	margin:20px 0px 0px;
	width:236px;
	height:25px;
	float:left;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:17px;
	background:url(../images/contact_entry.png) no-repeat;
	background-position: 0px 0px;
}

.contact_input input{
	margin:3px 7px 2px 7px;
	height:20px;
	width:222px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:14px;
	background:none transparent repeat scroll 0 0;
	border:none; 
	outline:none;
}

.contact_message{
	margin:20px 0px 0px;
	width:236px;
	height:148px;
	float:left;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:17px;
	background:url(../images/contact_entry_memo.png) no-repeat;
	background-position: 0px 0px;
}

.contact_message textarea{
	margin:5px 7px 2px 8px;
	height:141px;
	width:221px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:14px;
	background:none transparent repeat scroll 0 0;
	border:none; 
	outline:none;
}

.contact_submit{
	margin:20px 0px 0px 190px;
	width:96px;
	height:30px;
	float:left;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:17px;
	background-position: 0px 0px;
	background:url(../images/button.png) no-repeat;
	color:#fff;
	text-shadow: #333 0px 1px 0px;
	text-align:center;
	line-height:30px;
	cursor:pointer;
}




/*********************END Contact****************************************/