body 
{
font-family: verdana,helvetica,arial,sans-serif;
font-size: 0.75em;
font-weight: normal;
background-color: #336699;
color: #000000;
} 
/* end body styles */
h1 {
text-align: center;
color: #170888;
padding-left: 20px;
padding-right: 20px
} /* end h1 styles */
h2 {
text-align: center;
color: #bab9ae;
padding-left: 20px;
padding-right: 20px
} /* end h2 styles */

li {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 10px
} /* end list item styles */

p { 
text-align: left;
padding-left: 40px;
padding-right: 40px
}

a:link {
font-weight: bold;
color: grey;
background: transparent;
text-decoration: none;
} /* end anchor element styles*/

a:visited {
font-weight: bold;
color: black;
background: transparent
text-decoration: none;
} /* end visited hyperlink display styles*/
	
a:active {
font-weight: bold;
color: navy;
background: transparent
text-decoration: none;
} /* end active hyperlink display styles*/

a:hover {
font-weight: bold;
color: blue;
background: transparent
text-decoration: none;
} /* end anchor element styles*/

#centerContentShadow
{
background-image:url(content-shadow.jpg);
background-repeat:repeat-y;
width:701px;
height: 601px;
margin-left: 0.48cm;
border:0px solid;
-moz-border-radius:10px; /* Firefox */
border-radius:10px;
-moz-box-shadow: 10px 10px 5px #222222; /* Firefox */
-webkit-box-shadow: 10px 10px 5px #222222; /* Safari and Chrome */
box-shadow: 10px 10px 5px #222222;
}
#centerContent {
/* background-image:url(contentbackground.jpg); */
width:700px;
margin: auto;
/* border:black solid thin; */
background-color: #ffffff; 
}
#container {
background-color: #ffffff; 
text-align: left;
width: 700px;
height: 600px;
margin: 20px;
margin-left: 0.5cm
} /* end container styles */
/* commented out the navigation use it differently
#nav {
font-size: 15px;
width: 100%;
height: 50px;
float: left
} /* end navigation bar styles */
#nav ul {
font-size: 15px;
margin: 0px;
padding: 0px;
white-space: nowrap
} /* end navigation bar unordered list styles */    
#nav li {
font-size: 15px;
color: #9cb166;
list-style-type: none;
display: inline;
padding: 10px
} 
#item {
text-align: center;
width: 100%;
height: 160px
} /* end display item styles */
#leftColumn {
float: left;
width: 190px;
text-align: left
} /* end left column layout styles (site thumbnails) */
#rightColumn {
text-align:left;
float: left;
margin-left: 10px;
width: 350px
} /* end right column layout styles (descriptive text) */
#bottom_nav {
font-size: 10px;
font-weight: bold;
color: #000000;
text-align: center;
padding-left: 20px;
padding-right: 20px;
clear: both
}
#footer {
font-size: 8px;
font-weight: bold;
color: #52544f;
text-align: center;
padding-left: 20px;
padding-right: 20px;
clear: both
} /* end page footer styles */
div.centerContent
{
border:0px solid;
-moz-border-radius:10px; /* Firefox */
border-radius:10px;
-moz-box-shadow: 2px 3px 12px #222222; /* Firefox */
-webkit-box-shadow: 2px 3px 12px #222222; /* Safari and Chrome */
box-shadow: 2px 3px 12px #222222;
}
.cool_shadow {
    border-top: 1px solid #ddd;
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    border-left: 1px solid #ddd;
}
div.shadowed
{border:1px solid #bbbbbb}
div.shadowed 
div.inner-boundary
{
	margin:-2px 0px 0px -2px;
	border:1px solid #bbbbbb;
	background-color:#f4f4f4;
	background-image:url('http://2.envato-static.com/images/common/backgrounds/white_line.png?1288743198');
	background-repeat:repeat-x
}
div.shadowed div.inner-boundary 
div.inner-border
{
	border:1px solid #fefefe;background-color:#f4f4f4
}
.inner-boundary
{border:1px solid #d5d5d5}
.inner-boundary .inner-border
{border:1px solid #fefefe}
div.previewholder
{position:relative}
.contact_details
{
	font-size: 0.9em;
}