/* 	MATTER - morematter.com
	global.css - Layout and Functionality */

/* ----------| =Initial Page Structure |---------- */ 

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	list-style: none;
}

html {
	font: 62.5% Helvetica, Arial, Verdana, sans-serif;
	color: #000;
	background: #fff;
	margin: 0;
	padding: 0;
}

body {
	margin: 0 auto;
	padding: 0;
	font: 14px/21px Helvetica, Arial, Verdana, sans-serif;
	background-color: #FFF;
}
    
#container {
	width: 920px;
	margin: 0 auto;
	position: relative;
	padding: 10px 50px;
}

/* ----------| =Reset |---------- */ 

div, p, ul, ol, li, h1, h2, h4, h5, h6 { 
	margin: 0; 
	padding: 0; 
}

ul, ol { 
	list-style: none; 
}

img { 
	border: none; 
}

table { 
	border-collapse: collapse; 
	border-spacing: 0; 
}      

/* ------------------| =Utilities |------------------ */ 

.clear { 
	clear: both; 
}

.fltLft { 
	float: left; 
}

.fltRt { 
	float: right; 
}

hr.grey { width: 100%; height: 2px; border: 0; background-color: #B2B2B2; clear: both; margin: 3px 0; }

hr.ltgrey { width: 100%; height: 1px; border: 0; background-color: #B2B2B2; clear: both; margin: 3px 0; }

hr.blk { width: 100%; height: 1px; border: 0; background-color: #000; clear: both; margin: 0; }

hr.grn { width: 100%; height: 1px; border: 0; background-color: #769216; clear: both; margin: 0; }

hr.orange { width: 100%; height: 1px; border: 0; background-color: #f6861f; clear: both; margin: 0; } 

.grey { color: #666; }     

.space { padding-top: 8px;}

/* --------------------| =Header |------------------- */  

#headerHome {
	width: 920px;
	height: 310px;
	margin: 0 auto;
	position: relative;
	border-top: 5px solid #000;
}

#header {
	position: relative;
	border-top: 5px solid #000;
}

#header .departments {
	background: url(../images/header/departments.jpg) no-repeat top left;
	width: 920px; 
	margin: 0 0 10px 0;  
	padding: 150px 0 3.8em 0; 
	border-bottom: 4px #000 solid;
}
#header .evidence {
	background: url(../images/header/evidence.jpg) no-repeat top left;
	width: 920px; 
	margin: 0 0 10px 0;  
	padding: 150px 0 3.8em 0; 
	border-bottom: 4px #000 solid;
}

#header .printdept {
	width: 920px; 
	height: 80px;
	margin: 10px 0 10px 0;
	border-bottom: 4px #000 solid;
} 

#header .print {
	background: url(../images/header/print.jpg) no-repeat top left;
	width: 920px; 
	margin: 0 0 10px 0;  
	padding: 150px 0 3.8em 0; 
	border-bottom: 4px #000 solid;
}

#header .productsdept {
	width: 920px; 
	height: 80px;
	margin: 10px 0 10px 0;
	border-bottom: 4px #000 solid;
}

#header .products {
	background: url(../images/header/product.jpg) no-repeat top left;
	width: 920px; 
	margin: 0 0 10px 0;  
	padding: 150px 0 3.8em 0; 
	border-bottom: 4px #000 solid;
}   

#header .screendept {
	width: 920px; 
	height: 80px;
	margin: 10px 0 10px 0;
	border-bottom: 4px #000 solid;
} 

#header .screen {
	background: url(../images/header/screen.jpg) no-repeat top left;
	width: 920px; 
	margin: 0 0 10px 0;  
	padding: 150px 0 3.8em 0; 
	border-bottom: 4px #000 solid;
}  

#header .studio {
	background: url(../images/header/studio.jpg) no-repeat top left;
	width: 920px; 
	margin: 0 0 10px 0;  
	padding: 150px 0 3.8em 0; 
	border-bottom: 4px #000 solid;
}   

#header .staff {
	background: url(../images/header/staff.jpg) no-repeat top left;
	width: 920px; 
	margin: 0 0 10px 0;  
	padding: 150px 0 3.8em 0; 
	border-bottom: 4px #000 solid;
}   

#header .friends {
	background: url(../images/header/friends.jpg) no-repeat top left;
	width: 920px; 
	margin: 0 0 10px 0;  
	padding: 150px 0 3.8em 0; 
	border-bottom: 4px #000 solid;
}   

#header .press {
	background: url(../images/header/press.jpg) no-repeat top left;
	width: 920px; 
	margin: 0 0 10px 0;  
	padding: 150px 0 3.8em 0; 
	border-bottom: 4px #000 solid;
} 

#header .case {
	background: url(../images/header/case_studies.jpg) no-repeat top left;
	width: 920px; 
	margin: 0 0 10px 0;  
	padding: 150px 0 3.8em 0; 
	border-bottom: 4px #000 solid;
} 

#header .brand {
	background: url(../images/header/brand.jpg) no-repeat top left;
	width: 920px; 
	margin: 0 0 10px 0;  
	padding: 150px 0 3.8em 0; 
	border-bottom: 4px #000 solid;
} 
#header .action {
	background: url(../images/header/action.jpg) no-repeat top left;
	width: 920px; 
	margin: 0 0 10px 0;  
	padding: 150px 0 3.8em 0; 
	border-bottom: 4px #000 solid;
} 
#header .strategy {
	background: url(../images/header/strategy.jpg) no-repeat top left;
	width: 920px; 
	margin: 0 0 10px 0;  
	padding: 150px 0 3.8em 0; 
	border-bottom: 4px #000 solid;
}


#header h1{
	float: left;
	color: #666;
	font-family: "hellenic-wide-1","hellenic-wide-2", Georgia, serif;
	font-weight: normal;
	text-transform: none; 
	font-size: 1.8em;
	letter-spacing: .1em;
}



.logoImg {
	float: left;
	padding: 10px 0 10px 30px;
} 

.vertLines {
	width: 199px;
	padding: 5px 0 2px 3px ;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 2px solid #000000;
}     

.rPad25 {
	padding: 0 25px 0 0;
}    

img#bannerRandom {
	width:920px;
	height:248px;
	z-index: 3; 
	position: absolute; 
	top: 50px; 
	left: 0px;
} 


/* ---------------| =Header/Subscribe |-------------------- */ 
.subscribe {
	z-index: 4; 
	position: absolute; 
	top: 0px; 
	left: 660px;
	padding: 0 25px 0 20px;
	width: 200px;
	color: #000;
	background-image: url(../images/subscribeQuotes.gif);
	background-repeat: no-repeat;
} 

#subscribeField {
	width: 199px;
	display: block;
	padding: 3px 0 3px 3px ;
	color: #777;
	background:transparent;
	border: 0px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 2px solid #000000;
}

/* ---------------| =Navigation |-------------------- */ 

#navigation {
	width: 655px;
	padding: 0 0 10px 265px;
	border-bottom: 4px solid #000;
	margin-top: 10px; 
}

#navigationHome {
	width: 655px;
	padding: 0 0 10px 265px;
	border-bottom: 4px solid #000;
} 

 
#navigationProjects {
	width: 660px;
	padding: 10px 0 10px 265px;
	border-bottom: 4px solid #769216;
}
 
#navigationAccess {
	width: 660px;
	padding: 10px 0 10px 265px;
	border-bottom: 4px solid #f6861f;
}


#topNav1, 
#topNav2, 
#topNav3 {
	font-family: "superclarendon-1","superclarendon-2", Georgia, Times, serif;
	font-size: 14px;
    text-transform: uppercase;
    color: #769216;
	border-bottom: 2px solid #B2B2B2;
}

#topNav1 a:link, 
#topNav1 a:visited,
#topNav2 a:link, 
#topNav2 a:visited,
#topNav3 a:link, 
#topNav3 a:visited {
    color: #769216;
	text-decoration: none;
}

#topNav1 a:active,
#topNav2 a:active,
#topNav3 a:active {
    color: #51640f;
	text-decoration: none;
}

#topNav1 a:hover,
body#departments #t-departments a
{ 
	color: #CE4027;
}

#topNav2 a:hover,
body#studio #t-studio a
{ 
	color: #CE4027;
}
#topNav3 a:hover,
body#evidence #t-evidence a
{ 
	color: #CE4027;
}

.subNav	{
	padding: 5px 0 0 0;
	font: 12px/14px "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, Verdana, sans-serif;
	color: #000;
	border-left: solid 10px #FFF;
}
 
.navColumn {
	float: left;
	width: 200px;
}

.sidebar	{
	margin-left: -10px;
	float: left;
}

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

.subNav li	{	/* the rules that do the indenting */
	list-style: none;
	margin: 0 0 3px 0;
	padding-left: 10px;
	text-indent: -10px;
}

.subNav a:link, 
.subNav a:visited {
	color: #666;
	text-decoration: none;
}

.subNav a:hover, 
.subNav a:active {
	color: #CE4027;
	text-decoration: none;
}

.plusLine {
	border-top: 1px solid #B2B2B2;
}

.sideNav {
	margin: 20px 0 0 0;
}

/* ---------------| =Content |------------------ */ 

#caption {
	  margin: 0 0 10px 5px;
	  font: 10px/12px Helvetica, Arial, Verdana, sans-serif;
	  color: #777;
}

	/* ---------------| =Content Left |------------------ */

#leftSideHome {
	float: left;
	width: 230px;
	padding: 40px 25px 0 0;
}

#leftSideHome img {
	margin: 10px 0 0 0;
	padding: 1px;
}


#leftSide {
	float: left;
	width: 230px;
	padding: 0 25px 0 0;
}


#leftSide img {
	margin: 10px 0 0 0;
	padding: 1px;
}

#leftSide h1 { 
  	margin: 10px 10px 15px 0;
  	font-family: "presicav-1","presicav-2",helvetica,arial,verdana,sans-serif;
  	font-size: 1.6em;
	line-height: 1em;
  	color: #CE4027;
   	font-weight: bold;
}
#leftSide h2 {
	font-family: "pill-gothic-300mg-1","pill-gothic-300mg-2", helvetica, arial, verdana, sans-serif;
	font-size: 1.8em;
	font-weight: normal;
	font-style: normal;
	padding: 0px;
	color: #777;
}

#leftSide .sideNav ul h2 {
  	font: 1em "superclarendon-1","superclarendon-2", Georgia, Times, serif;
	text-transform: uppercase;
	font-weight: normal;
	color: #f54c2b;
	padding: 0 0 4px 0;
	margin: 0 0 6px 0;
	border-bottom: #999 2px solid;
}
#leftSide .sideNav ul h2 a,
#leftSide .sideNav ul h2 a:visited{
	text-decoration: none;
	color: #f54c2b;
}                  
#leftSide .sideNav ul h2 a:hover{
	color: #666;
}
#leftSide .sideNav ul li a, 
#leftSide .sideNav ul li a:visited{
	font: .85em "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, Verdana, sans-serif;
    text-decoration: none;
	line-height: .5em;
	color: #555;
}
#leftSide .sideNav ul li a:hover {
    text-decoration: none;
	color: #999;
}

#leftSide .pageNav ul h2{
  	font: 1em "superclarendon-1","superclarendon-2", Georgia, Times, serif;
	text-transform: uppercase;
	font-weight: normal;
	color: #f54c2b;
	margin: 20px 0 0 0;
	padding: 0 0 4px 0;
	border-bottom: #999 2px solid;
}   
#leftSide .pageNav ul li a{
	font: .9em "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, Verdana, sans-serif;
	color: #222; 
	text-decoration: none;
	border-bottom: #666 1px solid;
	padding: 5px 2px;
	display: block;
}
#leftSide .pageNav ul li a:hover{
	color: #f54c2b;
}

#topNavHi a:hover,
body#print #t-print a,
body#products #t-products a,
body#screen #t-screen a,
body#brand #t-brand a,
body#staff #t-staff a,
body#friends #t-friends a,
body#contact #t-contact a,
body#strategy #t-strategy a,
body#case_studies #t-case_studies a,
body#action #t-action a,
body#press #t-press a
{ 
	color: #CE4027;
}


#leftSide a:hover,
body#girls_rock #t-girls_rock a,
body#byers_peak #t-byers_peak a,
body#three_i #t-three_i a,
body#modest_films #t-modest_films a,
body#southfork #t-southfork a,
body#foodie_call #t-foodie_call a,
body#judaic_center #t-judaic_center a,
body#cinemocracy #t-cinemocracy a,
body#na_property #t-na_property a,  
body#slipstream #t-slipstream a,
body#pluris #t-pluris a,
body#the_shoppe #t-the_shoppe a,
body#we_sea #t-we_sea a,
body#aplu #t-aplu a,
body#slipstream #t-slipstream a,
body#urban_homes #t-urban_homes a,
body#abb_law #t-abb_law a,
body#ais #t-ais a,
body#aiga #t-aiga a,
body#dam #t-dam a,
body#aclu #t-aclu a,   
body#mcmco #t-mcmco a,
body#ais_motion #t-ais_motion a,          
body#cinemocracy_motion #t-cinemocracy_motion a,
body#three_i_motion #t-three_i_motion a,
body#chill #t-chill a,
body#astromoveo #t-astromoveo a,
body#foodie_call #t-foodie_call a,
body#gi_joe #t-gi_joe a,
body#magic_circle #t-magic_circle a,
body#open_house #t-open_house a,
body#smiths_arch #t-smiths_arch a,
body#tangerine #t-tangerine a,
body#temple_micah #t-temple_micah a,
body#z_modern #t-z_modern a
{ 
	color: #CE4027;
}

.leftNoIcon {
	float: right;
	width: 225px;
	padding: 10px 0;
	font: 10px/12px "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Helvetica, Arial, Verdana, sans-serif;
	color: #666;
}

.leftCopy p, 
.leftNoIcon p {
	padding: 0 0 5px 0;
}

.leftCopy h1, 
.leftNoIcon h1 {
	font: 14px/16px "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
}

.leftCopy h2, 
.leftNoIcon h2 {
	font: 22px/16px "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	color: #f54c2b;
}

.leftStyle1 {
	font: 12px/14px "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, Verdana, sans-serif;
	color: #666;
}

.leftNoIcon a:link, 
.leftNoIcon a:visited, 
.leftStyle1 a:link, 
.leftStyle1 a:visited {
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

.leftNoIcon a:hover, 
.leftNoIcon a:active, 
.leftStyle1 a:hover, 
.leftStyle1 a:active {
	color: #CE4027;
	text-decoration: none;
	font-weight: bold;
}

.leftStyle2 {
  font: 18px/22px "superclarendon-1","superclarendon-2", Georgia, Times, serif;
    color: #769216;
}

.leftStyle2 a:link, 
.leftStyle2 a:visited {
  font: 24px/28px "superclarendon-1","superclarendon-2", Georgia, Times, serif;
	 color: #769216;
	text-decoration: none;
	font-weight: normal;
}

.leftStyle2 a:hover, 
.leftStyle2 a:active {
	color: #CE4027;
	text-decoration: none;
	font-weight: normal;
} 

.leftIcon {
	float: left;
	width: 18px;
	height: 18px;
	padding: 0 0 0 5px;
}

.leftCopy {
	float: right;
	width: 195px;
	padding: 10px 0;
}

	/* ----------------| =Content Right |---------------- */   

#rightSide {
	float: left;
	width: 650px;
	color: #333;
	padding: 20px 0 25px 10px;
}
#rightSide h1 {
	font: 1.2em "superclarendon-1","superclarendon-2", Georgia, Times, serif;
	margin: 0 0 10px 0;
} 
#rightSide h1.lowercase {
	font: 1.2em "superclarendon-1","superclarendon-2", Georgia, Times, serif;
	text-transform: none;
	margin: 0 0 20px 0;
}

#rightSide h2 {
	font: 1.2em "superclarendon-1","superclarendon-2", Georgia, Times, serif;
	margin: 15px 0 10px 0;
}
#rightSide h2 em{
	font: .8em "superclarendon-1","superclarendon-2", Georgia, Times, serif;
	font-style: italic;
	text-transform: none;
}

#rightSide h3 {
  margin: 0;
  padding: 10px 0 0 0;
  font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase;	
}
 
#rightSide p.intro{
	margin: 15px 0 0 0;
	font-size: 1.3em;
}
#rightSide p {
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", helvetica, arial, verdana, sans-serif;
	font-size: 1.1em;
	line-height: 1.3em;
	padding: 5px 0 5px 0;
	color: #333;
}
#rightSide a:link, a:visited {
	color: #CE4027;
	text-decoration: none;
}
#rightSide a:hover, a:active {
	color: #666;
	text-decoration: none;
}
#rightSide img{
	margin: 0 0 10px 0;
}

#rightSide .copyHome {
	margin: 0;
	padding: 0;
}
#rightSide .copyHome h1 {
  margin: 0 0 15px 0;
  font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",helvetica,arial,verdana,sans-serif;  
  font-size: 1.5em;
  color: #666;
  text-transform: uppercase;
} 
#rightSide .copyHome h2 {
	font: 1.1em "superclarendon-1","superclarendon-2", Georgia, Times, serif;
	text-transform: uppercase;
	margin: 20px 0 5px 0;
}
#rightSide .copyHome p.intro2 {
	font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", helvetica, arial, verdana, sans-serif;
	font-size: 2em;
	font-weight: normal;
	padding: 0 ;
}
#rightSide .copyHome p {
	font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", helvetica, arial, verdana, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	padding: 10px 0 0 0 ;
} 
#rightSide .copyHome p.note {
	font-size: .7em;
	padding: 20px 0 0 0;
}   
#rightSide .copyHome a:link, .copyHome a:visited {
	color: #CE4027;
	text-decoration: none;
}
#rightSide .copyHome a:hover, .copyHome a:active {
	color: #666;
	text-decoration: none;
}

#rightSide .copy p {
	float: right;
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", helvetica, arial, verdana, sans-serif;
	font-size: 1.15em;
	line-height: 1.3em;
	padding: 3px 0 5px 0;
	color: #333;
	width: 425px;
} 

#rightSide strong{
	padding: 20px 0 0 0;
}
#rightSide .copy p.intro{
	margin: 20px 0 0 0;
} 
#rightSide .copy .left {
	width: 205px;
	float: left;
	padding: 0 20px 0 0;

}
#rightSide .copy .left2 {
	width: 405px;
	float: left;
	padding: 0 20px 0 20px;
}
#rightSide .copy .left2 ul {
	padding: 0;
	margin: 0;
	text-decoration: none;
}

#rightSide .copy h1 { 
  	margin: 10px 10px 15px 0;
  	font-family: "presicav-1","presicav-2",helvetica,arial,verdana,sans-serif;
  	font-size: 1.6em;
	line-height: 1em;
  	color: #CE4027;
   	font-weight: bold;
}
#rightSide .copy h2 {
	font-family: "pill-gothic-300mg-1","pill-gothic-300mg-2", helvetica, arial, verdana, sans-serif;
	font-size: 1.4em;  
	line-height: 1.2em;
	font-weight: normal;
	padding: 0px;
	color: #777;
}
#rightSide .copy h3 {
  margin: 0;
  padding: 10px 0 5px 0;
  font-family: "pill-gothic-300mg-1","pill-gothic-300mg-2", Georgia, Times, serif;
  font-size: 1em;
  color: #f54c2b;
  text-transform: uppercase;
}
#rightSide .copy a:link, .copy a:visited {
	color: #CE4027;
	text-decoration: none;
}
#rightSide .copy a:hover, .copy a:active {
	color: #666;
	text-decoration: none;
}

#rightSide .twoColumns a:link, .twoColumns a:visited {
	color: #CE4027;
	text-decoration: none;
}
#rightSide .twoColumns h2 {
  margin: 0;
  padding: 10px 5px 0 0;
  font-family: "octin-prison-1","octin-prison-2", Georgia, Times, serif;
  font-size: 14px;
  color: #333;
  text-transform: uppercase;
}
#rightSide .twoColumns a:hover, .twoColumns a:active {
	color: #666;
	text-decoration: none;
}
#rightSide .twoColumns h1 {
  margin: 0 0 15px 0;
  font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",helvetica,arial,verdana,sans-serif;
  font-size: 18px;
  color: #333;
  text-transform: uppercase;
}

.note {
	font-size: 9px;
	color: #666;
}

.imgSquares { 
	float: left;
	border: none;
	margin: 0 0 10px 5px;
	padding: 0;
	border-right: 1px solid #B2B2B2; 
	border-bottom: 1px solid #B2B2B2; 
}

.imgRightSide { 
	float: right;
	margin: 0 0 10px 40px;
}

/* --------------------| =Footer |------------------- */

#footer {
	width: 920px;
	font-size: 9px;
	margin: 10px 0 20px 0;
}

.footerLft {
	float: left;
	width: 230px;
	border-top: 10px solid #000;	
}

.footerLftProjects {
	float: left;
	width: 230px;
	border-top: 10px solid #769216;	
}

.footerLftAccess {
	float: left;
	width: 230px;
	border-top: 10px solid #f6861f;	
}

.footerLft a:link, 
.footerLft a:visited, 
.footerLftProjects a:link, 
.footerLftProjects a:visited, 
.footerLftAccess a:link, 
.footerLftAccess a:visited {
	font-size: 9px;
	padding: 10px 5px;
	color: #CE4027;
	text-decoration: none;
}

.footerLft a:hover, 
.footerLft a:active, 
.footerLftProjects a:hover, 
.footerLftProjects a:active, 
.footerLftAccess a:hover, 
.footerLftAccess a:active {
	font-size: 9px;
	padding: 10px 5px;
	color: #666;
	text-decoration: none;
}

.footerRt {
	float: right;
	margin: 0 0 0 30px;
	padding: 0 10px 0 0;
	width: 650px;
	border-top: 10px solid #000;	
}

.footerRtProjects {
	float: right;
	margin: 0 0 0 20px;
	padding: 0 10px 0 0;
	width: 650px;
	border-top: 10px solid #769216;	
}

.footerRtAccess {
	float: right;
	margin: 0 0 0 20px;
	padding: 0 10px 0 0;
	width: 650px;
	border-top: 10px solid #f6861f;	
}

.footerRt a:link, 
.footerRt a:visited, 
.footerRtProjects a:link, 
.footerRtProjects a:visited, 
.footerRtAccess a:link, 
.footerRtAccess a:visited {
	font-size: 9px;
	padding: 10px 5px;
	color: #666;
	text-decoration: none;
}

.footerRt a:hover, 
.footerRt a:active, 
.footerRtProjects a:hover, 
.footerRtProjects a:active, 
.footerRtAccess a:hover, 
.footerRtAccess a:active {
	font-size: 9px;
	padding: 10px 5px;
	color: #CE4027;
	text-decoration: none;
}    

/* --------------------| =Form |------------------- */                    

.fieldLable {
	float: left;
	margin: 0;
	padding: 5px 10px 0 2px;
	width: 230px;
	text-align: right;
}

.fieldInput { 
	float: left;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

.greyBorder {
	border-top: 1px solid #4D4D4D;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #4D4D4D;
}

input {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	clear: left;
	border: 0px;
	background:transparent;
}

input[disabled]{
	background:#FFF;
}

button {
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	color: #FFF;
	background-color: #4D4D4D;	
	border: 1px solid #4D4D4D;	
	/*This expression prevents IE from drawing borders around radio buttons and others except text fields  */
	border-width: expression(this.type=="text"||this.type=="password"?'1px':'0px');
}

textarea.styled {
	border-top: 1px solid #4D4D4D;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #4D4D4D;
	padding: 5px;
	margin: 0 0 20px 0;	
}


.errorBox {
	border: 1px solid #A73324;
}

.errorText {
	font-weight:bold;
	color: #A73324;
}
 
/* --------------------| =Twitter |------------------- */ 

.tweetSpot {
	width: 140px;
	height: 140px;
	padding: 40px 60px 10px 30px;
	margin: 0 0 10px 0;
	background-image: url(../images/tweeting.gif);
	background-repeat: no-repeat;
}

div#twitter {
	width: 145px;
}

div#twitter h2 {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 18px;
	color: #000;
}

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

ul#twitter_update_list {
	margin: 0;
	padding: 0 0 0 3px;
	font-size: 12px;
	list-style-type: none;
}

ul#twitter_update_list li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
}

ul#twitter_update_list li a {
	/* timestamp link */
	color: #CE4027;
}

ul#twitter_update_list li span {
	display: inline;
}

ul#twitter_update_list li span a {
	/* links in tweet */
	color: #CE4027;
}

ul#twitter_update_list li.firstTweet {
}

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

a#profileLink {
	display: block;
	padding: 0;
	color: #000;
}
       

/* --------------------| =Slideshow |------------------- */ 

#projectContainer {
	margin: 0 0 20px 0;
}
 
#slider{
	border-bottom: 8px #000 solid;
} 

#slider1{
	border-bottom: 8px #000 solid;
	border-right: 1px #000 solid;
	border-left: 1px #000 solid;
}

.slidernav { 
	float: right;
	background: #000;
	width: 640px;
}  

.slider1nav { 
	float: right;
	background: #000;
	width: 300px;
}

#slider ul, #slider li,
#slider1 ul, #slider1 li{
	margin:0;
	padding:0;
	list-style:none;
}

#slider li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/
	width: 640px;
	height: 470px;
	overflow: hidden;
}	 

#slider1 li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/
	width: 300px;
	height: 320px;
	overflow: hidden;
}

#prevBtn, #slider1prev{
	padding: 2px 1em 1px .3em;
	float: right;
}	

#sliderPosition{
	float: left;
	color: #fff;
	font-size: .8em;
	padding: 2px 0 0 10px;
}

#nextBtn, #slider1next{
	float: right;
	padding: 2px 1em 1px .2em;
} 													

#rightSide #prevBtn a, #rightSide #nextBtn a,
#rightSide #slider1next a, #rightSide #slider1prev a {
	font-size: .8em;
	color: #fff;
}
#rightSide #prevBtn a:hover, #rightSide #nextBtn a:hover,
#rightSide #slider1next a:hover, #rightSide #slider1prev a:hover{
	font-size: .8em;
	color: #888;
}	

  
  
/* --------------------| =Pop Up/Colorbox Style |------------------- */ 

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* ColorBox example user style */
#cboxOverlay{background:#fff;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(../images/loading2.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../images/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}

#definition {
	width: 300px;
	background-color: #efefef;	
	padding: 15px;
}
#definition h1{
	font-size: 1.2em;
}
#definition h1 em{
	font-size: .8em;
	font-weight: normal;
}
#definition h2{
	font-size: 1em;
}
#definition h3{
	font-size: .9em;
}   
#definition p{
	font-size: .8em;
	line-height: 1.4em;
	padding-bottom: 5px;
}


/* DAAD */

.daad {
	margin: 35px 35px 0 35px;
	font-family: "superclarendon-1","superclarendon-2", Georgia, Times, serif;
}

.daad h1 {
	margin: 10px 0 25px 0;
	font-family: "superclarendon-1","superclarendon-2", Georgia, Times, serif;
	font-size: 2em;
}

.enterCell {
	float: left;
	width: 140px;
	padding: 5px 0 5px 0;
	font-family: "superclarendon-1","superclarendon-2", Georgia, Times, serif;
	font-size: .9em;
}

.daad a {
	text-decoration: underline;
}

.daad a: hover, .daad a: visited, daad a: active  {
	text-decoration: underline;
}

.iconWidth {
	float: left;
	width: 40px;
	padding: 5px 0 0 0;
	vertical-align: bottom;
}
 
.enterFooter {
	padding: 15px 0 15px 0;
	font-family: "superclarendon-1","superclarendon-2", Georgia, Times, serif;
	font-size: 1em;
	font-style: italic;
}