/* START MULTIPLE PAGE STYLES */

body {
  margin: 0px;
  padding: 0px;
}

#titleblock {
position: absolute;
width: 770px;
height: 130px;
background: #999966 /*url("../images/title/colorsright.jpg") 167px 50px no-repeat*/;
padding: 0px;
font: bold 10px Verdana, sans-serif;
color: #fff;
}

p#contact {
position: absolute;
font-size: 9px;
left: 550px;
width: 150px;
top: 60px; 
}

#contact a {
color: #fff;
background: #996;
text-decoration: underline;
}

#contact a:hover {
color: #fff;
background: #996;
text-decoration: none;
}

div#links a.smallprint {
font: normal 9px Verdana, sans-serif;
text-decoration: underline;
}

#rightangle {
position: absolute;
width: 690px;
height: 30px;
background: #996 url("../images/title/rightsideangle.jpg") top right no-repeat;
}

#rightangle a {
text-decoration: none;

}

#rightangle h1 {
color: #fff;
background: #996;
font: bold 21px Verdana, sans-serif;
margin: 0px;
padding: 0px;
display: inline;
text-decoration: none;
}

#greenright {
position: absolute;
left: 690px;
background: #363;
width: 80px;
height: 30px;
}

#lefttitle {
position: absolute;
width: 110px;
height: 90px;
background: #336633 /*url("../images/title/colorsleft.jpg") top right no-repeat*/;
margin-top:30px;
border: none;
}

#greenline {
position: absolute;
width: 770px;
height: 33px;
background: #336633;
top: 25px;
}

#links {
position: absolute;
width: 110px;
height: 550px;
top: 118px;
background: #336633;
padding: 20px 0px 0px 10px;
font: normal 10px Verdana, sans-serif;
color: #fff;
border: none;
}
#home-page #links { height: 690px; }
#patterns-page #links { height: 648px; }
#portfolio-page #links { height: 540px; }
#meet-page #links { height: 470px; }
#steps-page #links { height: 360px; }
#design-page #links { height: 690px; }
#colors-page #links { height: 820px; }
#contact-page #links { height: 565px; }

#links a, #links a:link {
font: bold 14px Verdana, sans-serif;
color: #fff;
background: #363;
text-decoration: none;
line-height: 1.5em;
display: block;
}

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

div#links #current {
color: #c5c1b6;
background: #363;
}

img {
	border: none;
}

#centercontent {
position: absolute;
top: 150px;
left: 135px;
width: 640px;
font: normal 11px Verdana, sans-serif;
line-height: 15px;
}
#home-page #centercontent { position: relative; }

#centercontent div {
text-align: center;
} 
#home-page #centercontent div { text-align: left; }

div#centercontent a, div#centercontent a:link {
display: block;
font: bold 10px Verdana, sans-serif;
margin: 10px;
}

.red {
font: bold 10px Verdana, sans-serif;
color: red;
background: #fff;
}

div#centercontent div#colors1 {
position: absolute;
text-align: left;
left: 0px;
width: 115px;
top: 190px;
}
						
div#centercontent div#colors2 {
position: absolute;
text-align: left;
left: 115px;
width: 132px;
top: 190px;
}
						
div#centercontent div#colors3 {
position: absolute;
text-align: left;
left: 240px;
width: 110px;
top: 190px;
}

#swatch {
position: absolute;
left: 360px;
width: 260px;
height: 350px;
top: 200px; 
}	

div.colorblock {
border: solid 1px #333;
width: 50px;
height: 50px;
margin-top: 0px;
margin-left: 0px;
}

#centercontent #colornote {
position: absolute;
top: 598px;
font-family: Verdana, sans-serif;
font-size: 10px;
color:  #333;
padding: 0px 0px 5px 0px;
}

div#patternblock {
position: absolute;
border: solid 1px #333;
left: 300px;
top: 200px;
width: 300px;
height: 250px;
margin-top: 20px;
margin-left: 10px;
}

div#patterndescription {
position: absolute;
left: 20px;
width: 275px;
top: 200px;
}

div#patterndescription a, div#patterndescription a:link {
display: block;
font: 900 10px Verdana, sans-serif;
margin: 10px;
text-align: left;
color: #363;
text-decoration: none;
}

div#patterndescription a:hover {
cursor: crosshair;
}

#middleleft {
  position: absolute;
  left: 130px;
  width: 100px;
  top: 160px;
  background: #fff;
}
#home-page #centercontent #middleleft {
    float: left;
    left: auto;
    position: relative;
    top: auto; }

#middleright {
  position: absolute;
  left: 450px;
  width: 300px;
  top: 165px;
  font: normal 11px Verdana, sans-serif;
  background: #fff;
  color: #333;
}
#home-page #centercontent #middleright {
    float: left;
    left: 218px;
    position: relative;
    top: auto; }

input {
border: solid 1px #333;
font: normal 11px Verdana, sans-serif;
color: #333;
background: #fff;
}

input#submit {
background: #dbe3f6;
color: #333;
font: bold 11px Verdana, sans-serif;
}

form p {
font: 11px Verdana, sans-serif;
color: #333;
background: #fff;
}

textarea {
font: 11px Verdana, sans-serif;
color: #333;
background: #fff;
border: solid 1px #333;
}

div#para {
position: absolute;
left: 150px;
top: 130px;
width: 550px;
color: #333;
font: 11px verdana, sans-serif;
}

#middle {
position: absolute;
left: 120px;
width: 400px;
top: 90px;
font: normal 11px Verdana, sans-serif;
text-align: left;
}

#middlecontact {
position: absolute;
left: 120px;
width: 400px;
top: 100px;
font: normal 11px Verdana, sans-serif;
text-align: left;
}

#ffportfolio {
position: absolute;
left: 50px;
top: 290px;
}

#be_portfolio {
position: absolute;
left: 320px;
top: 300px;
}

#freetext {
position: absolute;
left: 55px;
width: 150px;
top:195px;
font: bold 12px Verdana, sans-serif;
color: #336633;
}	
		
#oneprojecttext {
position: absolute;
left: 15px;
width: 230px;
top:185px;
font: bold 12px Verdana, sans-serif;
color: #336633;
}			

div#paragraph1 {
text-align: left;
} 
			
#meetus {
position: absolute;
width: 400px;
height: 350px;
left: 250px;
top: 350px;
padding: 0px 0px 10px 0px;
}

#steps {
width: 300px;
}

b#slide {
font: bold 25px Verdana, sans-serif;
color: #ffffff;
}		

div#centercontent div#ss1 {
position:absolute;
width: 300px;
height: 250px;
left: 125px;
top: 250px;
}

div#centercontent div#birth {
position:absolute;
width: 375px;
height: 275px;
left: 125px;
top: 425px;
display: inline;
}

div#imageblock {
position: absolute;
border: solid 1px #333;
left: 225px;
top: 450px;
width: 375px;
height: 263px;
margin-top: 20px;
margin-left: 10px;
}

div#thumbs {
width: 250px;
margin-bottom: 25px;
}

div#thumbs a, div#thumbs a:link, div#thumbs img {
display: inline;
text-align: center; 
margin: 3px 3px;
padding: 0px;
width: 50px;
height: 38px;
}

div#thumbs img {
border: solid 1px #000;
}


#footer {
border-top: solid 1px #eee;
clear: both;
color: #999;
font-size: 11px;
margin-top: 48px;
}
#patterns-page #footer { margin-top: 350px; }
#colors-page #footer { margin-top: 470px; }
#contact-page #footer { margin-top: 350px; }
#footer p { text-align: left; }