/* CSS Document */

body { 
	background-color:#ffffff; 
	font-family:Arial, "Trebuchet MS", Tahoma, "Lucida Sans";
	font-size:14px; 
	color:#333333; 
	line-height:18px; 
	margin:0 0 30px 0;
	}
	
p { margin-top:0; padding-top:0; }
h1 { padding:0; margin:0; font-size:16px; font-weight:bold; color:#333333; }

#jump_up {
	position:fixed;
	bottom:0;
	right:0;
	visibility:visible;
	width:80px;
	height:65px;
	z-index:999;
	display:block;
	}

/* HEADER */

#header {
	width:100%;
	height:279px;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	background-position:center;
	}
	
.inside {
	width:940px;
	padding-top:50px;
	}

.logo { float:left; text-align:left; }
.caption { float:right; text-align:right; background-image:url(images/caption.png); background-repeat:no-repeat; width:502px; height:59px; }


/* NAV */

#nav {
	width:940px;
	font-size:18px;
	}
	
#nav ul {
	list-style-type:none;
	padding:0;
	margin:0;
	}
	
#nav ul li {
	position:relative;
	float:left;
	padding-right:30px;
	}

/* SECTIONS */

#holder {
	width:940px;
	margin-top:30px;
	text-align:left;
	}

.clear {
	width:940px;
	height:65px;
	clear:both;
	}
	
.across {
	width:940px;
	float:left;
	height:30px;
	margin-top:35px;
	background-image:url(images/line.jpg);
	background-repeat:repeat-x;
	}
	
.home {
	width:80px;
	float:left;
	height:65px;
	}
	
.left {
	width:220px;
	float:left;
	margin-right:30px;
	}
	
.line {
	width:1px;
	float:left;
	background-color:#eeeeee;
	height:100px;
	margin-top:-30px;
	margin-bottom:30px;
	}
	
.right {
	width:659px;
	margin-left:281px;
	}
	
.left ul {
	padding:0;
	margin:0;
	list-style-type:none;
	}
	
.left ul li {
	background-color:#eeeeee;
	padding:5px;
	margin:3px;
	}
	
	
/* RECENT PROJECTS */


	
/* WEB SERVICES */

.block {
	width:659px;
	float:left;
	}
	
.b_image {
	width:150px;
	height:150px;
	margin-right:15px;
	float:left;
	background-color:#eeeeee;
	}
	
.b_text {
	width:494px;
	text-align:left;
	float:left;
	}
	
.service_gap {
	width:659px;
	float:left;
	clear:both;
	height:30px;
	}


/* TWITTER FEED */
	
#social {
	line-height:22px;
	vertical-align:middle;
	width:659px;
	}

#social ul {
	list-style-type:none;
	padding:0;
	margin:0 0 0 0;
	}
	
#social ul li {
	padding:20px;
	height:44px;
	background-color:#eeeeee;
	color:#6e6e6e;
	font-size:14px;
	background-image:url(images/arrow.png);
	background-position:top left;
	background-repeat:no-repeat;
	}
	
.tick {
	float:left;
	background-image:url(images/tick.jpg);
	width:50px;
	height:30px;
	background-repeat:no-repeat;
	}

/* FOOTER */

#footer {
	width:940px;
	clear:both;
	font-size:12px;
	}

.f_nav {
	float:left;
	text-align:left;
	}
	
.f_copy {
	float:right;
	text-align:right;
	}


/* CONTACT FORM */

.sent {
	background-color:#80ae26;
	color:#ffffff;
	height:50px;
	width:659px;
	font-size:14px;
	line-height:50px;
	vertical-align:middle;
	background-image:url(images/tick.png);
	background-repeat:no-repeat;
	background-position:left;
	}
	
.sent p { margin:0; padding:0; margin-left:60px; }
	
.submission {
	background-color:#e41212;
	color:#FFFFFF;
	height:50px;
	width:659px;
	font-size:14px;
	line-height:50px;
	vertical-align:middle;
	background-image:url(images/cross.png);
	background-repeat:no-repeat;
	background-position:left;
	}
	
.submission p { margin:0; padding:0; margin-left:60px; }

.smlfield { 
	width:489px;
	height:40px;
	padding:5px;
	background-color:#eeeeee;
	color:#6e6e6e;
	font-family:Arial, "Trebuchet MS", Tahoma, "Lucida Sans";
	border:none;
	font-size:14px;
	text-align:center;
	}
	
.lrgfield {
	width:489px;
	height:190px;
	padding:5px;
	background-color:#eeeeee;
	color:#6e6e6e;
	font-family:Arial, "Trebuchet MS", Tahoma, "Lucida Sans";
	border:none;
	font-size:14px;
	}



/* LINKS */

a:link, a:visited, a:active { color:#8cadce; font-weight:bold; text-decoration:none; font-size:14px }
a:hover { color:#8cadce; text-decoration:underline; font-weight:bold; font-size:14px }

a.nv:link, a.nv:visited, a.nv:active { color:#202020; font-weight:normal; text-decoration:none; font-size:18px }
a.nv:hover { color:#202020; text-decoration:underline; font-weight:normal; font-size:18px }

a.cv:link, a.cv:visited, a.cv:active { color:#4bb7ef; text-decoration:none; font-size:12px }
a.cv:hover { color:#4bb7ef; text-decoration:underline; font-size:12px }

a.f_link:link, a.f_link:visited, a.f_link:active { color:#202020; text-decoration:underline; font-weight:normal; font-size:12px }
a.f_link:hover { color:#202020; text-decoration:underline; font-size:12px; font-weight:normal; }