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

h4 {
font-size: 1em;
color:#505f5a;
font-weight:600;
margin:0;
padding:15px 20px
}

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

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


/* content section */
#content {position: relative;
width: 900px;
margin: 0 auto;
border-bottom:2px solid #f4f0d5;
background:#f4f0d5;
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 5px 20px 45px;
padding:0;}

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

div#index1 p {
margin:6px 25px;
padding:6px
}

/* Recent Web Projects */

#shadow-container {width: 550px;
	position: relative;
	margin: 10px 3px 10px 50px;
}
 
#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 #b2afaf;
	padding: 2px;
}

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

#recentList {
padding: 6px 0 6px 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
}

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

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
}

#flash-movie {margin: 7px 0 0 7px;}

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;
width: 492px; margin: 20px 14px 10px;
}

#projectLinks p.projects {
text-align:center;
font-size:12px;
margin:2px; font-family:Arial, sans-serif;
}

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

#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 */
#bottom {
background:#f5e2aa url(bg-images/bg-gradient-butter.jpg) repeat-x;
border-bottom:1px solid #f4e1a9;
width:100%;
margin:10px 0 0;
padding:10px 0 0;
}

div#website-tip {
line-height:1.5em;
color:#000;
background:#fefef6;
font-size:.8em;
border:3px double #839a94;
margin:20px 0 30px 50px;
padding-bottom: 10px;
width: 545px;
}


div#website-tip h4, div#website-tip p {
margin:6px 18px;
padding:6px
}


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

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

#blog-feed h4 {
border-top:1px dotted #839a94;
font-size:.9em; font-weight: normal;
padding: 10px 8px}

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

#blog-feed a:link, #blog-feed a:visited {color: #404575; }



/* miscellaneous */

ul.updates {margin: 10px 20px 10px 30px; list-style-type: square;}
ul.updates li {margin: 4px; padding: 4px; font-size: .9em;}


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;
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;
}

.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
}

img.spaceTop {margin-top: 8px;}