@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	}

body {
	font-family: Helvetica, Arial, sans-serif;
	color: #aca9a9;
	line-height: 25px;
	}
	
a {
	color: #aca9a9;
	font-weight: bold;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	color: #f46161;
	}
	
a.active {
	border-bottom: 1px solid #f26363;
	}
	
	
#container {
	margin: 0 auto;
	width: 960px;
	}
	

a.logo {
	background: url(../images/logo.jpg) no-repeat;
	width: 200px;
	height: 88px;
	display: block;
	float: left;
	margin-top: 20px;
	padding-right: 105px;
	}
	
a.logo span {
	display: none;
	}
	
	
#clear {
	clear: both;
	}
	
	

/* Navigation */

#nav {
	padding-top: 50px;
	}

#nav ul li {
	display: inline;
	padding: 0 8px 0 5px;
	}
	
	
/* Middle */

#middle {
	margin-top: 30px;
	}

h2.idea {
	color: #00afbe;
	font-weight: bold;
	}
	

/* Home Contact Form */


#contactForm input {
	border: 1px solid #33bfcb;
	width: 200px;
	}
	
textarea#message {
	width: 200px;
	}
	
#contactForm textarea {
	border: 1px solid #33bfcb;
	}
	
td.contact-headers {
	font-size: 14px;
	}
	
td#contact-header-msg {
	font-size: 14px;
	}
	
input#send {
	background: #f48181;
	border: none;
	padding: 5px;
	color: #fff;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	width: 50px;
	}
	

	
	
	
/* Columns */
#columns {
	overflow: hidden;
	width: 960px;
	margin-top: 80px;
	}
	
	
.column {
	float: left;
	margin: 0 10px 0 0;
	overflow: hidden;
	border-bottom: 1px solid #33bfcb;
	padding-bottom: 20px;
	}
	
.grid {
	width: 300px;
	}
	
h2.info {
	color: #47413d;
	font-size: 28px;
	}
	
.seperator {
	border-bottom: 1px solid #33bfcb;
	padding-bottom: 20px;
	}

h2.infoTwo {
	color: #47413d;
	font-size: 20px;
	margin-top: 30px;
	}

	
p.infop {
	font-size: 18px;
	}
	
.highlight {
	color: #f26363;
	}
	
	
	
/* About Page */
		
.columnz {
	float: left;
	margin: 0 10px 0 0;
	overflow: hidden;
	border-bottom: 1px solid #33bfcb;
	padding-bottom: 20px;
	}
	
.gridz {
	width: 600px;
	}
	
a.c {
	border-bottom: 1px dotted #f26363;
	}
	
	
	
/* Work Page */
	
.popup {
	font-size: 12px;
	}
	
.popup p {
	line-height: 20px;
	}

.popup h4 {
	color: #47413D;
	}	

.role {
	color: #aca9a9;
	font-weight: bold;
	}

	
	
/* Contact Page */
#contactForms input {
	border: 1px solid #33bfcb;
	width: 500px;
	}
	
textarea#messages {
	width: 500px;
	}
	
#contactForms textarea {
	border: 1px solid #33bfcb;
	}
	
td.contact-headers {
	font-size: 14px;
	}
	
td#contact-header-msgs {
	font-size: 14px;
	}

		
input#sends {
	width: 50px;
	background: #f48181;
	border: none;
	padding: 5px;
	color: #fff;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	}
	
	

/* Footer */

#footer {
	width: 960px;
	margin: 0 auto;
	background: #fff1f1;
	}
	
#columnsTwo {
	overflow: hidden;
	width: 960px;
	margin-top: 50px;
	padding: 10px;
	}
	
	
.columns {
	float: left;
	margin: 0 10px 0 0;
	overflow: hidden;
	padding-bottom: 20px;
	}
	
.grids {
	width: 300px;
	}
	


/* Twitter / Juitter Plugin */

/* Twit container*/
#twit .twittList {
	margin:0;
	padding:0;
	} /* UL that will contain the list of tweets */
	
/* Bellow the list of tweets "<li>" */

#twit .twittLI {
	list-style:none;
	background:#fff;
	margin:0;
	padding: 8px 0 0 0;
	padding:3px;
	clear:both;
	height:55px;
	color: #47413d;
	font-size: 14px;
	} 
	
#twit .twittList A {
	color: #f26363;
	font-size: 14px;
	} /*Links inside the tweets list */
	
/* Bellow the CSS for the avatar image  */
#twit .juitterAvatar{
	float:left;
	border:solid 1px #33bfcb;
	background:#FFF;
	margin-right:5px;
	padding:2px;
	width:48px;
	height:48px;
	}
	
#twit .jRM {
	float:right;
	clear:both
	} /*read it on twitter link*/
	
#twit .extLink{} /*CSS for the external links*/

#twit .hashLink{} /*CSS for the hash links*/

	

/* Flickr Badge */
#flickr_badge_source_txt {
	padding:0; 
	font: 11px Helvetica, Arial, sans-serif; 
	color: #d7d7d7;
	}
	
#flickr_badge_icon {
	display:block !important; 
	margin:0 !important; 
	border: 1px solid #33bfcb !important;
	}
	
#flickr_icon_td {
	padding:0 5px 0 0 !important;
	}

.flickr_badge_image {
	text-align:center !important;
	}

.flickr_badge_image img {
	border: 1px solid #33bfcb !important;
	}

#flickr_www {
	display:block; 
	padding:0 10px 0 0 !important; 
	font: 11px Helvetica, Arial, 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:#f37070;
	}
	
#flickr_badge_wrapper {}

#flickr_badge_source {
	padding:0 !important; 
	font: 11px Helvetica, Arial, sans-serif !important; 
	color:#d7d7d7 !important;
	}
	
	
/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #f48181;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #f48181;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #f48181;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
