/* CSS Document */
fieldset
{

width: 300px;
text-align: left;
line-height: 25px;
}

legend

{

background: #CCCCCC;

border: #26a solid 1px;

padding: 1px 10px;

color: #000;


}

H1	{
	font-size:16px;
	}

label
{

width: 4em;

float: left;

text-align: right;

margin: 0 1em 10px 0;

clear: both;

}

.submit-button
{

margin-left: 5em;

align: bottom;

color: #000;

background: #CCCCCC;

border: 2px #9cf outset;

}

.txt

{

margin-bottom: 10px;

background: #ffff99;
   
   }

body {
	background: url(websized/BG12.jpg) repeat-x;
	background-color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CCC;
	letter-spacing: 1.5px;
	padding: 0;
	margin: 0;
	border: 0;
}

a:link {
	text-decoration: none;
	color: #EAF0FF;
}

a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

a:visited {
	color: #FFF;
	text-decoration:none;
}

/* Header */

#header{
	width: 800px;
	height: 80px;
	top: 49px;
	position:absolute;
	left: 150px;
}

#header2 {
	width: 800px;
	height: 80px;
	margin: 2% 10% 0% 10%;
}

#new   {
	width: 800px;
	Height: Auto;
	top: 261px;
	position:absolute;
	left: 98px;
	}
	
#new2   {
	width: 900px;
	Height: Auto;
	margin: 0% 0% 0% 18%;
	top: 70px;
	position:relative;
	}
	
#new3	{
	width: 80%;
	Height: Auto;
	margin: 0% 0% 0% 10%;
	top: 100px;
	Left: 200;
	position:relative;
	}
	
#new4	{
	Width: 136px;
	Height: 48px;
	position: absolute;
	left: -196px;
	top: -257px;
	
}

#container {
	text-align:left;
	margin-left: auto;
	margin: auto;
	position:relative;
	width: 1024px;
	height: 1000px;
	}
	
#head  {
	width:1024px;
	position:relative;
	height:185px;
	background-image:url(websized/header.jpg);
	background-repeat:no-repeat;
	margin: AUTO;
	margin-left: auto;
}

#content  {
	width:1024px;
	position:relative;
	height:810px;
	background-image:url(websized/content.jpg);
	margin: auto;
	margin-left: auto;
}

#footer   {
	width:1024px;
	position:relative;
	height:175px;
	margin: auto;
	margin-left: auto;
	background-image: url(websized/footer2.jpg);
	background-repeat: no-repeat;
}

#projecttitle   {
	height:50px;
	width:1024px;
	text-align:center;
	font-size:20pt;
	font-weight:bolder;
	clear: both;
	color: #383431;
}
	
	
#new6	{
	Position: absolute;
	Left: 690px;
	top: 301px;
	width: 160px;
	height: 370px;
	border: 1px solid #000000;
	border-right-width: 4px;
	background-color: #2F2F2F;
	padding: 10px;
	}

#new7	{
	Position: relative;
	Left: 200px;
	top: 25px;
	width: auto;
	height: 300px;
	}

#new8   {
	width: 525px;
	Height: 450px;
	top: 0px;
	position:relative;
	float: left;
	left: 44px;
	}

#new9   {
	width: 888px;
	Height: 276px;
	top: 278px;
	position:absolute;
	left: 63px;
	text-align: center;
	}
	
	#bgcentercolor  {
	width: 1026px;
	Height: 454px;
	top: 405px;
	position:absolute;
	left: -1px;
	background-color: #333;
	}

#navButtonleft {
	Position: relative;
	width: 100px;
	height: 35px;
	border: none;
	float: left;
	background-image: url(websized/Buttons/roundedleft.gif);
	text-align: center;
	line-height: 32px;
	text-indent: 15px
	}
	
	
#navButtonregular {
	Position: relative;
	width: 100px;
	height: 35px;
	border: none;
	float: left;
	background-image: url(websized/Buttons/button.gif);
	text-align: center;
	line-height: 32px;
	}
	
#navButtonregular1 {
	Position: relative;
	width: 100px;
	height: 35px;
	border: none;
	float: left;
	background-image: url(websized/Buttons/button.gif);
	text-align: center;
	}
	
#navButtonright {
	Position: relative;
	width: 100px;
	height: 35px;
	border: none;
	float: left;
	background-image: url(websized/Buttons/roundedright.gif);
	text-align: center;
	text-align: left;
	line-height: 32px;
	text-indent: 15px;
	}

	
#container {
	position: relative;
	width: 825px;
	left: 0px;
	top: 11px;
	height: 56px;
	}
	
#bottomNav {
	Position: relative;
	width: auto;
	padding: 15px;
	height: 15px;
	border: none;
	float: left;
	text-align: center;
	color: #94B0C8;
	}
	
#bottomNav2 {
	Position: relative;
	width: 600px;
	height: 30px;
	text-align: center;
	left: 310px;
	top: 25px;
	}
	
#bottomNav3 {
	Position: relative;
	left: 245px;
	top: 70px;
	width: 483px;
	height: 125px;
	}
	
#projectsNav    {
	Position: absolute;
	width: 606px;
	height: 96px;
	left: 212px;
	top: 261px;
	}

#projectsNav4    {
	Position: absolute;
	width: auto;
	height: 25px;
	left: 105px;
	top: 313px;
	}

#projectsNav2    {
	Position: absolute;
	width: auto;
	height: 25px;
	left: 104px;
	top: 356px;
	}

#projectsNav3    {
	Position: absolute;
	width: 243px;
	height: 58px;
	left: 144px;
	top: 289px;
	}
		
#projectsNavArchive    {
	Position: absolute;
	width: 565px;
	height: 100px;
	left: 237px;
	top: 308px;
	}	
	
#projectsNavInside	{
	Position: relative;
	width: 94px;
	padding: 5px;
	height: 100px;
	float: left;
	text-align: center;
	font-size: 10px;
	left: 68px;
	top: 4px;
	}
	
	
#pictureContainer   {
	Position: absolute;
	width: 600px;
	height: 100px;
	left: 102px;
	top: 404px;
	padding:5px;
	}
	
#pictureContainer2   {
	Position: absolute;
	width: 600px;
	height: 100px;
	left: 112px;
	top: 339px;
	padding:5px;
	}	

#email	{
	Position: absolute;
	width: 100px;
	height: Auto;
	float: left;
	left: 173px;
	top: 122px;
}
	

#phone	{
	Position: absolute;
	width: 100px;
	height: Auto;
	float: left;
	Left: 504px;
	top: 122px;
}

#workingProjects	{
	height: auto;
	width: 1000px;
	position: relative;
	margin:auto;
	margin-left:auto;
	top: 0px;
	text-align:center;
	left: 55px;
	}
	
#workingProjects4	{
	height: auto;
	width: 750px;
	position: absolute;
	left: 134px;
	top: 268px;
	}

#workingProjectsInside	{
	Position: relative;
	width: 140px;
	padding: 15px;
	height: 140px;
	float: left;
	text-align: center;
	font-size: 13px;
	}


#workingProjectsInside3	{
	Position: relative;
	width: 300px;
	height: 90px;
	float: left;
	text-align: left;
	font-size: 12px;
	padding-top: 10px;
	padding-right: 35px;
	padding-bottom: 10px;
	padding-left: 35px;
	}


/* Sidebar */

#sidebar {
	width: auto;
	height:auto;
	border: 1px solid #000000;
	border-right-width: 5px;
	float: left;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-color: #2F2F2F;
	margin-right: 16px;
}
#header #menu strong {
	letter-spacing: 4px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
margin: 0 7px 7px 0;
}


.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 5px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0px;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 300px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
#header2 .style1 {
	line-height: 25px;
	letter-spacing: 1px;
}
.style3 {
	color: #E2E2E2;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding-top: -50px;
	line-height: 22px;
}
.style4 {
	color: #E2E2E2;
	font-weight: bold;
	font-size: 18px;
}
.style5 {
	color: #FFFFFF;
	font-size: 10px;
}
.style7 {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}

.style8 {font-size: 12px}
.style9 {
	color: #2F2F2F;
	font-weight: bold;
	font-size: 20px;
}
.style10 {font-size: 30px; font-weight: bold; font-family:"Tempus Sans ITC" }
.style11 {font-size: 18px; }

.style12{
	font-size: 10px;
}
.style12 {color: #FFFFFF}
.style13 {font-size: 150%; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; }
.style15 {	font-size: 12px;
	font-weight: bold;
}
.style16 {font-size: 12px}
.style17 {color: #FFFFFF; font-size: 16px; }

.style18 {color: #E2E2E2; font-weight: bold; font-size: 20px; }

.gallerycontainer2{
	position: relative;
	width: 140px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}


.thumbnail2:hover{
background-color: #CCCCCC;
}


.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 5px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}


.thumbnail2:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0px;
left: -150px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.gallerycontainer3{
	position: relative;
	width: 200px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}


.thumbnail3:hover{
background-color: #CCCCCC;
}

.thumbnail3 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 5px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail3:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 120px;
left: -150px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

#indextext  {
position:relative;
float: right;
}

#archiveproject    {
	position: absolute;
	left: 128px;
	top: 295px;
	width: 762px;
	height: 636px;
}

#testimony	{
	width:100px;
	float:left;
	padding: 15px;
	text-align: center;
}

#jobcard  {
	width:600px;
	height:800px;
	background-color:#E0C99C;
}

#rightcontainer   {
	width:450px;
	height:450px;
	float:right;
	position: relative;
}

#candelaria  {
	text-align: center;
	width: 361px;
	margin-left: 25px;
	height: 185px;
	background-image: url(websized/candelaria.jpg);
	margin-top: -18px;
}

#dalegardon  {
	text-align: center;
	width: 361px;
	margin-left: 25px;
	height: 185px;
	background-image: url(websized/dalegardon.jpg);
	margin-top: -18px;
}

#linctaylor {
	text-align: center;
	width: 361px;
	margin-left: 25px;
	height: 185px;
	background-image: url(websized/linctaylor.jpg);
	margin-top: -18px;
}

#rightcontent  {
	text-align: left;
	width: 345px;
	margin-left: 40px;
	height: 250px;
	font-size: 12pt;
	color: #383431;
}

#allpictures  {
	width: 875px;
	margin: auto;
}