/* CSS Document */

body {
	background-color: #CCCCCC;
}
p {
font-family:Arial, Helvetica, sans-serif;
	font-size: medium;
}

#linkbar {
	text-align: center;
	font-size: medium;
	font-family:Arial, Helvetica, sans-serif;
}

a:link { text-decoration: none;
color: #66023C; }
a:visited { text-decoration: none;
color: #32127A; }
a:hover { text-decoration: none;
color: #00CCCC; }

#allcontent {
	width: 800px;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #CCCCCC;
	margin-left: auto;
	margin-right: auto;
	border: thin solid #777777;
}

#thumbnails { float:left; 
width: 240px;
padding: 10px;}

img {border-style: none; }



#copyright { font-size: x-small; clear: left; }
{ text-align: center; }
.gallery {
	border: medium solid #666666;
}

h1, h2, h3 { 
font-weight: normal;
font-family:Arial, Helvetica, sans-serif;
color: #4C4C4C;
}
 
h2, h3 {
 padding-left: 27px;
 background: url(../images/sjl_tiny_logo.png) no-repeat left center;
}
 
#header{

}
 
#header h1 {
padding-left: 35px;
padding-top: 10px;
background:url(../images/sjl_page_logo.png) no-repeat left bottom;
} 

/*hr {
color:#666666;
background-color:#666666;
height:3px;
}*/

div.hr {
  height: 15px;
  background: #CCCCCC url(../images/hr1.png) no-repeat scroll center;
}
div.hr hr {
  display: none;
}

img.portfoliopic {
border: medium solid #666666;
margin-top: 10px;
margin-bottom:10px;
margin-left: auto;
margin-right: auto;
display: block;
}

p.portfoliopic {
    margin-left: auto;
    margin-right: auto;
    width: 600px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
}

#flashwrapper {
background-color: #ffffff;
padding: 20px;
margin:10px;
	border: medium solid #666666;
}

.skyscraper {
float: left;
margin: 10px;
}