/* This section normalizes the browser for development *********************** */
body {
	padding : 0px;
	margin : 0px;
	font-family : Arial, sans-serif;
}
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,li,a {
	font-size : 100%;
	font-weight : normal;
	padding : 0px;
	margin : 0px;
}
li { 
	list-style : none;
}

/* Move selected items off-screen **************************** */
h1 { position : absolute; text-indent : -9999px; }
.mop { position : absolute; text-indent : -9999px; }

/* Style development notes ********************************* */
p.notes {
	color : red;
	font-size : 1.5em;
	font-style : italic;
	font-weight : bold;
}

/* General styling **************************************** */
body {
	min-width : 960px;
	width : 97%;
	max-width : 1300px;
	position : relative;
	margin-left : auto;
	margin-right : auto;
	font-size : 12px;
	/*color : #70281a;*/
	color : #666666;
}
h2 {
	font-size : 1.5em;
	margin-bottom : 0.5em;
}
h2.bioH2 {
	margin-bottom : 0.1em;
}
h3 {
	font-size : 1.25em;
	margin-bottom : 0.25em;
}
h3.bioH3 {
	margin-bottom : 1em;
}
/*p {
	margin-bottom : 1em;
}*/
/*ul.bullets li { 
	list-style : disc;
}*/
div.colA ul li {
	color : #333333;
}
/* Images */
img {
	border : none;
}
/* Images that appear: homepage, header, footer */
img.siteImage {
	width : 100%;
	background-color : #fff;
}

/* Header *************************************************** */
/* Navbar in header */
ul.home {
	position : absolute;
	background-color : none;
}
ul.navHrz {
	margin-top : 5em;
	text-align : right;
	margin-bottom : 0.5em;
	background-color : none;
}
ul.navHrz li {
	display : inline;
	margin-left : 1.5em;
	background-color : none;
}
/* Links in colA */
/* Vertical Spacing */
ul li {
	margin-bottom : 0.5em;
}
/* Nesting of vertical links */
ul.nested {
	margin-left : 1.5em;
}

/* Footer **************************************************** */
div.footer {
	color : #333333;
}
span.indentInfo {
	margin-left : 1.5em;
}
div.vcard {
	margin-top : 0.5em;
}

/* Links ************************************************* */
a {
	color : #333333;
	text-decoration : none;
	outline : none;
}
a:hover {
	color : #666666;
	text-decoration : none;
}
a:active {
	color : #333333;
	outline : none;
}
/* Links Page */
a.bodyLinks {
	color : #666666;
	text-decoration : none;
	outline : none;
}
a.bodyLinks:hover {
	color : #333333;
	text-decoration : none;
}
a.bodyLinks:active {
	color : #333333;
	outline : none;
}
/* On-this-page links colors */
li.onThisPage {
	color : #0099cc; /* blue */
}
div.colA ul li.onThisPage {
	color : #0099cc; /* blue */
}

li.onAbout {
	color : #0099cc; /* blue */
}
div.colA ul li.onAbout {
	color : #0099cc; /* blue */
}
li.onServices {
	/*color : #cc6600; /* orange */
}
li.onReels {
	/*color : #660099; /* purple */
}
li.onProjects {
	/*color : #996600; /* green */
}
div.colA ul li.onProjects {
	/*color : #996600; /* green */
}
li.onLinks {
	/*color : #999933; /* yellow */
}

/* Colors of text and special formatting for pages */
.bodyHighlight {
	color : red;	/* what is this? */
}
/* About Page */
ul.bodyAbout {
	margin-top : 1.2em;
	margin-bottom : 1.2em;
}
.bodyAbout {
	color : #0099cc; /* blue */
}
.bodyAboutLine {
	font-size : 1.25em;
}
ul.bodyAboutLine li {
	margin-bottom : 0.2em;
}
/* Services Page */
.bodyServices {
	color : #0099cc; /* blue */
	/*color : #cc6600; /* orange */
}
/* Reels Page */
.bodyReels {
	color : #0099cc; /* blue */
	/*color : #660099; /* purple */
}
/* Projects Page */
.bodyProjects {
	color : #0099cc; /* blue */
	/*color : #996600; /* green */
}
ul.vertNav {
	padding-right : 5em;
}
/* Links Page */
.bodyLinks {
	color : #0099cc; /* blue */
	/*color : #999933; /* yellow */
}
dl.bodyLinks dd {
	margin-bottom : 1em;
}

/* Columns ****************************************************** */
/* Content columns */
div.colA {
	position : absolute;
	width : 25%;
	padding-top : 2em;
	background-color : none;
}
div.colB {
	position : relative;
	left : 25%;
	width : 75%;
	min-height : 550px;
	padding-top : 2em;
	background-color : none;
}
div.colB p {
	line-height : 1.5;
	margin-bottom : 1em;
	margin-right : 3em;
	background-color : none;
}

/* Reel divs */
div#reel02 {
	margin-top : 2.5em;
	background-color : none;
}
div#reel03 {
	margin-top : 2.5em;
	margin-bottom : 2.5em;
	background-color : none;
}

/* Maybe everything below this point can be erased */
/* Vertical spacing on vertical links */
/*ul.navVert0 li {
	margin-top : 0.5em;
	margin-bottom : 0.5em;
}*/
/* Nesting of vertical links */
/*ul.nested {
	margin-left : 0.75em;
}*/
/* Save nestedTwo for nesting vertical links even further */
/*ul.nestedTwo {
	margin-left : 0em;
}*/
/* Footer links */
/*ul.navFooter a {
	text-decoration : none;
	color : #deb887;
}
ul.navFooter a:hover {
	text-decoration : none;
	color : #630;
}*/

#preview_image{
	position: absolute;
	top:189px;
	left:480px;
	padding : 0px;
	margin : 0px;
}

#preview_image2{
	position: absolute;
	top:189px;
	left:830px;
	padding : 0px;
	margin : 0px;
}