* {
	padding:0px;
	margin:0px;
}
img {
	border:1px solid #ffffff;
}
body {
	background-color:#cccccc;
}
#page-background {
	background-image:url(images/page_background.jpg);
	width:910px;
	height:572px;
	margin-left:auto;
	margin-right:auto;
	background-repeat: no-repeat;
}
#wrapper {
	height:100%;
	width:100%;
}
#accessible-heading {
	height:0px;
	overflow:hidden;
}
/*#menu-spacer {
	height:95px;
}*/
#menu-container {	
	width:776px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}
#menuseperator {
height:95px;
}

#menu-container ul {
}

#menu-container li {
	list-style-type: none;
	display:block;
	float:left;
	width:168px;
	padding-right:26px;


}
#menu-container li a {
	display:block;
	float:left;
	width:168px;
	height:28px;
	background-repeat:no-repeat;
}
#menu-container li a:hover {
	text-decoration:none;
}
.main-menu-text {
	visibility:hidden;
}
#sub-menu {
	width:776px;
	margin-left:auto;
	margin-right:auto;
	/*padding-top:10px;*/
	margin-bottom:20px;
	text-align:center;
}

#sub-menu a {
	padding-right:10px;
	padding-left:10px;
	border-left:1px solid white;
	border-right:1px solid white;
	margin-left:-1px;
	/*display:block;
	float:left;*/
}

#movie {
	width:480px;
	height:350px;
	margin:auto;
	margin-top:10px;
}
#content {
	width:750px;
	margin-left:auto;
	margin-right:auto;
}
#footer {
	position:absolute;
	top:550px;
	text-align:center;
	font-size:0.9em;
	color:#CCCCCC;
	width:100%;
}
#home {
	background-image:url(images/home.gif);
}
#home:hover {
	background-image:url(images/homeover.gif);
}
#portfolio {
	background-image:url(images/portfolio.gif);
}
#portfolio:hover {
	background-image:url(images/portfolioover.gif);
}
#about {
	background-image:url(images/about.gif);
}
#about:hover {
	background-image:url(images/aboutover.gif);
}
#contact {
	background-image:url(images/contact.gif);
}
#contact:hover {
	background-image:url(images/contactover.gif);
}
#portfoliodown {
	background-image:url(images/portfoliodown.gif);
}

#aboutdown {
	background-image:url(images/aboutdown.gif);
}

#contactdown {
	background-image:url(images/contactdown.gif);
}

a {
	color:#ffffff;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.clear {
	clear:both;
}
.thumbnail {
	height:130px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:150px;
}
#left-column {

}
#right-column{
	float:right;
	width:280px;
	height:370px;
	overflow:auto;
	/*border:1px solid #ffff00;*/
}
#inner-left{
	float:left;
	width:309px;
	/*border:1px solid #ff0000;*/
}
#inner-right{
	float:right;
	width:150px;
	/*border:1px solid #ff0000;*/
}
#inner-inner-left{
	float:left;
	width:151px;
	/*border:1px solid #ff0000;*/
}
#middle{
	float:right;
	width:151px;
	/*border:1px solid #ff0000;*/
}
#picture{
	width:812px;
	height:600px;
	background-color:#000000;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	overflow:hidden;

}
#picture img {
	margin:10px;
	border:1px solid white;
}
#closelink{
	width:95%;
	text-align:right;
}

#caption {
	padding:5px;
	color:#fff;
	margin:auto;
}
.clear {
	clear:both;
}


/*Typography */
body {
	font-size:72.6%;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.2em;
	/*font-weight:600;*/
}
p {
	margin-bottom:1.1em;
	/*font-size:1.1em;*/
	
}

h1,h2,h3,h4,h5 {
	font-family:Trebuchet "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:0.5em;
}
h5 {
	font-size:1.1em;
}
h4 {
	font-size:1.2em;
}
h3 {
	font-size:1.3em;
}
h2 {
	font-size:1.4em;
}
h1 {
	font-size:1.5em;
}

sub-menu a {
	color:#ccc !important;
}
sub-menu a:hover {
	color:#fff;
}
