/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/




		/*
			Load CSS before JavaScript
		*/
		
		/*
			Slides container
			Important:
			Set the width of your slides container
			Set to display none, prevents content flash
		*/
		
		
		.slides_container {
			width:470px;
			display:none;
		}

		/*
			Each slide
			Important:
			Set the width of your slides
			If height not specified height will be set by the slide content
			Set to display block
		*/
		.slides_container div.slide {
			width:470px;
			height:170px;
			display:block;
		}
		
		/*
			Set the size of your carousel items
		*/
		.item {
			float:left;
			width:135px;
			height:135px;
			margin:0 10px;
			background:#efefef;
		}
		
		/*
			Optional:
			Reset list default style
		*/
		.pagination {
			list-style:none;
			margin:0;
			padding:0;
		}

		/*
			Optional:
			Show the current slide in the pagination
		*/
		.pagination .current a {
			color:red;
		}
	

* { padding: 0; margin: 0; }
@charset "utf-8";
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	height:31px;
}
.fontnavigation {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	}

#wrapper { 
 margin: 0 auto;
 width: 1024px;

}



#header {
 width: 900px;
 height: 100px;
 margin: 10px 0px 0px 0px;
}

#signature {
margin: 15px 25px 0px 0px;


}


#navigation {
height: 100px;
float: right;
 }
 
 .navigationfont {
  font color: #e74135;
  Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size: 10pt; 
}
 

ul li img {
	float: right;
	vertical: bottom;
}

uk li {
	display: inline;
	vertical-align: middle;
	height: 23px;
	width: 100px;
	line-height:100px;
}




ul#list-nav {
color: 559dc8;
margin:20px;
padding:0;
width:525px;

}


ol#list-nav li {
text color: 559dc8;
display:inline;
height: 23px;
padding:0 10px 0 10px;
}

ol#list-nav li a {

text-decoration:none;
padding-bottom: 10px;
text-align:center;
}

ol#list-nav li a:hover {
color:#000
}



div.ex
{
width:600px;
background-color: #c2bbbe;
padding:10px;
margin: 
}


#slideshowplacement {
width: 950px;
margin-left: 60px;
padding: 0px 0px 0px 0px;


}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
a:active { outline:none; }
body { line-height:1; color:black; background:white; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }

/*
	Page style
*/
body { 
	font:normal 62.5%/2 Helvetica, Arial, sans-serif;
	letter-spacing:0;
	color:#434343;
	background:#efefef url(../img/background.png) repeat top center;
	padding:0px 0;
	position:relative;
	text-shadow:0 1px 0 rgba(255,255,255,.8);
	-webkit-font-smoothing: subpixel-antialiased;
}

#container {

	width:580px;
	padding: 50px 0px 0px 15px;
	margin:0 auto;
	position:relative;
	z-index:0;
}



#example {
	width:600px;
	height:350px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:511px;
	left:59px;
	z-index:100;
	height: 302px;
	width: 808px;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:570px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:570px;
	height:270px;
	display:block;
}


/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Caption
*/


/*
	Footer
*/




/*
	Anchors
*/
#content {
 width: 900px;
 margin: 10px 0px 0px 0px;
}

#content1 {
 width: 900px;
 margin: 50px 0px 0px 280px;
}

#bigimage {
	
}
	

.bigiguana {

 display:block;
 background:transparent url('images/bigiguana.png');
}

.bigiguana:hover {
   background-image: url('images/bigiguanaroll.png');
}

#wordhead3 {
	margin-left: 300px;
		
}
#box1 {
	background-color: #FFF;
	width: 725px;
	height: 200px;
	float: left;
	margin: 0px 0px 0px 120px;
	padding: 10px 10px 10px 10px;
	
	
}
.somediv{
width: 600px;
height: 200px
clear: left;

}

.floatbox{
float: left;
width: 750px;
padding-top: 10px;
}


.somediv p{
	width: 400px;
	height: 75px;
	padding: 30px 20px 0px 60px;
float: left;
}



#box2 {
 	width: 725px;
	height: 200px;
	float: left;
	margin: 0px 0px 0px 120px;
	padding: 10px 10px 10px 10px;
}

#box3 {
	background-color: #FFF;
		width: 725px;
	height: 200px;
	float: left;
	margin: 0px 0px 0px 120px;
	padding: 10px 10px 10px 10px;
}

#box4 {
 	width: 725px;
	height: 200px;
	float: left;
	margin: 0px 0px 0px 120px;
	padding: 10px 10px 10px 10px;
}

#box5 {
	background-color: #FFF;
		width: 725px;
	height: 200px;
	float: left;
	margin: 0px 0px 0px 120px;
	padding: 10px 10px 10px 10px;
	
}

#box6 {
 	width: 725px;
	height: 200px;
	float: left;
	margin: 0px 0px 0px 120px;
	padding: 10px 10px 10px 10px;
}
	
	


#sample {
	padding: 10px 10px 10px 10px;
}
	
#wordhead {
	  margin-left: 250px;
	  margin-top: 30px;
	  padding: 10px 10px 10px 10px;	
}

#professionalexperience{
	
	margin-top: 25px;
	margin-left: 260px;
	padding: 0px 0px 0px 0px; }
	
#line {
	padding-top: 0px:
	padding-bottom: 0px:
}

#workbody {
	width: 700px;
	padding-bottom: 50px;
}

#history {
	float: left;
	width: 400px;
	padding-left: 20px;
}

#references {
	float: left;
	width: 200px;
	padding: 100px 20px 0px 0px;
	
}

#publishingcredits{
	float: left;
	width: 400px;
	padding-left: 0px;
	padding-top: 30px; }
	
	
#workbody2 {
	width: 700px;
	padding-bottom: 50px;
}

#references2 {
	float: left;
	width: 200px;
	padding: 20px 20px 0px 0px;
	
	}

#history2 {
	float: left;
	width: 400px;
	padding-left: 20px;
}

#education{
	float: left;
	width: 400px;
	padding-left: 00px;
	padding-top: 30px; 
	
	}
#references3 {
	float: left;
	width: 200px;
	padding: 20px 20px 0px 0px;
	
	}	
	
#history3 {
	float: left;
	width: 400px;
	padding-left: 20px;
}
	
	


#writingsamples { 
 margin-left: 120px;

 width: 1000px;
 padding-left: 75px;
 
}

#wordsincross {
	padding: 20px 20px 20px 20px;
	
	
}

#wordsincrosswhite {
	background-color: #fff;
	padding: 20px 20px 20px 20px;
	
	
}

#grid {
	margin: 0px 0px 0px 120px;
 }
 
 #gridplacement {
	 float: left;
	 padding: 10px 5px 10px 5px;	 
 }
 
  #gridplacement2nd {
	  float: left;
	  padding: 10px 5px 10px 5px;	
	 
 }
 
   #gridplacement3rd {
	  float: left;
	  padding: 10px 5px 10px 5px;	
	 
 }
 
#words1
{
	width:500px;height: auto;-webkit-border-radius: 0px 20px 20px 20px;-moz-border-radius: 0px 20px 20px 20px;border-radius: 0px 20px 20px 20px;background:rgba(174,167,151,0.5);-webkit-box-shadow: #B3B3B3 3px 3px 3px;-moz-box-shadow: #B3B3B3 3px 3px 3px; box-shadow: #B3B3B3 3px 3px 3px;
	
padding-bottom: 20px;

}

#essay
{
padding: 20px 20px 20px 20px;
}

#footertheend {
 	width: 900px;
	height: 200px;
	
	float: left;
	margin: 50px 0px 0px 0px;
	padding: 10px 10px 10px 0px;

}

#endnotes {
 margin-left: 0px; 	
	
}

#line2 {
	
	margin-left: 150px;
	margin-right: 75px;

	padding: 50px 0px 10px 0px;
	
}
#line3 {
	
	margin-left: 400px;
	padding: 50px 100px 0px 0px;
	
}

#line4 {
	
	margin-left: 95px;

	padding: 50px 100px 0px 0px;
	
}

#footerindex {
 	width: 900px;
	height: 300px;
	margin-left: 10px;
	padding: 10px 0px 10px 0px;
}

#footerphotos {
 	width: 850px;
	height: 300px;
	margin: 425px 0px 0px 400px;
	padding: 10px 10px 10px 0px;
}

#footerresume {
 	width: 900px;
	height: 300px;
	margin: 375px 0px 0px 250px;
	padding: 50px 10px 10px 0px;

}

#footerseemore {
 	width: 900px;
	height: 300px;
	margin: 25px 0px 0px 15px;
	padding: 10px 10px 10px 0px;

}

#footerphotoshop {
 	width: 900px;
	height: 350px;
	margin: 600px 0px 0px 0px;
	padding: 50px 10px 10px 0px;

}


#endnotes {
	margin-left: 220px;
	width: 700px;
		
}

#endnotesresume {
	margin-left: 450px;
	width: 700px;
		
}

#endnotesphotoshop {
	margin-left: 200px;
	width: 700px;
	padding-left: 20px;
		
}

#iguana {
	float: right;
	clear: left;
}

#sitemap {
	margin-left: 85px;
	
	
}

#sitemapresume {
	margin-left: 550px;
	
	
}

#sitemapphotoshop {
	margin-left: 300px;
	padding-left: 20px;
	
	
}


 
.somedivend{
width: 900px;
border: dotted;
height: 200px


}


.floatboxend {
float: left;
width: 750px;

}