body {
	background-color: #999;
	font: normal 1em "Roboto-Regular";
}

@font-face {
	font-family: "Roboto-Regular";
	src: url('../fonts/Roboto-Regular.eot');
	src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular.woff') format('woff'),
         url('../fonts/Roboto-Regular.ttf') format('truetype'),
         url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Roboto-Italic";
	src: url('../fonts/Roboto-Italic.eot');
	src: url('../fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Italic.woff') format('woff'),
         url('../fonts/Roboto-Italic.ttf') format('truetype'),
         url('../fonts/Roboto-Italic.svg#Roboto-Italic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Roboto-Medium";
	src: url('../fonts/Roboto-Medium.eot');
	src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Medium.woff') format('woff'),
         url('../fonts/Roboto-Medium.ttf') format('truetype'),
         url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Roboto-MediumItalic";
	src: url('../fonts/Roboto-MediumItalic.eot');
	src: url('../fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-MediumItalic.woff') format('woff'),
         url('../fonts/Roboto-MediumItalic.ttf') format('truetype'),
         url('../fonts/Roboto-MediumItalic.svg#Roboto-MediumItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Roboto-Bold";
	src: url('../fonts/Roboto-Bold.eot');
	src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Bold.woff') format('woff'),
         url('../fonts/Roboto-Bold.ttf') format('truetype'),
         url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Roboto-BoldItalic";
	src: url('../fonts/Roboto-BoldItalic.eot');
	src: url('../fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-BoldItalic.woff') format('woff'),
         url('../fonts/Roboto-BoldItalic.ttf') format('truetype'),
         url('../fonts/Roboto-BoldItalic.svg#Roboto-BoldItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}



.gridContainer {
	background: url(../images/rainbow_pano7.jpg) no-repeat;
}

.gridContainer_portfolio {	
	background: url(../images/rainbow_pano_fade7-3.png) no-repeat center top, url(../images/rainbow_pano_fade8.png) repeat-y center 100%;
	/*** this works great!!! (second image starts right after 100% of height of 1st image) ^^^ */
}

.gridContainer_info {
	background: url(../images/rainbow_pano_fade9.png) no-repeat center top, url(../images/rainbow_pano_fade8.png) repeat-y center 100%;
	/*** this works great!!! (second image starts right after 100% of height of 1st image) ^^^ */
}

#outer_wrapper {
	background: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, .7)); /* I made the gradient fade LESS than it did before! */
	/*margin: 0 auto;
	width: 90%;
	display: block;*/
}


#outer_wrapper2 {
	background: transparent;
}


#portfolio_sections a {
	font-family: "Roboto-MediumItalic" !important;
}

#info_sections a {
	font-family: "Roboto-MediumItalic" !important;
}

.spacer {
	clear: both;
	line-height: 0px;
	height: 1px;
	width: 100%;
	background: transparent;
	margin-bottom: -1.8em;
}

.spacer2 {
	clear: both;
	line-height: 1em;
	height: 1em;
	width: 100%;
	background: transparent;
}


.image {
	display: inline-block;
}

/*
.image-left {
	float: left;
	margin: 0 2em 1em 0;
}
*/ /* << maybe I don't need this any more! */

h3 {
	font: normal normal 1.15em "Roboto-MediumItalic";
	color: #1d807f; 	
}

.author {
	font-family: "Roboto-Italic";
	text-align: right;
	padding-top: 0em;
	/*margin-top: -2em;*/
}

.author_clients {
	font-family: "Roboto-Italic";
	text-align: right;
	padding-top: 0em;
	margin-top: -1em;
}
	
.email, .email_info {
	text-align: right;
	padding-top: 0em;
	margin-top: -.5em;
}

.email_contact {
	text-align: left;
}

.email a, .email a:visited {
	color: #ccf;
}

.email_contact a, .email_contact a:visited, .phone {
  	text-decoration: none;
  	color: #209190;
	font: normal normal 1.1em "Roboto-MediumItalic";	
}

.email_info a, .email_info a:visited, 
a.infoLink, a.infoLink:visited, 
.infoLink a, .infoLink a:visited {
	color: #60c;
}

.email a:hover, .email a:active,
.email_info a:hover, .email_info a:active,
.email_contact a:hover, .email_contact a:active,
a.infoLink:hover, a.infoLink:active {
	color: #ddd;
}


p {
	font: normal normal .9em "Roboto-Regular";
	color: #1d807f;  /*#000; 209190*/
}

p.contacting {
	color: #ddd;
}

a {
	font: normal normal 1em "Roboto-Regular";
}

a, img {
	border:none;
}


/* >>> put most of these in the fluid layout/media queries instead!!! */
/*.thumbnail {
	padding: 1em;
	width: 29%;
	float: right;
}

#thumb_box {
	margin: 0 auto;
	width: 90%;
	padding: .75em;
	display: block;*/	/* pretty good fix for centering the block!!!!! */		
/*}

.image_row {	
	padding-top: 1em;
	padding-bottom: 1em;
}

.image_set {
	padding-bottom: .5em;	
}

*/

.top_anchor {
	text-align:right;
	font-size: .75em;
	/*padding-right: 1.5em;*/
	float: none;
	clear: both;
}

.top_anchor a {
	text-decoration: none;
	border: none;
	color: #748b8b;
} 


footer {
	text-align: center; 
	margin: 0 auto;
	clear: both;
	background: #000;
	width: 100%;
	display: block;
	padding-top: .7em;
	padding-bottom: .7em;
}

#contact, #contact a, #contact a:visited {
	color: #209190 !important;
	font: normal normal .9em "Roboto-Italic"; 
	text-align: center; 
	text-decoration: none;
	padding-top: 0;
	padding-bottom: .2em;
	line-height: 1em;
}

#contact a:hover, #contact a:active {
	color: #ddd !important;
}

/*a.link_text {
	text-decoration: none;
	border: none;
	color: #000;
} */

#copy {
	color: #e4e4e4;
	font: normal normal .7em "Roboto-Italic"; 
} 

/* validation is only for testing purposes ...remove */
#valid_tests, #valid_tests a {
	font: normal normal .7em "Roboto-Regular"; 
	text-align: center; 
	text-decoration: none;
}