/* content section */
#content {position: relative;
width: 900px;
margin: 0 auto;
border-bottom:2px solid #f4f0d5;
background:#f4f0d5 url(images/bg-content.jpg) repeat-x;
padding:25px 0 0
}

#leftDiv {float: left; width: 600px;
}

div#index1 {
font-size:.9em;
line-height:1.4em;
background:#f9ecca url(images/bg-gradient-butter2.jpg) repeat-x;
border:1px solid #f6e9c9;
margin:2px 0 20px 50px;
padding:0 0 5px;
}

div#index2 {
line-height:1.5em;
color:#000;
background:#fefef6;
font-size:.8em;
border:1px solid #f6e9c9;
margin:10px 0 30px 50px;
padding-bottom: 10px;
}

h3 {
font-size:1.3em;
color:#1a2450;
font-family:arial, sans-serif;
margin:6px 10px 0 52px;
padding:5px 20px 0
}

h4 {
font-size: 1em;
color:#505f5a;
font-weight:600;
border-top:3px double #839a94;
margin:0;
padding:15px 20px
}

h4.first {
padding:5px 20px 10px
}

h5 {
margin:0;
padding:5px 20px 10px;
font-size: 1.1em;
}

p {
margin:6px;
padding:6px
}

div#index1 p, div#index2 p {
margin:6px 14px;
padding:6px
}

div#impression {
background:#f4f0d5;
width:430px;
margin-left:140px;
padding:5px
}

p.boldtext {
color:#900;
font-family:"Verdana", sans-serif;
font-size:.8em;
font-weight:700;
border:3px double #839a94;
width:410px;
background:#f4f8e4;
margin:15px 160px 0 20px;
padding:4px 16px 4px 4px
}

p.studio {
font-size:1em;
font-weight:700;
color:#1a2450;
font-family:Georgia, serif;
margin:20px 30px 20px 10px;
padding:5px
}

p.small {
font-size:.8em;
width:420px;
margin:20px 34px
}

.studio2 {
font-weight:700;
color:#1a2450;
font-size:1.1em
}

/* right side */

#rightDiv {

width:187px;
margin:0 30px 16px 660px
}                                          

#feature p {
margin:0;
padding:4px 4px 8px
}

#webmaster {
background:#000 url(images/banner.gif) bottom left no-repeat;
border:1px solid #000;
margin:20px 0;
padding:0 0 48px
}

div.team {
border:3px double #839a94;
background:#f9f5df;
font-size:.8em;
margin-top:20px;
padding:2px
}

div.thumbnail {
position:relative;
font-size:.9em;
background:#333;
margin:10px 7px
}

div.thumbnail img {
border:none
}

#projectLinks {
background:#333;
padding-top:2px;
margin:0 4px 4px
}

#projectLinks p.projects {
text-align:center;
font-size:.9em;
margin:2px
}

#projectLinks p.projects a {
background:#000 url(images/bg-gradient-dark.jpg) 0 50% repeat-x;
text-decoration:none;
margin:2px;
padding:2px 4px
}

#projectLinks p.projects a:hover {
background:#a23129;
color:#f4f3e1;
text-decoration:none
}

.featurelist {
border:1px solid #bda385;
color:#2c3757;
font-size:.8em;
text-align:center;
background:#9cbda8;
font-weight:700;
margin:8px 0 6px;
padding:10px
}

.featurelist a {padding: 3px
}

div#p1 {
background:#d86d65 url(images/bg_p1.gif) bottom left no-repeat;
margin-top:6px
}

div#p2 {
background:#bf3b32 url(images/bg_p2.gif) bottom left no-repeat
}

div#p3 {
background:#8b0f27 url(images/bg_p3.gif) bottom left no-repeat
}

p.package {
font-family:Arial, sans-serif;
font-size:.9em;
font-weight:700;
text-align:center;
padding:9px
}

p.package2 {
color:#f4f8e1;
font-family:Arial, sans-serif;
font-size:.9em;
font-weight:700;
text-align:center;
padding:9px
}

p.package a {
text-decoration:none;
color:#000;
padding: 3px
}

p.package a:visited {
color:#000
}

p.package a:hover {
text-decoration:none;
color:#f4f8e4; 
background: #1a2450
}

p.package2 a {
text-decoration:none;
color:#f4f3e1;
padding: 3px
}

p.package2 a:visited {
color:#f4f3e1
}

p.package2 a:hover {
text-decoration:none;
color:#f4f8e4;
background: #1a2450
}

/* project content */
#recentProjects {
background:#f5e6bb url(images/bg-gradient-butter.jpg) repeat-x;
border-bottom:1px solid #f4e1a9;
width:100%;
margin:10px 0 0;
padding:0
}

#recentList {
padding: 10px 0 10px 10px;
background: #e4c688;
border: 2px solid #eee;
}

#recentList h3 {
font-size:1.2em;
color:#1a2450;
font-family:arial, sans-serif;
margin:6px 6px 0;
padding:5px 10px 0
}

#blog-feed {
float:right;
border:1px dotted #839a94;
width:210px;
margin:8px 25px 8px 8px
}

#blog-feed h4 {
text-align:left;
border:none;
font-size:.9em;
margin:10px 5px 5px;
padding:0 8px 5px
}

#blog-feed h5 {
border-top:1px dashed #839a94;
font-size:.8em;
padding:5px 8px
}

#blog-feed p {
font-size:.8em;
color:#730000;
font-weight:700;
margin:0 0 15px 5px;
padding:0 8px 5px
}

#recentProjects a:hover {
text-decoration:none;
background:#f4f9e4
}

/* miscellaneous */
p.visitors {
margin-left:30px;
line-height:1.4em;
font-size:.9em;
padding:8px 25px 8px 15px
}

p.boldtext2 {
margin-left:10px;
line-height:1.3em;
font-size:.8em;
font-weight:700;
color:#800;
padding:8px 5px 8px 15px
}

p.recent {
font-size:.8em;
width:420px;
margin:10px 15px;
padding:0
}

p.find {
text-align:right;
margin:0 10px 20px 0;
padding:20px 10px 6px
}

.strongtext {
font-weight:700;
margin:2px;
padding:2px
}

.highlight {
font-weight:700;
color:#a7353d;
font-variant: small-caps;
font-size: 1.3em;
}

.highlight2 {
font-weight:800;
color:#a7353d;
}

.dropcap {
float:left;
display:block;
font-size:1.6em;
font-family:"times new roman", serif;
font-weight:700;
background:#f9f5df;
margin:0;
padding:0 .07em 0 .04em
}

img.rightside {
float:right
}


.clear {
clear:both
}

img.vintage {
margin:5px 4px 
}

div.thumbnail a,.featurelist a:hover {
text-decoration:none
}

#projectLinks a:link,#projectLinks a:visited,#projectLinks a:active {
color:#f4f0d5
}

/* shadow */

#shadow-container {
	position: relative;
	float: left;
	left: 3px;
	top: 3px;
	margin: 10px 3px 10px 70px;
	width: 520px;
}
 
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
	position: relative;
	left: -1px;
	top: -1px;
}
 
#shadow-container .shadow1 {
	background: #f3e2ac;
}
 
#shadow-container .shadow2 {
	background: #DBDADB;
}
 
#shadow-container .shadow3 {
	background: #B8B6B8;
}
 
.container {
	background: #fff;
	border: 1px solid #848284;
	padding: 2px;
}