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

html{
	height: 100%;
	display: block;
}

body {
	font-size: 62.5%; /* Resets 1em to 12px */
	font-family: Arial, Verdana, sans-serif;
	color:#636363;
	margin: 0px;
	padding: 0px;
	height: 100%;
	display: block;
	}

img a {
	border: none;
}
	
.home {
	background: url(/global/images/rdd_homebak.png) repeat-x left top #fff;
	}
	
.internal {
	background: url(/global/images/rdd_bak.png) repeat-x left top #fff;
	}
	
#container {
	position: relative;
	width: 960px;
	height: auto !important;
	margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
	z-index: 0;
	}

#header {
	position: relative;
	width: 960px;
	height: 125px;
	margin: 0px;
	z-index: 0;
	}
	
.home #header {
	position: relative;
float: left;
	width: 960px;
	height: 100px;
	margin: 0px 0px 8px 0px;
	z-index: 0;
	background: url(/global/images/nav_divider.png) bottom left repeat-x;
	}
	
#call {
	position: relative;
	float: left;
	width: 960px;
	height: 25px;
	margin: 0px;
	z-index: 0;
	text-align: right;
	}
	
#logo {
	position: relative;
	float: left;
	width: 211px;
	height: auto;
	margin: 15px 0px;
	z-index: 0;
	}
	
#nav {
	position: relative;
	float: right;
	width: 700px;
	height: auto;
	margin: 20px 0px;
	z-index: 0;
	}
	
#work {
	position: relative;
	float: left;
	width: 960px;
	height: 375px;

	margin: 0px;
	z-index: 0;
	background: url(/global/images/lulu_screen2.png) bottom right no-repeat;
	}

#work2 {
	position: relative;
	float: left;
	width: 960px;
	height: 365px;
	margin: 0px;
	z-index: 0;
background: none!important;
	}

#work-left {
	position: relative;
	float: left;
	width: 340px;
	height: 365px;
	margin: 0px;
	z-index: 0;

	}
	
#maincontent {
	position: relative;
	float: left;
	width: 960px;
	height: auto;
	margin: 20px 0px;
	z-index: 0;
	}
	
.home #maincontent {
	margin: 0px 0px 20px 0px;
	padding: 5px;
	}
	
#work #page_header {
	background: none!important;
	}
	
#breadcrumbs {
	position: relative;
	float: left;
	width: 960px;
	height: auto;
	margin: 0px;
	padding: 0px;
	z-index: 0;
	}
	
#page_header {
	position: relative;
	float: left;
	width: 960px;
	height: auto;
	margin: 20px 0px;
	background: url(/global/images/h_divide.png) repeat-x bottom left #fff;
	z-index: 0;
	}

#leftcolumn {
	position: relative;
	float: left;
	width: 700px;
	height: auto;
	margin: 0px;
	z-index: 0;
	}
	
#rightcolumn{
	position: relative;
	float: right;
	width: 260px;
	height: auto;
	margin: 0px;
	z-index: 0;
	}

#footer {
	position: relative;
	float: left;
	width: 100%;
	height: 320px;
	margin: 0px;
	z-index: 0;
	background: url(/global/images/footer.png) repeat-x top left #000;
	}
	
#footercontact, #footercontent {
	position: relative;
	width: 960px;
	height: auto;
	margin: 0px auto;
	z-index: 0;
	}
	
input.submit_button {
	position: relative;
	float: right;
	width: 157px;
	height: 33px;
	font-size: 1.4em;
	color: #333;
	background: url(/global/images/send_bttn.png);
	border: none!important;
	cursor: pointer;
	margin: 0px 0px 0px 10px;
	}
	
input.submit_button:hover {
	background: url(/global/images/send_bttn_over.png);
	border: none!important;
	}
	
#commentcol {
	position: relative;
	float: left;
	width: 493px;
	height: auto;
	margin: 0px;
	padding: 20px 0px 0px 20px;
	z-index: 0;
	}
	
/* Navigation */

#nav ul {
	position: relative;
	float: right;
	list-style: none;
	font-size: 1.4em;
	margin: 0px;
	padding: 0px 0px 13px 0px;
	}
	
	
#nav ul li, ul#navigation_pri li #about, ul#navigation_pri li #whatsnew, ul#navigation_pri li #contact{
	position: relative!important;
	float: left!important;
	width: auto;
	margin: 10px;
	padding: 0px 0px 0px 30px;
	background: none!important;
	}
	
ul#navigation_pri li #portfolio {
	position: relative!important;
	float: left!important;
	width: auto;
	margin: 0px;
	padding: 0px!important;
	background: none!important;
	}
	
ul#navigation_pri li a:link {color: #ccc; padding: 0px 0px 10px 0px!important;}

ul#navigation_pri li a:hover {color: #fff; border-bottom: 3px solid #fff!important; padding: 0px 0px 10px 0px!important;}
	
ul#navigation_pri li.cur a {color: #fff; border-bottom: 3px solid #fff!important; padding: 0px 0px 10px 0px!important;}

/* Rotator */

#rotator { position: relative; float: left; width: 620px; background: none; margin: 0px 0px 0px 0px;}
#rotator a { height: 345px; width: 620px; display: block; position: absolute; top: 0; left: 0; background: none; }


#pager { margin-top: 10px; float: right; display: inline }
#pager a { color: #333; padding: 2px 4px; text-decoration: none; font-size: 11px; background: #efefef; margin: 0 5px 0 0; }
#pager a:hover, #pager a.activeSlide  { background: #ccc; color: white; }

	
/* Content */
	
#contentblock, #news{
	position: relative;
	float: left;
	height: auto;
	width: 960px;
	margin: 0px;
	padding: 10px 0px;
	}

#intro {
	position: relative;
	float: left;
	height: auto;
	width: 960px;
	margin: 0px;
	padding: 10px 0px 20px 0px;
background: url(/global/images/h_divide.png) repeat-x bottom left #fff;
}

#intro-left {
	position: relative;
	float: left;
	height: auto;
	width: 425px;
	margin: 0px;
	padding: 0px 30px 0px 0px;
	
}
#intro-right {
	position: relative;
	float: left;
	height: auto;
	width: 495px;
	margin: 10px 0px 0px 10px;
	padding: 0px;
	
}

blockquote{
	margin: 20px 25px 0px 10px;
	padding: 10px 20px;
	background: #efefef;
}

#intro-right p {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#intro-right p.client-info {
	margin: 0px 0px 0px 10px;
	padding: 25px 20px 0px 20px;
 	background: url(/global/images/quote_bottom.png) no-repeat left top;
}
	
#paginate {
	position: relative;
	float: left;
	height: auto;
	width: 960px;
	margin: 5px 0px 30px 0px;
	padding: 0px;
	}
	
.home .module {
	position: relative;
	float: left;
	height: auto;
	width: 960px;
	background: none;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}

.module {
	position: relative;
	float: left;
	height: auto;
	width: 960px;
	background: url(/global/images/h_divide.png) repeat-x bottom left #fff;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
.moduleb {
	position: relative;
	float: left;
	height: auto;
	width: 550px;
	background: url(/global/images/h_divide.png) repeat-x bottom left #fff;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
	}
	
.singlecol {
	position: relative;
	float: left;
	width: 200px;
	height: auto;
	margin: 0px;
	padding: 20px 0px;
	z-index: 0;
	}
	
#newstitle{
	position: relative;
	float: left;
	width: 180px;
	height: auto;
	margin: 0px;
	padding: 0px 20px 20px 0px;
	z-index: 0;
	background: url(/global/images/v_divide.png) right top no-repeat;
	}
	
.home .singlecol, #contactright .singlecol {
	position: relative;
	float: left;
	width: 200px;
	height: auto;
	margin: 0px;
	padding: 20px;
	z-index: 0;
	}
	
.biocol {
	position: relative;
	float: left;
	width: 210px;
	height: auto;
	margin: 50px 0px 0px 0px;
	padding: 20px 20px 20px 0px;
	z-index: 0;
	}
	
.expcol {
	position: relative;
	float: left;
	width: 170px;
	height: auto;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	z-index: 0;
	}
	
#contactleft {
	position: relative;
	float: left;
	width: 200px;
	height: auto;
	margin: 10px 0px;
	padding: 0px;
	z-index: 0;
	}
	
#contactright {
	position: relative;
	float: left;
	width: 760px;
	height: auto;
	margin: 10px 0px;
	padding: 0px;
	z-index: 0;
	background: url(/global/images/v_divide.png) left top no-repeat;
	}

#about_left {
	position: relative;
	float: left;
	width: 550px;
	height: auto;
	margin: 0px;
	padding: 20px 0px;
	z-index: 0;
	}
	
#experience, #partners {
	position: relative;
	float: left;
	width: 550px;
	height: auto;
	margin: 0px;
	padding: 0px;
	z-index: 0;
	}
	
#about_right {
	position: relative;
	float: right;
	width: 345px;
	height: auto;
	margin: 0px;
	padding: 20px 0px;
	z-index: 0;
	}
	
.doublecol {
	position: relative;
	float: left;
	width: 440px;
	height: auto;
	margin: 0px;
	padding: 20px;
	}
	
.workmodule {
	position: relative;
	float: left;
	width: 210px;
	height: auto;
	margin: 0px;
	padding: 10px;
	z-index: 0;
	background: #fff;
	}

.workmodule:hover {
	background: #efefef;
}

.thumb {
	position: relative;
	float: left;
	width: 210px;
	height: 110px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border: 1px solid #ccc;
	}

	
/* Panels */

#slide {
	position: relative;
	float: left;
	width: 960px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	z-index: 0;
	}
	
.title {
	position: relative;
	float: left;
	width: 960px;
	height: auto;
	margin: 0px;
	padding: 0px;
	z-index: 0;
	}
	
.content {
	position: relative;
	float: left;
	width: 660px;
	height: auto;
	border-bottom: 1px dashed #ccc;
	margin: 0px;
	padding: 10px 0px;
	}
	
.collapse {
  overflow:hidden;
}

	
#slide .expand a {
  margin: 0px 0px 10px 0px;
  padding: 0px;

}
      
.show {
	position: relative;
	float: right;
  	color: #6634CC;
  	text-decoration: none;
  	background: url(/global/images/plus.png) no-repeat 0px 1px;
  	margin: 0px;
  	padding: 0px 0px 0px 20px;

}
      
.show:hover {
 	color: #f25116;
 	text-decoration: none;
   	margin: 0px;
  	padding: 0px 0px 0px 20px;
  	border: none!important;
}
      
.clicked {
 	background: url(/global/images/minus.png) no-repeat 0px 1px;
  	border-bottom: none!important;
  	margin: 0px;
 	padding: 0px 0px 0px 20px;
  	color: #333;
}



/* Case Study */

ul#thumbnails {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	z-index: 0;
	}
	
ul#thumbnails li{
	position: relative;
	float: left;
	width: 210px;
	height: auto;
	margin: 0px 30px 30px 0px;
	padding: 0px;
	z-index: 0;
	background: none;
}

ul#thumbnails li p.client{
	font-size: inherit;
}

ul#thumbnails li p{
	font-size: inherit;
}

.threecol ul#thumbnails li{
	margin: 0px 20px 10px 0px;
	padding: 0px;
	z-index: 0;
}

#project_details {
	position: relative;
	float: left;
	width: 210px;
	height: auto;
	margin: 0px;
	padding: 0px;
	z-index: 0;
	}
	
#project_gallery {
	position: relative;
	float: right;
	width: 710px;
	height: auto;
	margin: 0px 0px 30px 40px;
	padding: 0px;
	overflow: hidden;
	z-index: 0;
	}
	
#gallery_nav {
	position: relative;
	height: auto;	
	width: 710px;
	float: left;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

#gallery_nav ul {
	position: relative;
	float: left;
	width: auto;
	margin:0px;	
	padding: 0px;
}

#gallery_nav li {	
	position: relative;
	float:left;
	width: auto;
	height: auto;
	margin: 10px 10px 0px 0px;
	padding: 0px;
	list-style-type:none;
}

#gallery_nav li:last-child {	
	width: auto;
	margin: 10px 0px 0px 2px!important;
	padding: 0px;
	list-style-type: none;
}

#gallery_nav a {
	color:#333333;
	display:block;
	padding: 0px;
	position:relative;	
	height:108px;
	text-decoration:none;
	border: 1px solid #ccc;
}	

#gallery_nav a.current {
	border: 2px solid #F90;
}

#gallery_nav img {
	background-color:#fff;
	margin: 0px;
	padding:0px;		
	display:block;
}

/* panes */
#panes {
	border: 1px solid #ccc;
	width:698px;	
	height: 398px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
}


/* crossfading effect needs absolute positioning from the elements */
#panes div {
	display:none;		
	position:absolute;
	top:0px;
	left:0px;
	font-size:14px;
	color:#444;	
	width: 698px; 
}

#panes #flashcontent {	
	position:relative;
	top:0px;
	left:0px;
	font-size:14px;
	color:#444;	
	width:700px; 
}

#panes img {
	float:left;
	margin: 0px;		
}

.overlay {
	display:none;
	width:698px;
	padding:0px;
	background-color:#efefef;
	top:0px;
	left:0px;
}

a img, a img:hover {
	border:none!important;
	display: block;
}

#project_thumbs {
	position: relative;
	float: left;
	width: 208px;
	height: 108px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #ccc;
	z-index: 0;
	}
	
#related {
	position: relative;
	width: 100%;
	background: url(/global/images/related_bak.png) left top repeat;
	margin: 0px;
	padding: 0px;
	z-index: 0;
	}
	
#related_projects {
	position: relative;
	width: 960px;
	height: auto;
	background: url(/global/images/h_divide.png) repeat-x top left;
	margin: 0px auto;
	padding: 0px;
	z-index: 0;
	}
	
.threecol {
	position: relative;
	float: left;
	width: 695px;
	height: auto;
	margin: 0px;
	padding: 35px 0px 0px 60px;
	}
	
.home .threecol {
	position: relative;
	float: left;
	width: 695px;
	height: auto;
	margin: 0px;
	padding: 20px 0px 20px 20px;
	}
	
	
.relatedmodule {
	position: relative;
	float: left;
	width: 210px;
	height: auto;
	margin: 0px;
	padding: 10px;
	z-index: 0;
	}
	
.relatedmodule:hover {
	background: #efefef;
	}
	
/* Typography */

h1.white{
	font-size: 2.8em;
	font-weight: 100;
	line-height: 37px;
	margin: 45px 0px 0px 0px;
	color: #fff;
}

#page_header h1{
	font-size: 3.2em;
	font-weight: 100;
	line-height: 37px;
	margin: 0px 300px 0px 0px;
	padding: 0px 0px 10px 0px;
	color: #333;
}

h1.role {
	font-size: 1.2em!important;
	font-weight: normal!important;
	line-height: 1.7em!important;
	margin: 0px 0px 20px 0px!important;
	padding: 0px!important;
	color: #636363!important;
	}

.casestudy{
	margin-top: 5px!important;
	padding: 0px 0px 10px 0px;
}

.description h1{
	font-size: 120%;
	font-weight: normal;
	color: #fff;
	line-height: 37px;
	margin: 10px 112px 0px 20px;
}

h2{
	font-size: 2.2em;
	color: #333;
	font-weight: normal;
	line-height: 32px;
	margin: 0px;
	padding: 30px 0px 0px 0px;
	}
	
#news_left h2, #news_right h2{
	font-size: 2.2em;
	color: #333;
	font-weight: normal;
	line-height: 32px;
	margin: 0px;
	padding: 0px!important;
	}
	
#project_details h2{
	font-size: 1.6em;
	color: #333;
	font-weight: normal;
	line-height: 32px;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}

h3{
	font-size: 2.2em;
	font-weight: normal;
	color: #333;
	line-height: 20px;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	}
	
h2.about{
	font-size: 2.2em;
	font-weight: normal;
	color: #333;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
	}
	
#bio_title h3.title {
	position: relative;
	float: left;
	font-size: 1.6em;
	font-weight: normal;
	color: #333;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
	width: 300px!important;
}

h3.title {
	position: relative;
	float: left;
	font-size: 1.6em;
	font-weight: normal;
	color: #333;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
	width: 240px!important;
}
	
#about_left h3, #about_right h3{
	font-size: 2.2em;
	font-weight: normal;
	color: #333;
	line-height: 20px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
	
h4{
	font-size: 2.2em;
	color: #333;
	font-weight: normal;
	line-height: 32px;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	}
	
h5{
	font-size: 1.6em;
	font-weight: normal;
	color: #333;
	line-height: 20px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	}
	
#breadcrumbs p {
	font-size: 1.6em!important;
	font-weight: normal;
	line-height: 1.7em;
	margin: 10px 0px 5px 0px!important;
	padding: 0px 0px 0px 17px;
	background: url(/global/images/breadcrumb.png) 0px 7px no-repeat;
	color: #333;
	}
	
#call p {
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.25em;
	margin: 0px;
	padding: 5px 0px;
	color: #fff;
	}
	
p{
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.7em;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	color: #636363;
	}
	
.singlecol p:last-child{
	margin: 0px;
	}
	
.expcol p {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.7em;
	margin: 0px 20px 20px 0px!important;
	padding: 0px;
	color: #636363;
	}

.news_item p {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.7em;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	color: #636363;
	}
	
.thumb p {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.7em;
	margin: 0px;
	padding: 5px 0px;
	color: #636363;
	}
	
#meta_left p,  #meta_right p {
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.7em;
	margin: 0px;
	padding: 0px;
	color: #636363;
	}
	
#project_details p.project_url {
	font-size: 1.6em!important;
	font-weight: 600;
	line-height: 1.7em;
	margin: 0px!important;
	padding: 0px!important;
	color: #333;
	}
	
#project_details p.project_label {
	font-size: 1.4em!important;
	font-weight: 600;
	line-height: 1.7em;
	margin: 0px!important;
	padding: 0px!important;
	border-bottom: none;
	color: #333;
	}
	
#project_details p {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.4em;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px;
	border-bottom: 1px dotted #ccc;
	color: #636363;
	}
	
#bio p {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.6em;
	margin: 10px 60px 20px 0px;
	padding: 0px;
	color: #636363;
	}
	
.biocol p {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.6em;
	margin: 30px 0px 20px 0px;
	padding: 0px;
	color: #636363;
	}
	
#about_left p, #about_right p{
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.7em;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	color: #636363;
	}
	
p.bannercopy {
	font-size: 1.6em;
	font-weight: normal;
	line-height: 24px;
	margin: 15px 0px 20px 0px;
	padding: 0px 0px 5px 0px;
	color: #ccc;
	}
	
.content p{
	font-size: 75%;
	font-weight: normal;
	line-height: 1.25em;
	margin: 0px;
	padding: 0px 30px 10px 20px;
	}
	
.description p{
	font-size: 75%;
	line-height: 16px;
	color: #fff;
	margin: 0px;
	padding: 0px 0px 10px 20px;
	}
	
p.expand {
	font-size: 112.5%;
	font-weight: normal;
	margin: 0px!important;
	padding: 0px!important;
	}
	
.comment_left p, .comment_right p {
	font-size: 1.0em;
	font-weight: normal;
	line-height: 1.3em;
	margin: 0px;
	padding: 0px;
	color: #636363;
	}
	
.comment_left p.author {
	font-size: 1.2em!important;
	font-weight: normal;
	line-height: 1.3em;
	margin: 0px;
	padding: 0px;
	color: #333;
	}
	
#contactleft p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 16px;
	color: #999;
	margin: 0px 10px 0px 0px;
	padding: 10px 0px 0px 0px;
	}

#contactright p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 16px;
	color: #999;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 10px 0px;
	}
	
#footer p.copyright{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 16px;
	color: #fff!important;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	}
	
/* Lists */

ul {
	position: relative;
	list-style: none;
	font-size: 1.2em;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	color: #636363;
	}
	
li {
	position: relative;
	margin: 0px;
	padding: 10px 0px;
	background: url(/global/images/rdd_bullet.png) no-repeat 0px 3px;
	}
	
#work2 ul {
	position: relative;
	float: left;
	list-style: none;
	font-size: 1.8em;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	}
	
#work2 ul li {
	position: relative;
	float: left;
	margin: 0px 15px 0px 0px;
	padding: 10px 0px;
	width: 150px;
	height: 25px;
	background: url(/global/images/dark_bttn.png) no-repeat left top;
	text-align: center;
	}
	
#social_networking ul{
	position: relative;
	float: right;
	list-style: none;
	font-size: 1.2em;
	margin: 10px 60px 0px 0px;
	padding: 0px;
	}
	
#social_networking ul li {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px 5px 0px 0px;
	background: none!important;
	}
	
#bio_description ul, .expcol ul{
	position: relative;
	list-style: none;
	font-size: 1.2em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	color: #636363;
	}
	

#about_right ul {
	position: relative;
	list-style: none;
	font-size: 1.2em;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
	color: #636363;
	background: url(/global/images/h_divide.png) repeat-x bottom left #fff;
	}
	
.expcol li, #about_right ul li, #bio_description li {
	position: relative;
	margin: 0px;
	padding: 5px 0px 5px 15px;
	background: url(/global/images/rdd_bullet.png) no-repeat 0px 7px;
	}
	
.expcol li:hover {
background: url(/global/images/rdd_bullet.png) no-repeat 0px 7px #efefef;
}
	
/* links */

#logo a:hover {
	border-bottom: none;
	}

a:link, a:active {
	color: #00a7e5;
	text-decoration: none;
	}
a:visited {
	color: #999;
	text-decoration: none;
	}
a:hover {
	color: #f25116;
	border-bottom: 1px dotted #f25116;
	}
	
img a:hover, #social_networking a:hover {
	border-bottom: none!important;
	}
	
p.cta a{
	background: url(/global/images/cta.png) no-repeat right bottom;
	padding: 0px 20px 0px 0px;
}

/* Slideshow code  */
	
#gallery {
	clear: both;
	float: left;
	width: 100%;
}

#galleryview {
	display: block;
	height: 414px;
	position: relative;
	overflow: hidden;
	width: 960px;
}

.image_container{position: absolute; z-index: 1;}

.image_container img	{
	display: block;
	position: relative; 
	float: left;
	margin: 0;
	padding: 0;
}			

/*a.next{position: absolute; z-index: 2; left: 945px; top: 200px; overflow: hidden; background: url(/global/images/gallerynext.png) no-repeat 0 0; width: 35px; height: 50px; display: block; text-indent: -999em;}
a.prev{position: absolute; z-index: 2; left: 0px; top: 200px; overflow: hidden; background: url(/global/images/galleryprev.png) no-repeat 0 0; width: 35px; height: 50px; display: block; text-indent: -999em;}*/

/* bio */

#bio_image {
	position: relative;
	float: left;
	width: 300px;
	height: auto;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	z-index: 0;
	}
	
#bio_title {
	position: relative;
	float: left;
	width: 350px;
	height: auto;
	margin: 0px;
	padding: 0px;
	z-index: 0;
	}
	
#social_networking {
	position: relative;
	float: left;
	width: 300px;
	height: auto;
	margin: 0px;
	padding: 0px;
	z-index: 0;
	}
	
#bio, #bio_description {
	position: relative;
	float: left;
	width: 655px;
	height: auto;
	margin: 0px;
	padding: 0px;
	z-index: 0;
	}
	
/* News */

#news_left, #news_comments{
	position: relative;
	float: left;
	width: 615px;
	height: auto;
	margin: 0px;
	padding: 0px;
	z-index: 0;
	}
	
.news_item{
	position: relative;
	float: left;
	width: 550px;
	height: auto;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
	background: url(/global/images/h_divide.png) repeat-x bottom left #fff;
	z-index: 0;
	}

.news_item img{
	margin: 0px 0px;
	padding: 0px 0px 20px 0px;
	}
	
#meta_left{
	position: relative;
	float: left;
	width: 275px;
	height: auto;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	z-index: 0;
	font-size: 1em!important;
	}
	
#meta_right{
	position: relative;
	float: left;
	width: 275px;
	height: auto;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	z-index: 0;
	text-align: right;
	font-size: 1em!important;
	}
	
#news_right{
	position: relative;
	float: right;
	width: 335px;
	height: auto;
	margin: 0px;
	padding: 0px;
	z-index: 0;
	}
	
.comment_block {
	position: relative;
	float: left;
	width: 550px;
	height: auto;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
	z-index: 0;
	}
	
.comment_left {
	position: relative;
	float: left;
	width: 125px;
	height: auto;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	z-index: 0;
	text-align: right;
	}
	
.comment_right {
	position: relative;
	float: left;
	width: 400px;
	height: auto;
	margin: 0px;
	padding: 0px;
	z-index: 0;
	}
	
ul#comment_listing {
	position: relative;
	width: 550px;
	list-style: none;
	margin: 10px 0px;
	padding: 0px 0px 20px 0px;
	color: #636363;
	}
	
ul#comment_listing li {
	position: relative;
	height: auto;
	display: block;
	margin: 0px;
	padding: 10px 0px;
	background: none!important;
	border-bottom: 1px dotted #ccc;
	}
	
ul#news_listing {
	position: relative;
	width: 550px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	font: inherit;
	}
	
ul#news_listing li {
	position: relative;
	height: auto;
	display: block;
	margin: 0px;
	padding: 0px;
	background: none!important;
	}
	
#comment_fields, #comment_action{
	border: none;
	margin: 0px;
	padding: 0px;
}

.form_left {
	position: relative;
	float: left;
	width: 265px;
	height: auto;
	margin: 0px 10px 20px 0px;
	padding: 0px;
	z-index: 0;
}

.form_right {
	position: relative;
	float: left;
	width: 265px;
	height: auto;
	margin: 0px 0px 20px 10px;
	padding: 0px;
	z-index: 0;
}

input#name, input#email{
	position: relative;
	float: left;
	width: 255px;
	height: auto;
	margin: 0px 0px 10px 0px;
	padding: 5px 2px;
	z-index: 0;
}
input#from, input#subject{
	position: relative;
	float: left;
	width: 200px;
	height: auto;
	margin: 0px 0px 10px 0px;
	padding: 5px 2px;
	z-index: 0;
}

#comment{
	position: relative;
	float: left;
	width: 545px;
	height: auto;
	margin: 0px 0px 20px 0px;
	padding: 5px 2px;
	z-index: 0;
}

#message{
	position: relative;
	float: left;
	width: 490px;
	height: 130px;
	margin: 0px 0px 20px 0px;
	padding: 5px 0px 5px 2px;
	z-index: 0;
}

ul#nav_categories {
	position: relative;
	list-style: none;
	font-size: 1.4em;
	margin: 10px 0px;
	padding: 0px 0px 20px 0px;
	color: #636363;
	}
	
ul#nav_categories li {
	position: relative;
	display: block;
	margin: 0px;
	padding: 10px 10px;
	background: none!important;
	border-bottom: 1px dotted #ccc
	}

ul#nav_categories li:hover {
	display: block;
	background: #efefef!important;
}
	
ul#prev_next {
	position: relative;
	float: right;
	list-style: none;
	font-size: 1.4em;
	margin: 0px;
	padding: 0px;
	color: #636363;
	}

ul#prev_next li {
	position: relative;
	float: left;
	list-style: none;
	margin: 0px 0px 0px 10px;
	background: none!important;
	}
	
ul#prev_next li a.prev {
	position: relative;
	padding: 0px 0px 0px 20px;
	background: url(/global/images/prev.png) no-repeat;
	}
	
ul#prev_next li a.next {
	position: relative;
	padding: 0px 20px 0px 0px;
	background: url(/global/images/next.png) no-repeat 35px 0px;
	}

/* Twitter Feed */

#twitter {
	position: relative;
	float: right;
	width: 345px;
	height: auto;
	margin: 0px;
	padding: 10px 0px 40px 0px;
	z-index: 0;
	background: url(/global/images/h_divide.png) repeat-x bottom left #fff;
	}

.twitted {
	width: 16em;
	margin-bottom: 1.5em;
}


.twitted p.preLoader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("loader.gif") 1em center no-repeat;
	/* generate your own loader gif: http://www.ajaxload.info */
}

.twitted ul#twitter_update_list {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	list-style-type: none;
	background: none!important;
}

.twitted ul#twitter_update_list li {
	position: relative;
	margin: 5px 0px;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px dotted #ccc;
	background: none!important;
}

.twitted ul#twitter_update_list li span {
	/* tweet content */
	display: block;
}

.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
	color: #00a7e5;
}

.twitted ul#twitter_update_list li a {
	/* timestamp link */
	color: #ccc;
	
}

.twitted ul#twitter_update_list li.firstTweet {
	font-size: 1.8em;
	margin: 5px 0px;
	padding: 0px 0px 10px 0px;
}

.twitted ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

/* Flickr */
#flickr_badge_uber_wrapper {width: 350px;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image {position: relative; float: left; margin:0px 10px 10px 0px;}
.flickr_badge_image_last {position: relative; float: left; margin:0px 0px 10px 0px;}
.flickr_badge_image img {border: 1px solid #ccc!important;}
#flickr_badge_source {text-align:left; margin:0px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px 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:#cccccc;}
#flickr_badge_wrapper {background-color:#ffffff;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#333333 !important;}

/* Clearfix */

#clear {
	clear: both;
	}
	
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
