@charset "utf-8";
/* Blizzard Portfolio CSS Document */

body {
	background-color:black;
	font-family:Arial, Helvetica, sans-serif;
	color:#DDDDDD;
	padding:0;
	margin:0;
}

img {
	border:none;	
}

h1 {
	margin:0;
	padding:0;
	font-size:24px;
	font-family:Cambria, Georgia, "Times New Roman", Times, serif;
	color:#ff702b;
}

h2 {
	margin:0;
	padding:0;
	font-size:18px;
	font-family:Cambria, Georgia, "Times New Roman", Times, serif;
	color:#ff702b;
}
h3 {
	margin:0;
	padding:0;
	font-size:16px;
	font-family:Cambria, Georgia, "Times New Roman", Times, serif;
	color:#e84c00;
}
h4 {
	margin:0;
	padding:0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#e84c00;
	font-weight:bold;
	text-align:center;
}
h5 {
	margin:0;
	padding:0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#e84c00;
	font-weight:bold;
}

.caption {
color:#e84c00;
font-size:10px;
font-weight:normal;
}

strong {
color:#ff702b;
}

#outer {
	margin:0 auto;
	padding:0;
	width:100%;
	min-height:850px;
}

#bgimg {
	background:url("images/fierybg.jpg") no-repeat;
	background-position:50% 0%;
	padding:0;
	margin:0;
}

#wrapper {
	margin:0 auto;
	padding:0;
	min-height: 850px;
	width: 592px;
}

table {
font-size:10px;
}

#topnav {
	background:url("images/navbarbg.png") no-repeat;
	height:40px;
	width: 572px; /* 910 */
	padding-left:53px;
	padding-right:53px;
	padding-bottom:0;
	padding-top:0;
	margin:0;
}

#topnav li {
	background:none;
	float:left;
	padding:0;
	margin:0;
	list-style:none;
}

#topnav li a {
	display: block;
	cursor: pointer;
	padding-top:12px;
	height:28px;
	text-decoration:none;
	background-position: 0% 0%;
}

#topnav li.home a {
background:url("images/home.png") no-repeat left top;
width:65px;
}
#topnav li.video a {
background:url("images/video.png") no-repeat left top;
width:68px;
}
#topnav li.screenshots a {
background:url("images/screenshots.png") no-repeat left top;
width:100px;
}
#topnav li.artwork a {
background:url("images/artwork.png") no-repeat left top;
width:87px;
}
#topnav li.about a {
background:url("images/about.png") no-repeat left top;
width:86px;
}
#topnav li.contact a {
background:url("images/contact.png") no-repeat left top;
width:80px;
}

#topnav li a:hover {
	background-position:0% -40px;
}

/* Content Area --------------------------------------------------------- */
#content {
	background-repeat: no-repeat;
	font-size: 12px;
	color:white;
	line-height: 1.5;
	margin: 0 auto;
	margin-top:20px;
	background:url("images/contentbg.png") no-repeat;
	width: 592px;
}

#content .inner {
	background: url("images/content-bottom.png") no-repeat 0 100%;
	min-height: 500px;
	padding: 41px 33px;
}

#content a {
color:#e84c00;
font-weight:bold;
text-decoration:none;
}

#content a:hover {
color:#ff702b;
text-decoration:underline;
}

#content .sig {
color:#e84c00;
}

/* - Image Gallery Layout */
.gallery {
width:100%;
min-height:200px;
/*margin:10px auto;*/
}

.gallery img {
margin:10px;
border:solid 1px #e84c00;
/*float:left;*/
}

.gallery img:hover {
border:solid 1px #ff702b;
}

/* - Button images */
.imgbutton {
background:transparent;
cursor:pointer;
border:solid 1px #e84c00;
padding:0px;
margin:5px;
margin-bottom:0;
width:150px;
}

.imgbutton img {
width:100%;
}

.imgbutton:hover {
border:solid 1px #ff702b;
}

.currentimagecontainer {
border:solid 1px black;
text-align:center;
background-color:#2f2a20;
}

.largecenterimage {
height:95%;
width:95%;
margin:5px;
margin-top:15px;
border:solid 1px #e84c00;
}

.largecenterimage:hover {
border:solid 1px #ff702b;
}

#gallerynavbar {
border:solid 1px black;
background-color:#2f2a20;
width:500px;
height:100px;
padding:12px;
margin-top:20px;
text-align:center;
}

#gallerynavbar .of {
	margin:20px;
	font-size:24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#ff702b;
	width:auto;
}


/*-  Footer ----------------------------------------------------------------------*/
#footer {
	clear: both;
	margin: 20px 0 20px 0;
	background-color:#2f2a20;
	height:13px;
	width:570px;
	border: solid 1px black;
	padding-left:20px;
	color:black;
}

#footer ul {
	list-style:none;
	display: inline;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
}

#footer li {
	float: left;
}

#footer li a {
	color:#e84c00;
	text-decoration:none;
	padding:2px 18px 2px 18px;
}

#footer li a:hover,
#footer .here {
color:#ff702b;
text-decoration:underline;
}