@charset "UTF-8";
/*-------------------------------------------------------------------- 

[Master Stylesheet] 
  
- Project:	The Portfolio of Sebastian Jaramillo T - sebastianjt.com
- Version:	2.5 

- Author:	Sebastian Jaramillo T.
- Contact:	hello@sebastianjt.com

- Last CSS Update:    September 18, 2009

-------------------------------------------------------------------

***NOTE:

		If you are reading this is either because you are interested 
		in learning something I did or because you are very lost!
		I have created this portfolio with the intention of letting 
		people learn from what I've done and I have tried to make it
		easy to take apart.
		
		If you have any suggestions of how I can improve my work just
		get in touch with me and I will love to hear your thoughts.
		
		Please don't steal, instead LEARN.
		Enjoy!
		
------------------------------------------------------------------ 

[Table of contents] TODO: Add numbers down there in every section
  
	1. General Rules
		1.1 Clearfix
		Note: Wrapper and Container
	
	2. Top Bar
		2.1. Welcome
		2.2. Contact
		2.3. Validation
		2.4. RSS
		2.5. Twitter
		2.6. Flickr
			
	3. Header
		3.1. Logo
		3.2. Main Navigation
		
	4. Content
		4.1. Promo Banner (home)
		4.2. Left Columns
		4.3. Right Columns
		4.4. Middle Sections
	
	5. Home Page
		5.1. Good News Box
		5.2. Featured Projects Box
		5.3. Services Box
		5.4 About Me Box
	
	6. About Page
		6.1. Services 1-2-3 Box
		6.2. Contact Me Box
		6.3. About Me Box
		
	7. Portfolio Page
		7.1. Subnavigation
		7.2. Projects Main Container - Normal View
			7.2.1. Link
		7.3. Projects Main Container - Thumbnail View
		7.4. Project Pages
			7.4.1. Project Info
			7.4.2. Project Images
		7.5. Motion Pages
		
	8. Contact Page
		8.1. Contact Form
		8.2. Message Boxes
		
	9. Footer
		9.1. Footer Top
			9.1.1. Footer Navigation
			9.1.2. Footer Downloads
		9.2. Footer Mid
			9.2.1. Flickr Photos
			9.2.2. Twitter
		9.3. Footer Bottom
			9.3.1. Copyright
			9.3.2. Quote Box
	
	10. Extras
		10.1. Stupid Browser Recognition Box (IE6)
				
-------------------------------------------------------------------*/

/*----------------------------------*/
/*--------- GENERAL RULES ----------*/

* {
	margin: 0px;
	padding: 0px;
}

html {
	background: #1f383d;
}

body {
	background-color: #fcfdfd;
	color: #9b9b9b;
	font: 14px Helvetica, Geneva, Arial, sans-serif;
}

/*-- Main Wrapper and Container --*/
#wrapper {
	margin: 0px auto;
}

#container {
	width: 960px;
	margin: 0 auto;
}
/*-----*/

h1, h2, h3, h4, h5 {
}

h1 {
	font-size: 240%;
	line-height: 150%;
}

h2 {
	font-size: 210%;
	line-height: 150%;
}

h3 {
	font-size: 190%;
	line-height: 150%;
}

h4 {
	font-size: 160%;
	line-height: 150%;
}

h5 {
	font-size: 130%;
	line-height: 150%;
}

p {
	line-height: 1.2em;
	margin-bottom: 15px;
}

strong {
	font-weight: bolder;
}

em {
	font-style: italic;
}

a {
	font-family: Georgia, "Times New Roman", Times, serif;
}

a:link {
	text-decoration: none;
	color: #668d97;
	outline: none;
}

a:visited {
	text-decoration: none;
	color: #668d97;
	outline: none;
}

a:hover {
	text-decoration: underline;
	color: #4f696f;
	outline: none;
}

/*-----*/

.left {
	float: left;
	display: inline;
}

.right {
	float: right;
	display: inline;
}

.half {
	width: 48.5%;
}

.third {
	width: 31%;
}

.twothird {
	width: 65.5%;
}

.third.mid{
	float: left;
	margin-left: 3.5%;
}

.fourth {
	width: 22%;
}

.fourth.mid {
	float: left;
	margin-left: 4%;
}

.fifth {
	width: 18%;
}

.threefifth {
	width: 59%;
}

.fifth.mid {
	float: left;
	margin-left: 2.5%;
}

/*------ Clear Fix ------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */
/*----------------------*/


/*----------------------------------*/
/*------------ TOP BAR -------------*/

#topbar {
	background: url(../imgs/topbar_bg.jpg) repeat-x 0 0;
	height: 42px;
	margin: 0px 30px;
	min-width: 930px;
}

#topbar h1#welcome {
	background: url(../imgs/topbar_title.jpg) no-repeat 0 0;
	float: left;
	height: 0px;
	overflow: hidden;
	padding-top: 42px;
	width: 318px;
}

/*-- Utils Left --*/

#topbar ul#utilsleft {
	float: left;
	display: inline;
}

#topbar ul#utilsleft li {
	float: left;
	display: inline;
}

#topbar ul#utilsleft a * {
	display: none;
}

#topbar ul#utilsleft a,
#topbar ul#utilsleft a .hover {
	height: 42px;
	position: relative;
	display: block;
	background: url(../imgs/topbar_utils_left.jpg) no-repeat 0 0;
}

/* Admin Login */
#topbar ul#utilsleft a#adminlog {
	background-position: 0 0;
	width: 67px;
}

#topbar ul#utilsleft li.highlight a#adminlog:hover,
#topbar ul#utilsleft a#adminlog .hover {
	background-position: 0 -42px;
}

/* Client Login */
#topbar ul#utilsleft a#clientlog {
	background-position: -67px 0;
	width: 64px;
}

#topbar ul#utilsleft li.highlight a#clientlog:hover,
#topbar ul#utilsleft a#clientlog .hover {
	background-position: -67px -42px;
}

/*-- Utils Right --*/

#topbar ul#utilsright {
	float: right;
	display: inline;
}

#topbar ul#utilsright li {
	float: right;
	display: inline;
}

#topbar ul#utilsright a * {
	display: none;
}

#topbar ul#utilsright a,
#topbar ul#utilsright a .hover {
	height: 42px;
	position: relative;
	display: block;
	background: url(../imgs/topbar_utils_right.jpg) no-repeat 0 0;
}

/* Flickr */
#topbar ul#utilsright a#utilflickr {
	background-position: 0 0;
	width: 94px;
}

#topbar ul#utilsright li.highlight a#utilflickr:hover,
#topbar ul#utilsright a#utilflickr .hover {
	background-position: 0 -42px;
}

/* Twitter */
#topbar ul#utilsright a#utiltwitter {
	background-position: -94px 0;
	width: 94px;
}

#topbar ul#utilsright li.highlight a#utiltwitter:hover,
#topbar ul#utilsright a#utiltwitter .hover {
	background-position: -94px -42px;
}

/* Valid XHTML */
#topbar ul#utilsright a#utilvalidxhtml {
	background-position: -188px 0;
	width: 92px;
}

#topbar ul#utilsright li.highlight a#utilvalidxhtml:hover,
#topbar ul#utilsright a#utilvalidxhtml .hover {
	background-position: -188px -42px;
}

/* Valid CSS */
#topbar ul#utilsright a#utilvalidcss {
	background-position: -280px 0;
	width: 77px;
}

#topbar ul#utilsright li.highlight a#utilvalidcss:hover,
#topbar ul#utilsright a#utilvalidcss .hover {
	background-position: -280px -42px;
}

/* Help Bubbles */
#topbar ul#utilsright a#utilshare {
	background-position: -357px 0;
	width: 61px;
}

#topbar ul#utilsright li.highlight a#utilshare:hover,
#topbar ul#utilsright a#utilshare .hover {
	background-position: -357px -42px;
}


/*----------------------------------*/
/*------------- HEADER -------------*/

/*-- Logo --*/

#header {
	position: relative;
	margin: 0px 0px 50px 0px;
}

#header h1#sjlogo {
	display: inline;
	float: left;
	width: 425px;
	height: 80px;
	margin: 42px 0px 0px 0px;
}

#header h1#sjlogo a {
	background: url(../imgs/head_logo.jpg) no-repeat 0 0;
	display: block;
	width: 425px;
	height: 0px;
	overflow: hidden;
	padding-top: 84px;
}

/*-- Main Navigation --*/

#header ul#mainnav {
	display: inline;
	float: right;
	font: 21px Georgia, "Times New Roman", Times, serif;
	margin: 70px 0px 0px 0px;
	text-transform: lowercase;
}

#header ul#mainnav a:link {
	border-right: 1px solid #fcfdfd;
	border-bottom: 1px solid #fcfdfd;
	color: #668d97;	
	display: block;
	padding: 14px 15px 13px 16px;	
}

#header ul#mainnav a:visited {
	border-right: 1px solid #fcfdfd;
	border-bottom: 1px solid #fcfdfd;
	color: #668d97;	
	display: block;
	padding: 14px 15px 13px 16px;	
}

#header ul#mainnav a:hover {
	background-color: #f3f8e6;
	border-right: 1px solid #e5e9d5;
	border-bottom: 1px solid #e5e9d5;
	color: #4f696f;
	text-decoration: none;
}

#header ul#mainnav li a.current {
	background-color: #f0f4db;
	border-right: 1px solid #e5e9d5;
	border-bottom: 1px solid #e5e9d5;
	color: #9fb739;
	text-decoration: none;
}

#header ul#mainnav li {
	display: inline;
	float: left;
}

/*----------------------------------*/
/*------------ CONTENT -------------*/

#content {
	
}

#content div.column_large {
	width: 700px;
	margin: 0px 0px 30px;
}

#content div.column_small {
	width: 220px;
	margin: 0px 0px 30px;
}

#content div.column_small.left {
	padding-right: 20px;
}

#content div.column_small.right {
	padding-left: 20px;
}

#content div.columnbox {
	margin-bottom: 30px;
}

/*-- Middle Section and Half Columns --*/

#content div.midsec {
	width: 960px;
	float: left;
	display: inline;
	margin: 0px 0px 30px;
}

#content div.midsec div.halfleft {
	width: 465px;
	float: left;
	display: inline;
}

#content div.midsec div.halfright {
	width: 465px;
	float: right;
	display: inline;
}

/*-- Sub Navigations --*/
#content div#optionwrapper {
	height: 40px;
	position: relative;
	padding-bottom: 4px;
	background: url(../imgs/subnav_bg.jpg) repeat-x 0 0;
	margin: 0px 0px 30px;
}

body#about.networks #content div#optionwrapper {
	margin: 0px;
}

#content ul#subnav {
	height: 40px;
	margin: 0px auto;
}

#content ul#subnav li {
	border-right: 1px solid #dfe0e0;
	border-left: 1px solid #dfe0e0;
	display: inline;
	float: left;
	height: 40px;
}

#content ul#subnav li {
	border-right: 1px solid #dfe0e0;
	border-left: 1px solid #dfe0e0;
	display: inline;
	float: left;
	height: 40px;
}

#content ul#subnav li a {
	background-color: #fcfdfd;
	display: block;
	font: 20px Georgia, "Times New Roman", Times, serif;
	height: 30px;
	padding: 10px 25px 0px 25px;
	text-transform: lowercase;
}

#content ul#subnav li a:hover {
	text-decoration: none;
}

#content ul#subnav li a.current {
	background: #ecf1d0 url(../imgs/subnav_btn_bg.jpg) repeat-x 0 0;
	text-decoration: none;
	color: #9eb738;
}

/*Special Rules*/
#about #content ul#subnav {
	height: 40px;
	padding-left: 115px;
}

#portfolio #content ul#subnav {
	height: 40px;
	padding-left: 320px;
}

#content ul#subnav li#designlink {
	border: none;
}

#content ul#subnav li#aboutmelink {
	border: none;
}

#content ul#subnav li#networkslink {
	border-right: none;
}

#content ul#subnav li#resumelink {
	border-right: none;
}

/*-- Promo Banner --*/

#content #promowrapper {
	background: url(../imgs/promo_banner_top.jpg) repeat-x 0 0;
	padding-top: 36px;
	margin: 0px 0px 30px 0px;
}

#content #promobanner {
	background: url(../imgs/promo_banner_bottom.jpg) repeat-x 0 bottom;
	display: inline;
	float: left;
	width: 960px;
	height: 192px;
	position: relative;
}

#content #promobanner #crop {
	position: relative; 
	width: 828px;
	height: 135px;
	overflow: hidden;
	margin: 0 auto;
}

#content #promobanner #widearea {
    position: absolute;
	width:20000em; 
	height: 135px;
}

#content #promobanner .slide {
	display: inline;
	float: left;
	
	width: 828px;
	height: 135px;
	margin: 0px;
	position: relative;
}

#content #promobanner .slide div.txt {
	display: inline;
	float: left;
	margin: 20px 0px 0px 50px;
	position: relative;
	z-index: 9999;	
}

#content #promobanner .slide img.slideimg {
	margin: 0px 80px 0px 0px;
	position: absolute;
	right: 0px;
}

/*--*/
#content #promobanner div#openclose {
	cursor: pointer;
	width: 46px;
	height: 26px;
	position: absolute;
	bottom: 0px;
	left: 430px;
}

#content #promobanner div#openclose span#close, #content #promobanner div#openclose span#open {
	width: 46px;
	height: 26px;
}
			
#content #promobanner div#openclose span#open {
	display: none;
}

#promobanner a#backbtn, #promobanner a#nextbtn {
	display: block;
	cursor: pointer;
	padding-top: 31px;
	width: 31px;
	height: 0px;
	outline: none;
	overflow: hidden;
	position: absolute;
	top: 53px;
}

#promobanner a#backbtn {
	background: url(../imgs/promo_banner_left.jpg) no-repeat 0 0;
	left: 30px;
}

#promobanner a#nextbtn {
	background: url(../imgs/promo_banner_right.jpg) no-repeat 100% 0;
	right: 30px;
}

#promobanner #navi {
	position: absolute;
	top: -50px;
	left: 425px;
    width: 60px; 
    height: 14px;
} 
 
#promobanner #navi a { 
    width:8px; 
    height:8px; 
    float:left; 
    margin:3px; 
    background: url(../imgs/navigator.png) no-repeat 0 0; 
    display:block; 
    font-size:1px;
	cursor: pointer;
} 
 
#promobanner #navi a:hover { 
    background-position:0 -8px;       
} 
 
#promobanner #navi a.current { 
    background-position:0 -16px;      
}

/* ------- */

#content h2.contheading {
	margin-bottom: 30px;
	padding-bottom: 15px;
	font-size: 20px;
	color: #9fb739;
	border-bottom: 1px solid #cddeba;
}

#content h2.contheading.after {
	margin-top: 30px;
}

#content h2.emquote {
	margin-bottom: 30px;
	font: italic 18px Georgia, "Times New Roman", Times, serif;
	text-align: center;
}

#content h2.emquote a:link {
	color: #9eb738;
}

#content h2.emquote a:visited {
	color: #9eb738;
}

#content h2.emquote a:hover {
	color: #4f696f;
}

/* --- */

#content div.quotebox h2.emquote {
	color: #6c7c81;
	margin: 0;
	padding: 20px;
	background-color: #eff5f5;
	border-bottom: 1px solid #d0dadb;
}

#content div.quotebox h2.emquote span.author {
	color: #9cb2b8;
}

body#home #content h2.emquote {
	background: url(../imgs/about_head_services.jpg) no-repeat 50% 0;
	border: none;
	height: 0px;
	margin: 10px 0px;
	padding: 86px 0px 0px;
	overflow: hidden;
}

#content div#aboutmebox h2.emquote {
	margin: 0px;
	color: #8eab2c;
	font-size: 30px;
}

#content div#aboutmebox h2.emquote span.author {
	color: #9e9e9e;
	font-size: 18px;
}

#content h3.emquote {
	clear: both;
	font: italic 16px Georgia, "Times New Roman", Times, serif;
	text-align: center;
}


/*----------------------------------*/
/*----------- HOME PAGE ------------*/

/*-- Good News (box) --*/

#content #good_news {
	width: 210px;
	min-height: 460px;
}

#content ul#thenews li {
	padding: 15px 10px;
	border-bottom: 1px dashed #cecfd0;
}

#content ul#thenews li.last {
	border: none;
}

#content ul#thenews li:hover {
	background: #eff7f9 url(../imgs/news_rightgrad.jpg) repeat-y 100% 0;
}

#content ul#thenews h3 a:link {
	color: #365259;
	text-transform: uppercase;
	font-size: 15px;
}

#content ul#thenews h3 a:visited {
	color: #365259;
	text-transform: uppercase;
	font-size: 15px;
}

#content ul#thenews h3 a:hover {
	color: #365259;
	text-decoration: underline;
	text-transform: uppercase;
	font-size: 15px;
}

#content ul#thenews li p {
	color: #a8a8a8;
	font: italic 12px Georgia, "Times New Roman", Times, serif;
	margin-top: 10px;
}

#content #good_news a#newsbottom {
	background: url(../imgs/news_bottom_a.jpg) no-repeat 0 0;
	padding-top: 10px;
	font-size: 12px;
	font-style: italic;
	display: block;
}

/*-- Featured Projects (box) --*/

#content #featuredprojects{
	margin-bottom: 30px;
}

#projects li.recentproj {
	display: inline;
	float: left;
	margin: 0px 20px 0px 0px;
	width: 220px;
	text-align: left;
}

#projects li.recentproj h3 {
	font-size: 16px;
	text-align: center;
	margin: 0px 0px 7px;
	min-height: 40px;
	clear: both;
}

#projects li.recentproj h3 a {
	outline: none;
	display: block;
	width: 200px;
	clear: both;
	margin: 0 auto;
}

#projects li.recentproj p {
	font: 13px Helvetica, Geneva, Arial, sans-serif;
}

#projects li.recentproj img {
	width: 220px;
	height: 111px;
	margin: 0px 0px 10px 0px;
	display: inline;
	float: left;
	background-color: #e7f4fc;
}

#projects li.recentproj.last {
	margin: 0px;	
}

/*-- Hightlights --*/

#content ul#highlights {
}

#content ul#highlights li {
	display: inline;
	float: left;
	width: 335px;
}

#content ul#highlights li.last {
	display: inline;
	float: right;
}

#content ul#highlights li img {
	display: inline;
	float: left;
	margin-right: 10px;
}

#content ul#highlights li p {
	display: block;
	min-height: 85px;
	font-size: 14px;
}

#content ul#highlights li a {
	margin: 10px 0px 0px;
	float: left;
	display: inline;
	clear: both;
}

#content ul#highlights li a.more {
	margin: 0px 0px 0px 15px;
}

/*----------------------------------*/
/*---------- ABOUT PAGE ------------*/

/*-- Services 1-2-3 (box) --*/

#content #servicehead {
	background: url(../imgs/about_head_services.jpg) no-repeat 50% 0;
	border: none;
	height: 0px;
	margin: 10px 0px;
	padding-top: 86px;
	overflow: hidden;
}

#content #networkshead {
	background-image: url(../imgs/about_head_networks.jpg);
	height: 0px;
	overflow: hidden;
	padding-top: 277px;
}


#services ul {
	margin: 0px 0px 40px 0px;
}

#services ul li.block {
	border-bottom: 1px dashed #d7d7d7;
	margin: 0px 0px 30px;
	padding: 0px 0px 20px;
	width: 700px;
}

#services ul li.block.last {
	border-bottom: none;
	padding: 0px;
}

#services ul li img {
	float: left;
	margin: 0px 20px 0px 0px;
}

#services ul li h3 {
	color: #365259;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 15px;
}

#services ul li p {
	float: left;
	font-size: 14px;
	margin: 0px 30px 0px 0px;
	width: 250px;
}

#services ul.points {
	float: left;
	margin: 0px;
}

#services ul.points li {
	background: url(../imgs/form_check.png) no-repeat 0 0;
	color: #5a5a5a;
	font-size: 15px;
	margin: 0px 0px 7px;
	padding: 0px 0px 0px 23px;
}


/*-- Contact Me Box --*/

#content div.contactbox {
	margin: 0px 0px 20px;
	color: #c3c3c3;
	font-size: 15px;
}

#content div.contactbox a#downloadresume {
	background: url(../imgs/download_resume_btn.jpg) no-repeat 0 0;
	display: block;
	height: 0px;
	margin: -10px 0px 0px;
	padding-top: 68px;
	overflow: hidden;
}

#content div.contactbox a#downloadresume:hover {
	background: url(../imgs/download_resume_btn.jpg) no-repeat 0 -68px;
}

#content div.contactbox h3 {
	margin: 0px 0px 20px;
	padding: 10px 10px 6px;
	background-color: #eff5f5;
	border-right: 1px solid #d0dadb;
	border-bottom: 1px solid #d0dadb;
	color: #4d4d4d;
	font-size: 16px;
}

#content div.contactbox ul li {
	margin: 0px 0px 5px;
}

#content div.contactbox.around ul li {
	background: url(../imgs/about_meframe_arrow.jpg) no-repeat 0 6px;
	margin: 0px 0px 1px;
	padding: 0px 0px 0px 15px;
	float: left;
	display: inline;
	min-width: 90px;
}

#content div.contactbox a:link {
	font-size: 15px;
	color: #c3c3c3;
}

#content div.contactbox a:visited {
	font-size: 15px;
	color: #c3c3c3;
}

#content div.contactbox a:hover {
	font-size: 15px;
	color: #505050;
	text-decoration: underline;
}

#content div.contactbox.downloads a, #content div.contactbox.email a {
	padding: 0px 0px 0px 22px;
}

/* Icons */
#content div.contactbox.downloads a:link {
	background: url(../imgs/contactme_box_icon_download.jpg) no-repeat 0 1px;
}

#content div.contactbox.downloads a:visited {
	background: url(../imgs/contactme_box_icon_download.jpg) no-repeat 0 1px;
}

#content div.contactbox.downloads a:hover {
	background: url(../imgs/contactme_box_icon_download.jpg) no-repeat 0 -16px;
}

#content div.contactbox.email a:link {
	background: url(../imgs/contactme_box_icon_mail.jpg) no-repeat 0 3px;
}

#content div.contactbox.email a:visited {
	background: url(../imgs/contactme_box_icon_mail.jpg) no-repeat 0 3px;
}

#content div.contactbox.email a:hover {
	background: url(../imgs/contactme_box_icon_mail.jpg) no-repeat 0 -16px;
}

/*--*/

#content div.contactbox em {
	font-size: 11px;
	font-style: italic;
}

/*-- Testimonials --*/

#content div.testimonials  {
	margin: 0px 0px 40px;
}

#content div.testimonials div.info {
	border-bottom: 3px solid #e7e7e7;
	margin: 0px 0px 15px;
	min-height: 50px;
	padding: 0px 0px 10px;
}

#content div.testimonials h3 {
	color: #365259;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 3px;
}

#content div.testimonials h4 {
	color: #84a3ac;
	font-size: 12px;
	margin: 0px 0px 3px;
	line-height: 14px;
}

#content div.testimonials p {
	font-size: 12px;
}

/*-- About Me Box --*/

#content div#aboutmewrapper {
	background: url(../imgs/about_meframe_middle.jpg) repeat-y 0 0;
	
}


#content div#aboutmebox {
	padding-top: 390px;
	background: url(../imgs/about_meframe_top.jpg) no-repeat 0 0;
}

/* Middle Box */

div#aboutmebox div.midbox {
	background: url(../imgs/about_meframe_midbox_line.jpg) no-repeat 50% 100%;
	margin: 0px 0px 30px;
	padding: 0px 90px 40px;
}

div#aboutmebox div.midbox p {
	color: #888888;
	font: 16px Georgia, "Times New Roman", Times, serif;
}

div#aboutmebox div.midbox p.last {
	margin: 6px 0px 0px 40px;
}

div#aboutmebox div.midbox p strong {
	color: #505050;
}

div#aboutmebox div.midbox p span.firstline {
	color: #505050;
	font-size: 22px;
}

div#aboutmebox div.midbox h2#believequote {
	background: url(../imgs/about_meframe_quote.png) no-repeat 20px 100%;
	height: 0px;
	overflow: hidden;
	margin: 42px 0px 0px;
	padding-top: 129px;
}

/* Bottom Box */

div#aboutmebox div.bottombox {
	padding: 0px 60px 50px;
	background: url(../imgs/about_meframe_bottom.jpg) no-repeat 0 100%;
}

div#aboutmebox div.bottombox div.indvbbox {
	min-height: 138px;
	float: left;
	display: inline;
	background: url(../imgs/about_meframe_bottom_line.png) repeat-y 0 0;
}

div#aboutmebox div.bottombox div.indvbbox.presence {
	width: 135px;
	background: none;
	margin: 0px 0px 0px 12px;
}

div#aboutmebox div.bottombox div.indvbbox.downloads {
	width: 169px;
	padding: 0px 0px 0px 30px;
}

div#aboutmebox div.bottombox div.indvbbox.team {
	width: 229px;
	padding: 0px 0px 0px 30px;
}

div#aboutmebox div.bottombox div.indvbbox.contact {
	width: 204px;
	padding: 0px 0px 0px 30px;
}

div#aboutmebox div.bottombox div.indvbbox h3 {
	margin: 0px 0px 20px;
	color: #4c4c4c;
	font-size: 16px;
}

div#aboutmebox div.bottombox div.indvbbox p {
	margin: 0px 0px 15px;
	font-size: 14px;
	color: #868686;
}

div#aboutmebox div.bottombox div.indvbbox p span {
	font-size: 14px;
	color: #4c4c4c;
}

div#aboutmebox div.bottombox div.indvbbox a.contactme {
	width: 203px;
	height: 0px;
	margin: 0px 0px 0px -7px;
	padding: 41px 0px 0px;
	display: block;
	overflow: hidden;
	background: url(../imgs/about_meframe_btn_contact.png) no-repeat 0 0;
}

div#aboutmebox div.bottombox div.indvbbox a.contactme:hover {
	background: url(../imgs/about_meframe_btn_contact.png) no-repeat 0 -41px;
}

div#aboutmebox div.bottombox div.indvbbox a.learnmore {
	width: 203px;
	height: 0px;
	margin: 0px 0px 0px -7px;
	padding: 41px 0px 0px;
	display: block;
	overflow: hidden;
	background: url(../imgs/about_meframe_btn_learn.png) no-repeat 0 0;
}

div#aboutmebox div.bottombox div.indvbbox a.learnmore:hover {
	background: url(../imgs/about_meframe_btn_learn.png) no-repeat 0 -41px;
}

/*U lists*/

div.bottombox div.indvbbox ul {
	font-family: Georgia, "Times New Roman", Times, serif;
}

div.bottombox div.indvbbox.presence ul li {
	margin: 0px 0px 5px;
	padding: 0px 0px 0px 15px;
	background: url(../imgs/about_meframe_arrow.jpg) no-repeat 0 6px;
}

div.bottombox div.indvbbox.downloads ul li {
	float: left;
	display: inline;
}

div.bottombox div.indvbbox.downloads li a.resume {
	width: 60px;
	height: 0px;
	padding: 70px 0px 0px 5px;
	display: block;
	background: url(../imgs/about_meframe_download_resume.png) no-repeat 0 0;
}

div.bottombox div.indvbbox.downloads li a.vcard {
	width: 60px;
	height: 0px;
	margin: 20px 0px 0px 20px;
	padding: 50px 0px 0px 5px;
	display: block;
	background: url(../imgs/about_meframe_download_vcard.png) no-repeat 0 0;
}

/*---- Networks Page ----*/

div.network {
	margin: 0px 0px 30px;
}

/*-- Twitter --*/

div#twittertop {
	background: url(../imgs/twitter_top.jpg) no-repeat 40px 0;
	height: 69px;
	padding: 23px 0px 0px 40px;
}

div#twitter.network h3 {
	font: italic 18px Georgia, "Times New Roman", Times, serif;
	margin: 33px 0px 0px;
	color: #636363;
}

div#twitter.network h3 a {
	color: #454545;
}

div.network img.twitterthumb {
	background-color: #eeefef;	
	border: 1px solid #d3d3d3;
	margin: 0px 20px 0px 31px;
	padding: 4px;
	float: left;
	display: inline;
}

div.network ul#tweetbox {
	clear: both;
	margin: 0px 0px;
}

div.network ul#tweetbox li {
	background: url(../imgs/twitter_tweets_bg.jpg) repeat-x 0 100%;
	border-right: 1px solid #f0f0f0;
	margin-left: 40px;
	min-height: 70px;
	padding: 20px;
	position: relative;
}

/* First Tweet */
div.network ul#tweetbox li.first {
	background: #3c4e52 url(../imgs/twitter_first_bg.jpg) repeat-x 0 0;
	border-right: 1px solid #f0f0f0;
	min-height: 110px;
}

div.network ul#tweetbox li.first p {
	font-size: 24px;
	color: #ececec;
}

div.network ul#tweetbox li.first small {
	color: #5d777d;
	font-size: 14px;
}

div.network ul#tweetbox li.first a:link {
	color: #9dcad4;
}

div.network ul#tweetbox li.first a:visited {
	color: #9dcad4;
}

div.network ul#tweetbox li.first a:hover {
	color: #bdd947;
}

div.network ul#tweetbox li.first p.newbadge {
	background: url(../imgs/twitter_new_badge.png) no-repeat 0 0;
	width: 61px;
	height: 0px;
	padding-top: 62px;
	overflow: hidden;
	margin: 0px;
	position: absolute;
	top: -20px;
	right: -20px;
}

/* Last Tweet */
div.network ul#tweetbox li.last {
	border-right: 1px solid #f0f0f0;
	min-height: 50px;
}

div.network ul#tweetbox li.last p {
	font-size: 13px;
}

div.network ul#tweetbox li.last small {
	font-size: 10px;
}

/*--*/

div.network ul#tweetbox p {
	color: #a3a3a3;
	font-size: 18px;
}

div.network ul#tweetbox p a {
	font-style: italic;
	text-decoration: underline;
}

div.network ul#tweetbox small {
	display: block;
	color: #404040;
	margin: 5px 0px 0px;
	font-style: italic;
}

/*- Date -*/
div.network ul#tweetbox div.pdate {
	background: url(../imgs/twitter_datetag.jpg) no-repeat 0 0;
	color: #30424c;
	left: -44px;
	height: 94px;
	padding: 21px 0 0 8px;
	position: absolute;
	top: 0;
	width: 36px;
}

/*First and Last Tweets*/
div.network ul#tweetbox li.first div.pdate {
	background: url(../imgs/twitter_datetag_first.jpg) no-repeat 0 0;
	top: 15px;
}

div.network ul#tweetbox li.last div.pdate {
	background: url(../imgs/twitter_datetag_last.jpg) no-repeat 0 0;
	top: -5px;
}
/*-*/

div.network ul#tweetbox div.pdate p.month {
	margin: 5px 0px 7px 1px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 9px;
	letter-spacing: 1px;
}

div.network ul#tweetbox div.pdate p.day {
	color: #717171;
	margin: 2px 0px 0px 5px;
	font-size: 22px;
	font-weight: bold;
	line-height: 20px;
}

div.network ul#tweetbox div.pdate p.year {
	color: #717171;
	font-size: 11px;
	margin: 0px 0px 0px 5px;
}

/*-- Flickr --*/

div#flickr.network h3 {
	font: italic 18px Georgia, "Times New Roman", Times, serif;
	margin: 0px 0px 20px;
}

div#flickr.network h3 a {
}

div.network #photostream li {
	display: inline;
	float: left;
	margin: 0px 16px 20px 0px;
}

div.network #photostream li.edge {
	margin: 0px 0px 20px 0px;
}

div.network #photostream li img {
	background-color: #eeefef;
	border: 1px solid #d3d3d3;
	display: block;
	padding: 4px;
}

/*-- Resume Page --*/

div.resumebox {
	margin: 0px 0px 20px;
}

div.resumebox div.resumeinbox {
	border-bottom: 1px solid #dedede;
	margin: 0px 0px 20px 30px;
	overflow: hidden;
	padding: 0px 0px 20px;
}

div.resumebox div.resumeinbox.last {
	margin-bottom: 0px;
	padding: 0px;
	border-bottom: none;
}

div.resumebox h2 {
	color: #86999e;
	margin: 0px 0px 10px;
	padding: 8px 45px;
	border-right: 1px solid #d0dadb;
	border-bottom: 1px solid #d0dadb;
	font: 18px Georgia, "Times New Roman", Times, serif;
}

div.resumebox h2.summary {
	background: #eff5f5 url(../imgs/resume_icon_sum.png) no-repeat 8px 6px;
}

div.resumebox h2.skills {
	background: #eff5f5 url(../imgs/resume_icon_skills.png) no-repeat 8px 6px;
}

div.resumebox h2.experience {
	background: #eff5f5 url(../imgs/resume_icon_exp.png) no-repeat 8px 7px;
	padding-left: 55px;
}

div.resumebox h2.education {
	background: #eff5f5 url(../imgs/resume_icon_edu.png) no-repeat 8px 9px;
}

div.resumebox h3 {
	color: #365259;
	font-size: 14px;
	margin: 0px 0px 5px;
	font-weight: bold;
}

div.resumebox h3 span.organization, div.resumebox h3 span.degree {
	color: #84a3ac;
	font-size: 13px;
}

div.resumebox h3 span.industry, div.resumebox h3 span.degreetype {
	background-color: #e8e8e8;
	color: #848484;
	font-size: 11px;
	font-weight: lighter;
	margin: 0px 0px;
	padding: 2px 5px;
}

div.resumebox h3 span.divider {
	color: #dedede;
	font-size: 20px;
	font-weight: lighter;
	margin: 0px 1px;
	vertical-align: middle;
}

div.resumebox p {
	margin: 0px 0px 5px;
}

div.resumebox p.description {
	padding: 0px 0px 0px 15px;
	border-left: 2px solid #dedede;
	margin: 0px 0px 10px;
}

div.resumebox p.honor {
	padding: 3px 30px;
	margin: 0px 0px 8px;
	color: #9f8819;
	background: #fbfcb4 url(../imgs/award_star.png) no-repeat 7px 0;
	border-right: 1px solid #e1d7ba;
	border-bottom: 1px solid #e1d7ba;
}

div.resumebox p.date {
	color: #595959;
	margin: 0px 0px 10px;
	font: 13px Georgia, "Times New Roman", Times, serif;
}

div.resumebox dl dt {
	color: #595959;
	margin: 0px 0px 3px;
	font-weight: bold;
}

div.resumebox dl dd {
	margin: 0px 0px 5px;
	padding: 0px 0px 0px 15px;
	border-left: 2px solid #dedede;
	overflow: hidden;
}

/*-- Collapsable items --*/

.collapsable, .collapsable2 {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

/* View More/Less Button */
a.viewmore {
	float: right;
	display: inline;
	clear: both;
	color: #434343;
	cursor: pointer;
	font-size: 11px;
	margin: 5px 0px 0px;
	padding: 0px 0px 0px 11px;
	position: relative;
	width: 60px;
}

a.viewmore.up {
	background: url(../imgs/arrow_up.gif) no-repeat 0 3px;	
}

a.viewmore.down {
	background: url(../imgs/arrow_down.gif) no-repeat 0 3px;	
}


/*----------------------------------*/
/*----------- PORTFOLIO ------------*/

/*Extras*/
#content ul#extras {
	width: 49px;
	height: 23px;
	padding: 8px 0px 0px 8px;
	position: absolute;
	bottom: 8px;
	right: 10px;
	background: url(../imgs/portview_base.jpg) no-repeat 0 0;
}

#content ul#extras li {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	float: left;
}

#content ul#extras li a {
	width: 16px;
	height: 0px;
	padding-top: 16px;
	display: block;
	overflow: hidden;
	background: url(../imgs/portview_icons.jpg) no-repeat 0 0;
}

#content ul#extras li a#viewnormal:link {
	background: url(../imgs/portview_icons.jpg) no-repeat -16px 0;
}

#content ul#extras li a#viewnormal:visited {
	background: url(../imgs/portview_icons.jpg) no-repeat -16px 0;
}

#content ul#extras li a#viewnormal:hover {
	background: url(../imgs/portview_icons.jpg) no-repeat -16px -16px;
}

#content ul#extras li a#viewnormal.current {
	background: url(../imgs/portview_icons.jpg) no-repeat -16px -32px;
}

#content ul#extras li a#viewthumbs:link {
	background: url(../imgs/portview_icons.jpg) no-repeat 0 0;
}

#content ul#extras li a#viewthumbs:visited {
	background: url(../imgs/portview_icons.jpg) no-repeat 0 0;
}

#content ul#extras li a#viewthumbs:hover {
	background: url(../imgs/portview_icons.jpg) no-repeat 0 -16px;
}

#content ul#extras li a#viewthumbs.current {
	background: url(../imgs/portview_icons.jpg) no-repeat 0 -32px;
}

/*-- Projects Main - Normal View--*/
#content ul.projectcont li.project {
	border-bottom: 1px dashed #d6d7d7;
	display: inline;
	float: left;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 20px 0px;
	width: 960px;
}

#content ul.projectcont li.project.last {
	border-bottom: none;
	padding: 0px;
}

#content ul.projectcont li.project img {
	background-color: #e7f4fc;
	display: inline;
	float: left;
}

#content ul.projectcont li.project div.projinfo {
	display: inline;
	float: left;
	margin: 0px 30px 0px 20px;
	width: 225px;
}

#content li.project h2.title a {
	font-size: 18px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	height: auto;
	line-height: 20px;
}

#content li.project div.projinfo h3 {
	color: #787878;
	font-size: 12px;
	font-weight: bold;
}

#content li.project div.projinfo p {
	color: #b3b3b3;
	font-size: 12px;
	margin: 3px 0px 0px 0px;
}

#content li.project p.description {
	display: inline;
	float: right;
	font-size: 14px;
	width: 220px;
}

#content li.project div.projinfo div.links {
	margin: 10px 0px 0px;
}

#content div.projinfo div.links p {
	color: #c9c9c9;
	display: inline;
	float: right;
	font-style: italic;
	height: 13px;
	margin: 0px;
}

/* Projects main Links */
ul.projectcont div.projinfo a {
	font-size: 12px;
	display: block;
	height: 13px;
	padding: 3px 0px 0px 20px;
}

#content ul.projectcont div.projinfo a.pinfo {
	background: url(../imgs/portfolio_projbtn_info.jpg) no-repeat 0 0;
	display: inline;
	float: left;
}

#content ul.projectcont div.projinfo a.pinfo:hover {
	background: url(../imgs/portfolio_projbtn_info.jpg) no-repeat 0 -16px;
	display: inline;
	float: left;
}

#content ul.projectcont div.projinfo a.plaunch {
	background: url(../imgs/portfolio_projbtn_launch.jpg) no-repeat 0 0;
	display: inline;
	float: right;
}

#content ul.projectcont div.projinfo a.plaunch:hover {
	background: url(../imgs/portfolio_projbtn_launch.jpg) no-repeat 0 -16px;
	display: inline;
	float: right;
}

/*-- Projects Main - Thumbnail View View--*/

#content ul.projectcont li.projectthumb {
	float: left;
	display: inline;
	margin: 0px 20px 15px 0px;
}

#content ul.projectcont li.projectthumb h2 {
	color: #e28725;
	font-size: 13px;
	margin: 0px 0px 10px 0px;
}

/*-- PROJECT PAGES --*/

/* Project Info */
#projectcont div.projinfo {
	float: left;
	display: inline;
	width: 450px;
}

#projectcont div.projinfo h1 {
	font-size: 28px;
	margin: 0px 0px 10px 0px;
}

#projectcont div.projinfo h2 {
	color: #636363;
	font-size: 14px;
	font-weight: bold;
}

#projectcont div.projinfo p {
	color: #a2a2a2;
	font-size: 14px;
	margin: 0px 0px 20px 0px;
}

#projectcont div.projinfo a {
	white-space: nowrap;
}

#projectcont div.projinfo p.main {
	border-top: 1px dashed #d6d7d7;
	border-bottom: 1px dashed #d6d7d7;
	color: #668d97;
	font: 19px Georgia, "Times New Roman", Times, serif;
	margin: 20px 0px;
	padding: 20px 20px;
	background-color: #f4f4f4;
}

#projectcont div.projinfo a.plaunch {
	background: url(../imgs/portfolio_projbtn_launch.jpg) no-repeat 0 0;
	font-size: 14px;
	display: block;
	height: 13px;
	padding: 3px 0px 0px 20px;
}

#projectcont div.projinfo a.plaunch:hover {
	background: url(../imgs/portfolio_projbtn_launch.jpg) no-repeat 0 -16px;
	font-size: 14px;
	display: block;
	height: 13px;
	padding: 3px 0px 0px 20px;
}

/* Project Images */

#projectcont div.images {
	display: inline;
	float: right;
	position: relative;
	width: 465px;
}

#projectcont div.images img {
	background-color: #e7f4fc;
	margin-bottom: 15px;
}

#projectcont div.images a.plaunch {
	width: 155px;
	height: 46px;
	float: right;
	display: block;
	margin: 0px 0px 15px;
	padding: 23px 0px 0px 80px;
	clear: both;
	color: #37565b;
	font-size: 20px;
	text-decoration: none;
}

#projectcont div.images a.plaunch:link {
	background: url(../imgs/portfolio_proj_launch_btn.jpg) no-repeat 0 0;
}

#projectcont div.images a.plaunch:visited {
	background: url(../imgs/portfolio_proj_launch_btn.jpg) no-repeat 0 0;
}

#projectcont div.images a.plaunch:hover {
	background: url(../imgs/portfolio_proj_launch_btn.jpg) no-repeat 0 -69px;
}

/*-- Motion Pages --*/

#motionpage div.moviecontainer {
	margin: auto;
	width: 720px;
	height: 520px;
}

#motionpage div.moviecontainer object {
	margin: 5px auto 0px;
}

/*----------------------------------------*/
/*----------------------------------------*/

div.thumbscroller { 
    position: relative; 
    overflow: hidden; 
    width: 465px; 
    height: 350px; 
} 
 
div.thumbscroller div.items { 
    width: 20000em; 
    position: absolute; 
} 
 
div.thumbscroller div.items img { 
    float: left; 
} 
 
div.thumbscroller div.items div.active { 
    border: 1px inset #ccc; 
    background-color: #fff; 
}

#projectcont #navi {
	position: absolute;
	top: 66px;
	left: 0;
    height: 14px;
} 
 
#projectcont #navi a { 
    width:8px; 
    height:8px; 
    float:left; 
    margin:3px; 
    background: url(../imgs/navigator.png) no-repeat 0 0; 
    display:block; 
    font-size:1px;
	cursor: pointer;
} 
 
#projectcont #navi a:hover { 
    background-position:0 -8px;       
} 
 
#projectcont #navi a.current { 
    background-position:0 -16px;      
}

#projectcont a#backbtn, #projectcont a#nextbtn {
	display: block;
	cursor: pointer;
	padding-top: 31px;
	width: 31px;
	height: 0px;
	outline: none;
	overflow: hidden;
	position: absolute;
	bottom: -30px;
}

#projectcont a#backbtn {
	background: url(../imgs/promo_banner_left.jpg) no-repeat 0 0;
	left: 0px;
}

#projectcont a#nextbtn {
	background: url(../imgs/promo_banner_right.jpg) no-repeat 100% 0;
	right: 0px;
}

/*----------------------------------*/
/*---------- CONTACT PAGE ----------*/

/*-- Conatct Form --*/

div#formwrapper {
	margin: 0px;
	position: relative;
}

div#formwrapper div.top {
	background: url(../imgs/contact_form_top.jpg) no-repeat 0 0;
	height: 75px;
	padding: 70px 38px 0px;
}

div#formwrapper div.bottom {
	background: url(../imgs/contact_form_bottom.jpg) no-repeat 0 0;
	height: 59px;
}

div#formwrapper h1 {
	display: none;
}

div#formwrapper p {
	clear: both;
	color: #d8d9dd;
	font-size: 13px;
	margin: 10px 0px;
}

div#formwrapper form#contactform {
	background: url(../imgs/contact_form_middle.jpg) repeat-y 0 0;
	padding: 0px 38px;
}

form#contactform div.indv_box {
	margin: 0px;
	padding: 15px 0px;
	position: relative;
}

form#contactform div.indv_box:hover {
	/*background-color: #e6e6e6;*/
}

form#contactform label {
	color: #9db730;
	display: inline;
	float: left;
	font-size: 16px;
}

form#contactform label span.small {
	color: #919191;
	display: block;
	font-size: 11px;
	margin-top: 5px;
}

form#contactform label, form#contactform span.small {
	text-align: right;
	width: 140px;
}

form#contactform input {
	height: 23px;
	vertical-align: middle;
}

form#contactform textarea {

}

form#contactform input, form#contactform textarea {
	border: 1px solid #d3d5d5;
	
	color: #cbcbcb;
	display: inline;
	float: left;
	font-size: 18px;
	margin: 0 0 0 20px;
	padding: 4px 2px 0px 5px;
	width: 431px;
	outline: none;
}

form#contactform input:focus, form#contactform textarea:focus{
	background-color: #f4fed8;
	border: 1px solid #aeb0b0;
	border-left: 5px solid #9fba2f;
	color: #3e3e3e;
	padding: 4px 2px 0px 5px;
	width: 427px;
}

#contactform div.formbtns {
	position: relative;
}

form#contactform input.formbutton {
	background-image: url(../imgs/contact_form_btns.jpg);
	height: 0px;
	padding: 47px 0px 0px;
	display: block;
	border: none;
	cursor: pointer;
}

form#contactform input.formbutton.send {
	background-position: -176px 0;
	width: 276px;
	position: absolute;
	right: 17px;
	top: 0px;
}

form#contactform input#sendbtn.send.disabled {
	background: url(../imgs/contact_form_btns.jpg) no-repeat -176px -96px;
}

form#contactform input.formbutton.send:hover {
	background-position: -176px -48px;
}

form#contactform input.formbutton.reset {
	background-position: 0 0;
	margin-left: 155px;
	width: 172px;
}

form#contactform input.formbutton.reset:hover {
	background-position: 0 -48px;
}

form#contactform div.indv_box span.checked {
	display: none;
	width: 16px;
	height: 16px;
	position: absolute;
	right: -10px;
	top: 23px;
	background: url(../imgs/form_check.png) no-repeat 0 0;
}

form#contactform div.indv_box span.cross {
	display: none;
	width: 16px;
	height: 16px;
	position: absolute;
	right: -10px;
	top: 23px;
	background: url(../imgs/form_cross.png) no-repeat 0 0;
}


/*-- Message Boxes --*/

div.msgbox {
	padding: 15px 90px;
	margin-bottom: 30px;
	background-color: #d8ebfe;
	border: 1px solid #7f969c;
	color: #434343;
	text-align: center;
}

div.msgbox h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	text-transform: uppercase;
}

div.msgbox p {
	margin-bottom: 0px;
}

div.msgbox h2 em {
	font-weight: bold;
	font-style: italic;
}

div.msgbox.success {
	background: #dde8bd url(../imgs/message_box_icon.jpg) no-repeat 20px 50%;
	border-color: #9eb738;
}

div.msgbox.success h2 em {
	color: #9eb738;
}

div.msgbox.error {
	border-color: #fb000d;
	background-color: #fed6da;
}

div.msgbox.error h2 em {
	color: #fb000d;
}


/*----------------------------------*/
/*------------- FOOTER -------------*/

#footerwrap {
	background: #1f383d url(../imgs/footerwrap_bg.jpg) repeat-x;
	margin-top: 30px;
}

#footer {
	background: url(../imgs/footer_bg.jpg) no-repeat 0 0;
	color: #7d9ba3;
	margin: 0px auto;
	padding: 54px 40px 50px;
	width: 880px;
}

#footer p {
	margin-bottom: 2px;
}

#footer a:link {
	color: #d3dcdf;
}

#footer a:visited {
	color: #ebf5f7;
}

#footer a:hover {
	color: #ebf5f7;
	text-decoration: underline;
}

/*-- Footer Top --*/

#footer #foottop {
	clear: both;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 880px;
	height: 30px;
	margin: 0px 0px 26px;
}

#footer #foottop #footernav {
	display: inline;
	float: left;
}

#footer #foottop #footernav li {
	border-right: 1px solid #617980;
	display: inline;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
}

#footer #foottop #footernav li.last {
	border-right: none;
	display: inline;
	float: left;
	margin-right: 0px;
	padding-right: 0px;
}

#footer #foottop #footernav li a:link {
	color: #7d9ba3;
	text-transform: lowercase;
	font-size: 16px;
}

#footer #foottop #footernav li a:visited {
	color: #7d9ba3;
	text-transform: lowercase;
	font-size: 16px;
}

#footer #foottop #footernav li a:hover {
	color: #ebf5f7;
	text-transform: lowercase;
	text-decoration: underline;
	font-size: 16px;
}

#footer #foottop #footernav li a.current {
	color: #9fb739;
	text-decoration: underline;
}

#footer #foottop #footerdownloads {
	display: inline;
	float: right;
	font-size: 13px;
}

#footer #foottop #footerdownloads a {
	font-style: italic;
	background-repeat: no-repeat;
}

/*-- Footer Middle --*/

#footer #footmid {
	clear: both;
	height: 184px;
	width: 880px;
}

/* Flickr */
#flickrbox {
	clear: both;
	display: inline;
	float: left;
	width: 390px;
}

#flickrbox h2 {
	display: block;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 3px 30px;
	background: url(../imgs/footer_flickr_ico.jpg) no-repeat 0 0;
	font-size: 13px;
	font-style: italic;
}

#flickrbox #photos {
	margin-left: 30px;
}

#flickrbox #photos .flickr_badge_image {
	background-color: #1f3237;
	border: 1px solid #34484d;
	display: inline;
	float: left;
	margin: 0 20px 0 0;
	padding: 6px;
	width: 75px;
	height: 75px;
}

/* Twitter */
#twitter_container {
	display: inline;
	float: right;
	width: 430px;
	height: 150px;
}

#twitter_container #twitters {
	display: inline;
	float: right;
	width: 290px;
	margin-right: 23px;
}

#twitter_container #twitters span.status {
	color: #a2cfdb;
	height: 65px;
	font-size: 14px;
		display: table-cell;/* to make the vertical align work */
		vertical-align: middle;
}

#twitter_container #twitters span.time {
	display: block;
	font-size: 11px;
	font-style: italic;
	margin-right: 30px;
	margin-top: 10px;
	text-align: right;
}

#twitter_container #twitt_loader {
	display: inline;
	float: left;
	margin: 15px 0px 0px 15px;
}

#twitter_container #twitt_loader img {
	margin: 0px 7px 0px 0px;
}

/*-- Footer Bottom --*/

#footer #footbottom {
	clear: both;
	color: #52747d;
	width: 880px;
	border-top: 1px solid #445d62;
	font-size: 11px;
	padding: 10px 0px 0px;
}

#footer #footbottom #copyrights {
	display: inline;
	float: left;
	width: 400px;
}

#footer #footbottom .quotebox {
	display: inline;
	float: right;
	width: 450px;
	text-align: right;
}

#footer #footbottom .quotebox p span.author {
	font-style: italic;
	color: #c0dcdf;
}

/*----------------------------------*/
/*------------- EXTRAS -------------*/

/*TOOLTIPS*/

.toptip { 
    display: none;
 	color: #fff;
    background-color: #0D2E34; 
    border: 1px solid #092328; 
    padding: 5px 10px; 
    font-size: 12px; 
	white-space: nowrap;
}

.resumetip, 
.tweettip { 
    display:none; 
    background:transparent url(../imgs/tooltip/white_arrow.png); 
    font-size:14px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#888; 
}

.resumetip {
	text-align: center;
}

#content div.contactbox .resumetip a,
#content .tweettip a {
	color: #9EB738;
	text-decoration: underline;
}

.flickrtip { 
    display: none;
 	color: #888;
    background-color: #eee; 
    border: 1px solid #fff; 
    padding: 5px 10px; 
    font-size: 12px; 
	white-space: nowrap;
}


/*-- Stupid Browser Recognition Box (IE6) --*/

div#browserWarning {
	margin: 0 auto;
	padding: 5px 10px;
	position: relative;
	background-color: #fbe875;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	text-align: center;
	color: #000;
}

div#browserWarning h1 {
	margin: 0px 0px 5px;
	font-size: 18px;
	font-weight: bold;
}

div#browserWarning p {
	font-size: 14px;
}

div#browserWarning a {
	font-size: 14px;
	color: #b96021;
	text-decoration: underline;
	font-weight: bold;
}

div#browserWarning a#warningClose {
	position: absolute;
	top: 10px;
	right: 10px;
}

/*----------------------------------*/
/*---------- ERROR PAGE ------------*/

#content #error_cont {
	background: url(../imgs/error404_sign.jpg) no-repeat 0 0;
	margin: 60px auto 40px;
	padding: 10px 0px 0px 261px;
	min-height: 331px;
	width: 580px;
}

#content #error_cont #error_text {
	font-size: 15px;
}

#content #error_cont h1#errortitle {
	background: url(../imgs/error404_txt.jpg) no-repeat 0 0;
	height: 0px;
	width: 150px;
	margin-bottom: 10px;
	padding-top: 33px;
	overflow: hidden;
}

#content #error_cont h2 {
	font-size: 26px;
	color: #8eab2c;
	margin: 0px 0px 10px;
	padding: 0px 0px 5px;
	border-bottom: 2px solid #dfe9ec;
}

#content #error_cont h3 {
	font-size: 18px;
	color: #375357;
	margin-bottom: 10px;
}

#content #error_cont p {
	
	color: #668d97;
	font-size: 16px;
}

#content #error_cont ul li {
	color: #8eab2c;
	list-style-position: inside;
	list-style-type: disc;
	margin: 0px 0px 5px 10px;
}