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

body {
	text-align: left;
	margin:0 10px;
	padding:0;
	background:#111e2c url(images/bg.jpg) no-repeat;
	background-attachment:fixed;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	font-size: 0.9em;
	color: #fff;
}

a.nav:link {color:#fff;text-decoration:none;}
a.nav:visited {color:#fff;text-decoration:none;}
a.nav:hover {color:#fff;text-decoration:none;}

a:link {color:#69a3fe;text-decoration:none;}/*ef5bf4*/
a:visited {color:#69a3fe;text-decoration:none;}
a:hover {color:#69a3fe;text-decoration:underline;}
a:focus {color:#69a3fe;text-decoration:underline;}

a.footer:link {color:#fff;text-decoration:none;}
a.footer:visited {color:#fff;text-decoration:none;}
a.footer:hover {color:#69a3fe;text-decoration:none;}

a img {
	border-style:none;
}

p {
	padding:0 0 5px 0;
	margin:0 0 10px 0;
}

ul#twitter_update_list {
	list-style-type: none;
	padding:0;
	margin:0;
}

ul#twitter_update_list li {
	padding:0 0 10px 0;
}

ul#portfolio {
	list-style:none;
	padding:0;
	margin:0 0 30px 0;
}

ul#portfolio li {
	display:inline;
}

ul#art {
	list-style:none;
	padding:0;
	margin:0;
}

ul#art li {
	display:inline;
}

h1 {
	padding:0;
	margin:0;
	font-weight:400;
}

h2 {
	padding:0;
	margin:0;
	font-weight:400;
	font-size:1.3em;
}

#container {
	position:relative;
 	margin:0 auto 50px;
	padding:0 auto;
	width:900px;
	height:auto;
}

#head {
	height:125px;
}

.logo {
	width:269px;
	height:62px;
	background-image:url(images/logo.png);
	margin:30px 0 0 0;
	float:left;
}

.logo:hover {
	background-position:0 -62px;
}

.logo:focus {
	background-position:0 -62px;
}

#web_designer {
	padding:30px 0 0 0;
	text-align:right;
}

.tagline {
	margin:-10px 0 0 0;
	font-size:0.9em;
	text-align:right;
}

#nav {
	width:900px;
	height:70px;
}

#nav ul {
	list-style:none;
	padding:0;
	margin:0;
}

#nav li {
	display:inline;
}

.nav_item {
	width:140px;
	height:61px;
	background-image:url(images/menu_item.png);
	float:left;
	padding:5px;
}

.nav_item:hover {
	background-position:0 -71px;
}

.nav_item:focus {
	background-position:0 -71px;
	outline:0;
}

.nav_item_last {
	width:140px;
	height:61px;
	background-image:url(images/menu_item_last.png);
	float:left;
	padding:5px;
}

.nav_item_last:hover {
	background-position:0 -71px;
}

.nav_item_last:focus {
	background-position:0 -71px;
	outline:0;
}

.nav_small_text {
	color:#69a3fe;
	font-size:0.8em;
}

.content_bg {
	background:url(images/content_bg.png) repeat-y;
	max-width:900px;
	height:auto;
	margin:20px 0 0 0;
	padding:20px 20px 10px 20px;
	border-bottom:1px solid #ef5bf4;
}

.date_posted {
	font-size:0.6em;
	margin-right:0;
}

.tweet ul {
	list-style:none;
	padding:0;
	margin:0;
}

.tweet li {
	margin:0 0 25px 0;
	clear:both;
}

.tweet img {
	display:none;
}

.tweet_time {
	font-size:0.8em;
}

.icons {
	float:left;
	padding:0 5px 10px 0;
	margin:0 0 20px 0;
	margin:-8px 0 0 0;
	width:32px;
	height:32px;
	position:relative;
}

.services_info {
	width:300px;
	height:36px;
	padding:0 0 10px 0;
}

.portfolio_item {
	width:200px;
	height:250px;
	margin:10px 37px 20px 45px;
	float:left;
}

.portfolio_item span {
	font-size:0.8em;
}

.thumb {
	margin:5px 0;
	border:2px solid #67707e;
}

.thumb:hover {
	border:2px solid #69a3fe;
}

.thumb:focus {
	border:2px solid #69a3fe;
}

/*this is an undecided feature
.item_title {
	background:url(images/item_title_bg.png) repeat;;
	width:190px;
	height:20px;
	position:relative;
	top:35px;
	left:2px;
	padding:5px 3px 3px 7px;
}*/

.large_img {
	border:2px solid #67707e;
	float:left;
	margin:10px 0;
	width:856px;
}

.large_img:hover {
	border:2px solid #69a3fe;
}

.large_img:focus {
	border:2px solid #69a3fe;
}

.social {
	margin:5px 0;
	border:2px solid #67707e;
	margin:0 32px 0 0;
	width:64px;
	height:64px;
}

.social:hover {
	border:2px solid #69a3fe;
}

.social:focus {
	border:2px solid #69a3fe;
}

#contactForm {
	margin:0 120px 40px 0;
}


#social {
	position:absolute;
	top:235px;
	left:430px;
	width:430px;
}

.input, .box_style {
	margin:0;
	padding:7px;
	background-color: #fff;
 	border: 2px solid #67707e; 
	color:#5f5f5f;
	width:300px;
}

.input:hover {
	border: 2px solid #69a3fe;
}

.input:focus {
	border: 2px solid #69a3fe;
	color:#000;
}

.box_style:hover {
	border: 2px solid #69a3fe;
}

.box_style:focus {
	border: 2px solid #69a3fe;
	color:#000;
}

.button {
	background-color: #fff;
 	border: 2px solid #67707e; 
	color:#000;
	padding: 7px 10px;
}

.button:hover {
 	border: 2px solid #69a3fe; 
}

.button:focus {
 	border: 2px solid #69a3fe; 
}

#footer {
	height:50px;
	text-align:center;
	margin:0 0 0 0;
	padding:10px 0 0 0;
	font-size: 0.8em;
}

#footer span {
	font-size: 0.8em;
}

.clear {
	clear:both;
}






.inputbox, .textbox {
	width:400px;
	padding:10px;
	margin:0 0 30px 0;
}