/*
The selectors in body define a tag. REMEMBER...Classes must begin with a . or THEY WILL NOT WORK! Ids begin with #
*/
/*
To center the pages (given the complicating factor of absolute positioning of the navigation links on theindex page), I found help from:
http://www.yourhtmlsource.com/stylesheets/csslayout.html#centering
I set left and right margins to auto for the container class. (The container class is the outer wrapper for the index page.) I added "position: relative;" to the container class so that the absolute positioning would correspond to "container" not to the browser window. To avoid a bug in Internet Explorer, I applied "text-align: center;" to the body tag. (Apparently, auto margins have no effect in Internet Explorer.)  
*/
body {
	background-color: #8B8B8B;
	text-align: center;	
}
#bodybkgrd {
	left: auto;
	right: auto;
	display: block;
	text-align: center;
	background-color: #88909D;
}
#bodyhome {
	left: auto;
	right: auto;
	display: block;
	background-color: #E8E8E8;	/*background-image: url(images/clouds.jpg);*/
}
#bodymovie {
	left: auto;
	right: auto;
	display: block;
	background-color: #000000;
}
/*
The classes below are used on the index page. The height of the container class determines how far down the red nav bar will extend.
*/
.container {
	width: 780px;
	height: 680px;
	background-image:  url(images/radial2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -999em;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
/*
The ids below apply to the links on the index page.
*/
a#communicate {
	background-image: url(images/communicate.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -999em;
	display: block;
	left: 120px;
	top: 215px;
	height: 36px;
	width: 122px;
	position: absolute;
}
	a:hover#communicate {
	background-position: center;
	}
	a:active#communicate {
	background-position: bottom;
	}
a#connect {
	background-image: url(images/connect.gif);
	background-repeat: no-repeat;
	text-indent: -999em;
	background-position: center top;
	display: block;
	height: 36px;
	width: 122px;
	left: 515px;
	top: 93px;
	position: absolute;
}
	a:hover#connect {
	background-position: center;
	}
	 a:active#connect {
	background-position: bottom;
	}
a#collaborate {
	position: absolute;
	left: 410px;
	top: 358px;
	background-image: url(images/collaborate.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -999em;
	display: block;
	height: 36px;
	width: 122px;
}
	a:hover#collaborate {
	background-position: center;
	}
	 a:active#collaborate {
	background-position: bottom;
	}
/*
The ids below apply to the links on the portfolio pages.
*/
a#communicate2 {
	background-image: url(images/communicate2.gif);
	background-repeat: no-repeat;
	background-position: top;
	text-indent: -999em;
	display: block;
	height: 36px;
	width: 122px;
	float: left;
	margin-left: 10px;
}
/*
The a: id above had to have a background position just like a:hover and a:active or the hover state jerked. 
*/
	a:hover#communicate2 {
	background-position: center;
	}
	a:active#communicate2 {
	background-position: bottom;
	}
a#connect2 {
	background-image: url(images/connect2.gif);
	background-repeat: no-repeat;
	background-position: top;
	text-indent: -999em;
	display: block;
	height: 36px;
	width: 130px;
	float: left;
	margin-left: 25px;
}
	a:hover#connect2 {
	background-position: center;
	}
	 a:active#connect2 {
	background-position: bottom;
	}
a#collaborate2 {
	background-image: url(images/collaborate2.gif);
	background-repeat: no-repeat;
	background-position: top;
	text-indent: -999em;
	display: block;
	height: 36px;
	width: 132px;
	float: left;
	margin-left: 5px;
}
	a:hover#collaborate2 {
	background-position: center;
	}
	 a:active#collaborate2 {
	background-position: bottom;
	}
/*
For positioning values to be the same for the CSS style, the canvas size in Photoshop must be the same for the background image for each left nav button.
*/
a#navlogo {
	background-image: url("images/left nav gifs/navLogo.gif");
	background-repeat: no-repeat;
	background-position: top;
	text-indent: -999em;
	display: block;
	height: 36px;
	width: 225px;
	float: left;
	position: relative;
	left: 18px;
	margin-top: 15px;
}
	a:hover#navlogo {
	background-position: center;
	}
	 a:active#navlogo {
	background-position: bottom;
	}
a#navphotog {
	background-image: url("images/left nav gifs/navPhotography.gif");
	background-repeat: no-repeat;
	background-position: top;
	text-indent: -999em;
	display: block;
	height: 36px;
	width: 225px;
	float: left;
	position: relative;
	left: 18px;
}
	a:hover#navphotog {
	background-position: center;
	}
	 a:active#navphotog {
	background-position: bottom;
	}
a#navpackaging {
	background-image: url("images/left nav gifs/navPackaging.gif");
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -999em;
	display: block;
	height: 36px;
	width: 225px;
	float: left;
	position: relative;
	left: 18px;
}
	a:hover#navpackaging {
	background-position: center;
	}
	 a:active#navpackaging {
	background-position: bottom;
	}
a#navbook {
	background-image: url("images/left nav gifs/navBook.gif");
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -999em;
	display: block;
	height: 36px;
	width: 225px;
	float: left;
	position: relative;
	left: 18px;
}
	a:hover#navbook {
	background-position: center;
	}
	 a:active#navbook {
	background-position: bottom;
	}
a#navposter {
	background-image: url("images/left nav gifs/navPoster.gif");
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -999em;
	display: block;
	height: 36px;
	width: 225px;
	float: left;
	position: relative;
	left: 18px;
}
	a:hover#navposter {
	background-position: center;
	}
	 a:active#navposter {
	background-position: bottom;
	}
a#navillustr {
	background-image: url("images/left nav gifs/navIllustr.gif");
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -999em;
	display: block;
	height: 36px;
	width: 225px;
	float: left;
	position: relative;
	left: 18px;
}
	a:hover#navillustr {
	background-position: center;
	}
	 a:active#navillustr {
	background-position: bottom;
	}
a#navadlayout {
	background-image: url(images/left%20nav%20gifs/navAdlayout.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -999em;
	display: block;
	height: 36px;
	width: 225px;
	float: left;
	position: relative;
	left: 18px;
}
	a:hover#navadlayout {
	background-position: center;
	}
	 a:active#navadlayout {
	background-position: bottom;
	}
a#navflash {
	background-image: url(images/left%20nav%20gifs/navFlash.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -999em;
	display: block;
	height: 36px;
	width: 225px;
	float: left;
	position: relative;
	left: 18px;
	margin-top: 15px;
}
	a:hover#navflash {
	background-position: center;
	}
	 a:active#navflash {
	background-position: bottom;
	}
a#navmovie {
	background-image: url(images/left%20nav%20gifs/navMovie.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -999em;
	display: block;
	height: 36px;
	width: 225px;
	float: left;
	position: relative;
	left: 18px;
}
	a:hover#navmovie {
	background-position: center;
	}
	 a:active#navmovie {
	background-position: bottom;
	}
a#navpdf {
	background-image: url(images/left%20nav%20gifs/navPdf.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -999em;
	display: block;
	height: 36px;
	width: 225px;
	float: left;
	position: relative;
	left: 18px;
}
	a:hover#navpdf {
	background-position: center;
	}
	 a:active#navpdf {
	background-position: bottom;
	}
	a#navweb {
	background-image: url(images/left%20nav%20gifs/navWeb.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -999em;
	display: block;
	height: 36px;
	width: 225px;
	float: left;
	position: relative;
	left: 18px;
}
	a:hover#navweb {
	background-position: center;
	}
	 a:active#navweb {
	background-position: bottom;
	}	
/*
These pseudo class definitions control the links in the bottom nav bar.
*/
a:link {
	color: #CCC;
	font-style: normal;
	font-weight: 500;
	font-family: Arial, Helvetica, san-serif;
	font-size: 12px;
	text-decoration: none;
}
a:visited {
	color: #CCC;
	font-style: normal;
	font-weight: 500;
	font-family: Arial, Helvetica, san-serif;
	font-size: 12px;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
}

a:active {
	color: #CACCCD;
}

#columnheight {
	margin-bottom: 5px;
}
/*
Even though the red section markers have only 1 part, not a 3-part rollover, the background position still had to be included or the nav bar moved, changed position from left to right.
*/
.communicatered {
	background-image: url(images/communicatered.gif);
	background-repeat: no-repeat;
	background-position: top;
	text-indent: -999em;
	display: block;
	height: 36px;
	width: 122px;
	float: left;
	padding-left: 10px;
}
.connectred {
	background-image: url(images/connectred.gif);
	background-repeat: no-repeat;
	background-position: top;
	text-indent: -999em;
	display: block;
	height: 36px;
	width: 130px;
	float: left;
	margin-left: 25px;
}
.collaboratered {
	background-image: url(images/collaborateRed.gif);
	background-repeat: no-repeat;
	background-position: top;
	text-indent: -999em;
	display: block;
	height: 36px;
	width: 130px;
	float: left;
	margin-left: 5px;
}
.comments {
	background-color: #FFFFFF;
	height: auto;
	width: 95px;
	float: left;
	margin-right: 0px;
	text-align: left;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	padding-left: 35px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #9c1519;
}
.commentsrt {
	background-color: #FFFFFF;
	height: auto;
	width: 100px;
	float: right;
	margin-right: 0px;
	text-align: left;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	padding-left: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #9c1519;
}

.contactinfo {
	background-image: url(images/contact.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -999em;
	display: block;
	height: 68px;
	width: 230px;
	float: left;
	position: relative;
	left: 21px;
	margin-top: 15px;
}
#copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: right;
}
#copyrightcenter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
	float: left;
	width: 450px;
	margin-top: 5px;
}
#copyrtctrsmallw {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
	float: left;
	width: 150px;
	margin-top: 5px;
}
#flashlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	left: auto;
	right: auto;
	text-align: center;
	display: block;
	color: #000000;
}
.flashbox {
	height: 675px;
	width: 930px;
	margin-right: auto;
	margin-left: auto;
}
#gemstoneslink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	float: left;
	width: 450px;
	margin-top: 5px;
	font-style: normal;
	color: #033f4a;
	text-decoration: underline;
}
#gemstoneslink2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	float: left;
	width: 450px;
	margin-top: 5px;
	font-style: normal;
	color: #033f4a;
	text-decoration: underline;
}
.imagebox {
	height: 72px;
	width: 150px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
}
.imageboxmedium {
	height: 72px;
	width: 250px;
	float: left;
}
.imageboxbig {
	height: auto;
	width: 450px;
	margin-right: auto;
	float: left;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 25px;
}
/*
This id is used to draw a box around the kypirc website.
*/
#imageboxborder {
	border: 2px solid #327DC0;
}
.instructions {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	float: left;
	margin-left: 8px;
	width: 225px;
	clear: left;
	text-align: left;
}
.instructionsthank {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	float: left;
	margin-left: 8px;
	width: 200px;
	clear: left;
}
/*
This is the banner for the portfolio pages.
*/
/*
The bottom margin on this container determines where the red bottom bar appears. On contact.html, I used the id "windowbottom" to create a smaller bottom margin. On that page, the form caused .leftnav to be longer than on other pages.
*/
.leftnav {
	height: auto;
	width: 255px;
	float: left;
	margin-top: 12px;
	padding: 5px;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 165px;
}
.leftcolumn {
	background-color: #FFFFFF;
	height: auto;
	width: 152px;
	float: left;
	margin-right: 2px;
	text-align: right;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	margin-left: 8px;
}
.leftcolumnsmall {
	background-color: #FFFFFF;
	height: auto;
	width: 100px;
	float: left;
	margin-right: 10px;
	text-align: right;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	margin-left: 0px;
}
.leftform {
	height: auto;
	width: 255px;
	float: left;
	margin-top: 12px;
	padding: 5px;
	font-style: normal;
	font-weight: bold;
	
}
/*
The bottom margin on this box determines the distance between the 2 text boxes and the bottom red nav bar.
*/
.leftcolumn2 {
	background-color: #FFFFFF;
	height: auto;
	width: 200px;
	float: left;
	margin-right: 2px;
	text-align: left;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 40px;
	margin-left: 45px;
}
#leftform {
	height: auto;
	width: 175px;
	float: left;
	margin-top: 14px;
	font-style: normal;
	font-weight: normal;
	margin-left: 35px;
}
#leftcolumn2short {
	margin-bottom: 0px;
}
#linkblog {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	float: left;
	width: 450px;
	margin-top: 5px;
	font-style: normal;
	color: #033f4a;
	text-decoration: underline;
	}
	#linkblogrt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	float: none;
	width: 450px;
	margin-top: 5px;
	font-style: normal;
	color: #033f4a;
	text-decoration: underline;
	}
.logo {
	background-image: url(images/dbslogo.jpg);
	width: 780px;
	height: 100px;
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -999em;
	margin-left: 10px;
	margin-top: 10px;
}
#louisvillelink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	float: left;
	width: 450px;
	margin-top: 5px;
	font-style: normal;
	color: #033f4a;
	text-decoration: underline;
}
#louisvillelink2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	float: left;
	width: 450px;
	margin-top: 5px;
	font-style: normal;
	color: #033f4a;
	text-decoration: underline;
}
/*
This is the box for the portfolio pages that has the red top border and contains the left nav buttons and the portfolio image and descriptions. It contains the marker for the Print, Digital or About sections. The drop shadow on the letters was done in InDesign. Click on text box > Cmd.+C. In Photoshop, Cmd. + V to paste text as smart object.
*/
.lowerbox {
	height: 600px;
	width: 780px;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #9c1519;
	background-image: url("images/Section markers/PrintPortfolio2.gif");
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 10px;
}
.lowerboxcontact {
	height: 625px;
	width: 780px;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #9c1519;
	background-image: url(images/Section%20markers/Contact.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 10px;
}
/*
This class is used on web.html It contains the Digital Portfolio marker.
*/
.lowerboxdigital {
	height: auto;
	width: 780px;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #9c1519;
	background-image: url(images/Section%20markers/DigitalPortfolio2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 10px;
}
.lowerboxweb {
	height: auto;
	width: 780px;
	margin-left: 10px;
	background-color: #FFFFFF;
}	
#lowerboxfloat {
	clear: left;
	float: right;	
}	
/*
id below will expand .lowerboxdigital to length needed to display the websites on web.html A short height originally cut
*/
#lowboxheight {
	height: 1120px;
}
/*
id below controls the length of the white left column for digital.html
*/
#lowboxheight2 {
	height: 600px;
}
.moviebox {
	height: 616px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
/*
This is the container for Communicate, Connect and Collaborate buttons on the portfolio pages.
*/
.nav {
	height: 39px;
	width: 650px;
	position: relative;
	left: 105px;
	top: 43px;
}
/*
This box contains the bottom links and creates the left alignment that corresponds with the left nav bar.
*/
.navwords {
	height: 39px;
	width: 320px;
	float: left;
	padding-left: 15px;
	margin-top: 10px;
}
.navbottomspanish {
	height: 39px;
	width: 390px;
	float: right;
	margin-right: 15px;
	margin-top: 10px;
}
/*
To center this box, the right and left margins had to be set to auto.
*/
.navbottom {
	height: 39px;
	width: 800px;
	background-color: #9c1519;
	float: left;
	clear: left;
	margin-right: auto;
	margin-left: auto;
}

#navbotwidth {
	width: 801px;
	}
#navbotleftmar {
	margin-top: 30px;
	margin-left: 0px;
}
*/
/*
To center this bar on web.html, the left margin had to be removed.
*/
#navbotleftmarweb {
	margin-top: 30px;
}
/*
This is the overall container/wrapper for all the pages except the index page.
*/
.outerbox {
	height: 750px;
	width: 800px;
	background-color: #FFFFFF;
	margin-top: 5px;
	border: thin ridge #666666;
	margin-right: auto;
	margin-left: auto;
}
/*
I used this id on web.html because the "auto" height of the white box.
*/
#outerboxheight {
	height: 1650px;
}
/*
I used this id on packaging.html to control the height wasn't long enough.
*/
#outerboxheightpkg {
	height: 790px;
}
/*
This id controls how far down the white page will extend on the index page. 
*/
#outerboxindex {
	height: 720px;
}
/*
This class controls how far down the white page will extend on the web.html page. 
*/
.outerlowerbox {
	height: 1520px;
	width: 780px;
	margin-left: 0px;
	background-color: #FFFFFF;
}	
/*
The height of this box determines how far down the red nav bar will go.
*/
.outerwindow {
	float: left;
	height: auto;
	width: 515px;
	margin-bottom: 30px;
	background-color: #FFFFFF;
}
/*
These are the page indicators for the left nav bar. They do not rollover and don't link. They are in red while the buttons below are in blue in the link state.
*/
.redlogodesign {
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -999em;
	display: block;
	height: 36px;
	width: 230px;
	float: left;
	position: relative;
	left: 15px;
	margin-top: 15px;
	background-image: url(images/Red%20left%20nav/redLogo.gif);
}
.redbooklet {
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -999em;
	display: block;
	height: 36px;
	width: 230px;
	float: left;
	position: relative;
	left: 15px;
	background-image: url(images/Red%20left%20nav/redBook.gif);
}
.redpackagedesign {
	background-image: url(images/Red%20left%20nav/redPackage.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -999em;
	display: block;
	height: 36px;
	width: 230px;
	float: left;
	position: relative;
	left: 15px;
}
.redadlayout {
	background-image: url(images/Red%20left%20nav/redAd.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -999em;
	display: block;
	height: 36px;
	width: 230px;
	float: left;
	position: relative;
	left: 15px;
}
.redphotog {
	background-image: url(images/Red%20left%20nav/redPhotog.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -999em;
	display: block;
	height: 36px;
	width: 230px;
	float: left;
	position: relative;
	left: 15px;
}
.redillustr {
	background-image: url(images/Red%20left%20nav/redIllustr.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -999em;
	display: block;
	height: 36px;
	width: 230px;
	float: left;
	position: relative;
	left: 15px;
}
.redposter {
	background-image: url(images/Red%20left%20nav/redPoster.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -999em;
	display: block;
	height: 36px;
	width: 230px;
	float: left;
	position: relative;
	left: 15px;
}
.redflash {
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -999em;
	display: block;
	height: 36px;
	width: 230px;
	float: left;
	position: relative;
	left: 15px;
	margin-top: 15px;
	background-image: url(images/Red%20left%20nav/redFlash.gif);
}
.redmovie {
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -999em;
	display: block;
	height: 36px;
	width: 230px;
	float: left;
	position: relative;
	left: 15px;
	margin-top: 5px;
	background-image: url(images/Red%20left%20nav/redMovie.gif);
}
.redpdf {
	background-image: url(images/Red%20left%20nav/redPdf.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -999em;
	display: block;
	height: 36px;
	width: 230px;
	float: left;
	position: relative;
	left: 15px;
	margin-top: 5px;
}
.redweb {
	background-image: url(images/Red%20left%20nav/redWeb.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -999em;
	display: block;
	height: 36px;
	width: 230px;
	float: left;
	position: relative;
	left: 15px;
	margin-top: 5px;
}
#resume {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	float: left;
	width: 152px;
	margin-top: 5px;
	font-style: normal;
	color: #033f4a;
	text-decoration: underline;
}
#resume2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	float: left;
	width: 152px;
	margin-top: 5px;
	font-style: normal;
	color: #033f4a;
	text-decoration: underline;
}
.rtcolumn {
	float: left;
	height: auto;
	width: 152px;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}
.rtcolumnsmall {
	float: left;
	height: auto;
	width: 100px;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}
.rtcolumn2 {
	background-color: #FFFFFF;
	float: right;
	height: auto;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	margin-right: 20px;
	color: #000000;
	margin-top: 10px;
	text-align: left;
}
#sneedenlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	float: left;
	width: 450px;
	margin-top: 5px;
	font-style: normal;
	color: #033f4a;
	text-decoration: underline;
}
#sneedenlink2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	float: left;
	width: 450px;
	margin-top: 5px;
	font-style: normal;
	color: #033f4a;
	text-decoration: underline;
}
/*
This is the box that contains the portfolio image sample,the description columns (the left and right columns) and the flash link .
*/
.window {
	height: auto;
	width: 500px;
	float: right;
	background-color: #FFFFFF;
	padding-top: 5px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}
.windowtext {
	height: auto;
	width: 435px;
	float: left;
	font-style: italic;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	clear: both;
	color: #0F4B5F;
	margin-left: 30px;
}
.windowbrookh {
	height: auto;
	width: 474px;
	float: right;
	background-color: #FFFFFF;
	padding-top: 10px;
	margin-top: 10px;
	margin-right: 15px;
	margin-left: 15px;
}
#windowbottom {
	margin-bottom: 20px;	
}
/*
This id may be applied to the window class (above) when more margin is needed above the description columns.
#marginbottom {
	margin-bottom: 40px;
}
#marginbottomless {
	margin-bottom: 15px;
}
*/



/*
Solution for double float error didn't work:
[if IE]>
<style type="text/css"> 
.mybuggyelement { zoom: 1;}
</style>
<![endif]

I changed margin on same side as float to padding and that corrected alignment problems in Internet Explorer 6.

Copyright on some of pages was not within its own div and threw the alignment off in IE6.
*/


/*
To make quicker updates on the bottom navbar, it would be good to make template pages in Dreamweaver. 
*/