@charset "UTF-8";

* { margin:0; padding:0; }

/* Background-Styles */

body {
	background-color:#000000;
	color:#7F7D78;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	line-height:19px;
	margin:0px;
	padding:0px;
}

#main {
	background:#c4c0be url(images/background_light_slice.jpg) repeat-x scroll 0% 0%;
	padding-bottom:30px;
}
#main .container {
	background-image:url(images/background_light.jpg);
	background-repeat:no-repeat;
	min-height:600px;
}

#footer {
	background-image:url(images/background_footer.jpg);
	background-color:#000000;
	background-repeat:repeat-x;
	min-height:100px;
	padding:40px;
	top:-20px;
}
.container {
	margin:0pt auto;
	position:relative;
	width:950px;
}

#header {
	padding-top:20px;
	padding-bottom:20px;
}

#logo {
	background: transparent url(images/logo3.png) no-repeat;
	width:300px;
	height:89px;
	padding-bottom:10px;
}
#logo h1, #logo small, #logo a {
	padding: 20px;
	display:block;
	text-indent:-9999px;
}

ul#menu {
	margin:0px;
	padding:0px;
	position:absolute;
	right:0px;
}
ul#menu li {
	display:inline;
	margin-left:12px;
}
ul#menu li a {
	text-decoration:none;
	color:#1a578b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
}
ul#menu li a:hover,
body#home ul#menu li a.home,
body#portfolio ul#menu li a.portfolio,
body#contact ul#menu li a.contact {
	color:#f8f8f8;
}

/* 
	Block-Styles 
*/

.block {
	border:1px solid #a3a09e;
	background-color:#ffffff;
	margin-bottom:20px;
	position:relative;
}

.block_inside { 
	display:block; 
	border:1px solid #ffffff;
	background: #ffffff url(images/background_block_slice.jpg) repeat-x scroll 0% 0%;	
	padding:30px;
	overflow:auto;
	}
	.block_inside_contact { 
	display:block; 
	border:1px solid #f8f8f8;
	background-color: #ffffff;	
	padding:10px 30px 10px 10px;
	overflow:hidden;
	}

.block_inside h2 {
	color:#007DE2;
	margin:0px;
}
.block_inside img {
	border:none;
}
.block_inside li {
	display:inline;
}

.image_block {
	border:1px solid #b5b5b5;
	background-color:#d2d2d2;
	padding:5px 5px 1px;
	float:left;
	}
	.image_block img {
		border:1px solid #b5b5b5;
	}
	
.text_block {
	float:left;
	width:430px;
	margin-left:30px;
	padding-top:30px;
}

.text_block_smashing {
	float:left;
	width:350px;
	margin-left:30px;
	padding-top:30px;
}
.text_block_smashing li {
	display:block;
	list-style-type:none;
}

.ribbon {  
	position:absolute;  
	top:-3px;  
	right:-3px;  
}  

/*
	Portfolio-Home-Styles
*/

#block_portfolio {
	margin-bottom:20px;
	overflow:auto;
}
#portfolio_items {
	float:left;
	margin-right:25px;
	padding-top:3px;
	width:615px;
}
#text_column {
	float:right;
	width:310px;
	position:relative;
}
#text_column img {
	border:none;
	position:relative;
	margin-bottom:20px;
}
#text_column a img {
	border:none;
	float:left;
	padding:5px 0px;
}
#text_column h2#text_title { 
	text-indent:-9999px;
	background-image:url(images/welcome.jpg);
	background-repeat:no-repeat;
	width:310px;
	height:129px;
}
.mini_portfolio_item {
	border:1px solid #a3a09e;
	margin-bottom:10px;
	position:relative;
}
.mini_portfolio_item .block_inside { 
	background:#F2EEED none repeat scroll 0% 0%; 
	padding:25px 30px 15px;
}
.mini_portfolio_item .thumbnail { float:left; margin-right:20px; border:1px solid #979390; }
.mini_portfolio_item p { color: #333333; }

#hoverImage {
position: absolute;
padding: .5em;
background: #e3e3e3;
border: 1px solid #BFBFBF;
}

.objective {
	font-weight:bold;
	background-color:#1a578b;
	color:#f8f8f8;
	padding: 3px;
}

body#contact #content_area {
	width:auto;
}

#content_area {
	float:left;
	width:640px;
}

#content_area .block_inside {
	min-height:400px;
}

#sidebar, #sidebarTop {
	background-color:#E2DDDC;
	border:1px solid #A3A09E;
	float:left;
	left:-1px;
	margin-top:15px;
	position:relative;
	width:300px;
}
#sidebar .block_inside, #sidebarTop .block_inside {
	background:#E2DDDC none repeat scroll 0% 0%;
	padding:5px;
	text-align:center;
}
#sidebar h3, #sidebarTop h3 {
	font-size:20px;
	line-height:23px;
}
#sidebar ul, #sidebarTop ul {
	margin:10px 0px 30px;
	padding:0px;
}
#sidebar ul li, #sidebarTop ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px 0px 5px;
	padding:0px;
}
#sidebar ul li a, #sidebarTop ul li a {
	color:#7F7D78;
}
#sidebar ul li a:hover, #sidebarTop ul li a:hover {
	color:#0172DD;
	text-decoration:none;
}
#content_area h2 {
	font-size:32px;
	line-height:31px;
}
#content_area .separator {
	border-top:1px solid #E3E3E3;
	margin-top:40px;
	padding-top:40px;
}
h2 {
	color:#000000;
	font-family:Helvetica,Arial,Sans-serif;
	font-size:36px;
	letter-spacing:-1px;
	line-height:39px;
	margin:0px 0px 10px;
}
h3 {
	color:#000000;
	font-family:Helvetica,Arial,Sans-serif;
	font-size:14px;
	line-height:21px;
	margin:10px 0px 5px;
}
h4 {
	color:#007DE2;
	margin:0px;
}
small {
	color:#595856;
	display:block;
	font-size:11px;
	font-weight:bold;
	margin-bottom:15px;
}

/* 
	Text-Styles   
*/

a {
	color:#1a578b;
	text-decoration:none;
}

h3 { margin:0px; padding:0px; }
a:hover { text-decoration:underline; }

p { margin: 20px 0px 15px 0px; }

a.button {
	background:#32312f url(images/button_bg.jpg) repeat-x;
	padding:5px 10px;
	color: #ffffff;
	text-decoration: none;
	border:1px solid #32312f;
	text-transform:uppercase;
	font-size:9px;
	line-height:25px;	
}

a.button:hover {
	background:#007de2 url(images/button_bg_o.jpg) repeat-x;
	border-color:#007de2;
}

/*
	Footer-Styles
*/

#footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.footer_column {
	float:left;
	width:140px;
	margin-right:30px;
}
#footer .long {
	width:560px;
}
#footer .long p {
	margin-top:60px;
}
#footer h3 {
	color:#e2dddc;
	text-transform:uppercase;
	font-size:10px;
}
#footer a {
	color:#007DE2;
}
.footer_column ul li, .footer_column ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#footer img {
	border:none;
}
#twitter img {
	position:absolute;
	top: -5px;
	left: 5px;
	float:left;
	z-index:9999;
}
#twitter h3 {
	margin-top:13px;
	margin-left:62px;
	float:left;
}
#twitter a.link_bg {
	color:#ffffff;
	background-color:#9e9e9b;
	text-decoration:none;
	padding: 4px 4px 4px 30px;
	text-transform:uppercase;
	font-weight:bold;
}
#twitter .link_bg:hover {
	background-color:#007DE2;
	padding: 4px 4px 4px 30px;
}

/*
	Form Styles
*/

.clear { clear: both; }
fieldset { border: none; }

form {
	padding: 25px 0 0 0;
}

input, textarea { outline: none; }

/*
#formLeft {
	width: 320px;
	float: left;
}
#formLeft input {
	width: 250px;
	margin: 0 0 20px 0;
	border: none;
	text-align: left;
	background: none;
	margin: 15px 0 0 15px;
	font-size: 14px;
}
#formLeft .input-bg {
	background: url(images/form-sm-bg.jpg) bottom left no-repeat transparent;
	height: 50px;
	margin-bottom: 10px;
	position: relative;
}
#formLeft .active {
	background: url(images/form-sm-bg.jpg) top left no-repeat transparent;
}
#formRight {
	width: 360px;
	float: left;
	padding-right: 50px;
	position:relative;
}
#formRight textarea {
	width: 298px;
	height: 209px;
	display: block;
	border: none;
	background: none;
	margin: 0 0 0 10px;
	padding: 13px 0 13px 0;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	overflow: auto;
}
#formRight .message-bg {
	background: url(images/message-bg.jpg) bottom left no-repeat transparent;
	height: 238px;
}
#formRight .active {
	background: url(images/message-bg.jpg) top left no-repeat transparent;
}
label {
	display: block;
	font-size: 1.3em;
	text-indent: 10px;
	font-weight: bold;
}
label.error {
	position: absolute;
	top: -16px;
	right: 49px;
	padding: 3px;
	color: #da3939;
	font-size: 1.0em;
	text-align: right;
	font-style: italic;
	font-weight: normal;
}
input.submit-button {
	float: right;
	background:#32312f url(images/button_bg.jpg) repeat-x;
	margin-right:32px;
	padding:5px 10px;
	color: #ffffff;
	text-decoration: none;
	border:1px solid #32312f;
	text-transform:uppercase;
	font-size:12px;
	line-height:25px;
}
input.submit-button:hover {
	background:#007de2 url(images/button_bg_o.jpg) repeat-x;
	border-color:#007de2;
}
*/

/***********************
	Flickr Badge Styles
***********************/

#flickr_badge_wrapper {
	height:275px;
	padding:5px;
	background:transparent;
}
#flickr_badge_uber_wrapper .flickr_badge_image {
	float:left;
	margin:5px;
}
#flickr_badge_uber_wrapper .flickr_badge_image img {
	border:1px solid black !important;
}
#flickr_badge_uber_wrapper {
	text-align:center;
	width:275px;
	padding-left:10px;
	overflow:hidden;
}

#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {padding:10px 0px 5px !important; font: 22px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}

#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

/***********************
	Twitter Badge Styles
***********************/
#twitter_div { 
	position: relative;
	background:url(images/twitter_bg.png) repeat top left scroll;
	overflow:auto;
	width: 610px; 
	height: 350px; 
}
ul#twitter_update_list { 
	list-style: none; 
	font-size: 14px;	
}
ul#twitter_update_list li { 
	margin-bottom: 10px;
	padding: 10px;
	color: #7a8a99;
/*	background: url(images/transpBlue.png);*/
}
a { color: #96997a; }