/* basic elements */
/* below are the main html elements */

* {
	margin: 0px auto;
	padding-top: 0px;
}
html, body {
	margin: 0px;
	padding: 0px;
	height: 100%; /* needed for container min-height */
}
body {
	position: relative;
	background-color: #19191b;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	color: #666666;
	}
h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: lighter;
	color: #336699;
}
h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	color: #336699;
}
h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	color: #336699;
}
/* specific elements */
/* below are the elements for the basic layout of this site */

#container {
	margin: 0px auto; /* center, not in IE5 */
	width: 1020px;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
	position: relative; /* needed for footer positioning*/
	float: left;
	background: url(../imgs/static/background.jpg);
	background-image: url(../imgs/static/background.jpg);
}

/* logo elements */
/* below are the elements that allow the logo to be displayed */
#boxLogo {
	width: 180px;
	height: 170px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	float: left;
}
#imgLogo {
	width: 160px;
	height: 170px;
	background: url(../imgs/static/logo.jpg);
	background-repeat: no-repeat;
}

/* nifty curved edge elements */
/* below are the elements used to make the nifty */
/* script work, and give the boxes curved edges */
#radiusx, #radiusy {
  text-align: right;
  width: 30px;
}
div.rounded div {
  height: 1px;
  overflow: hidden;
}
#nifty-spacer {
  margin: 0px; 
  width: 820px;
  height: 1px;
  padding: 0px;
  float: right;
}
#nifty-a,#nifty-b, #nifty-c, #nifty-d, #nifty-e, #nifty-f,#nifty-g,#nifty-h, #nifty-i, #nifty-j, #nifty-k, #nifty-l {
  margin: 0px; 
  width: 820px;
  background: #101012;
  float: right;
}
/* random elements */
#box {
	padding: 10px;
	width: 780px;
}
#boxFooter {
	width: 700px;
	height: 30px;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 300px;
	float: left;
}
#btnNews a:hover, a:active {
	background-position: 0px -45px;
}
#btnNews a {
	display:block;
	width: 67px;
	height: 45px;
	text-decoration: none;
	float:left;
	background-image: url(../imgs/menu/news.jpg);
	background-repeat: no-repeat;
}
#btnFeatures a:hover, a:active {
	background-position: 0px -45px;
}
#btnFeatures a {
	display:block;
	width: 89px;
	height: 45px;
	text-decoration: none;
	float:left;
	background-image: url(../imgs/menu/features.jpg);
	background-repeat: no-repeat;
}
#btnInterviews a:hover, a:active {
	background-position: 0px -45px;
}
#btnInterviews a {
	display:block;
	width: 110px;
	height: 45px;
	text-decoration: none;
	float:left;
	background-image: url(../imgs/menu/interviews.jpg);
	background-repeat: no-repeat;
}
#btnPhotographs a:hover, a:active {
	background-position: 0px -45px;
}
#btnPhotographs a {
	display:block;
	width: 110px;
	height: 45px;
	text-decoration: none;
	float:left;
	background-image: url(../imgs/menu/photographs.jpg);
	background-repeat: no-repeat;
}
#btnReviews a:hover, a:active {
	background-position: 0px -45px;
}
#btnReviews a {
	display:block;
	width: 84px;
	height: 45px;
	text-decoration: none;
	float:left;
	background-image: url(../imgs/menu/reviews.jpg);
	background-repeat: no-repeat;
}
#btnCrew a:hover, a:active {
	background-position: 0px -45px;
}
#btnCrew a {
	display:block;
	width: 73px;
	height: 45px;
	text-decoration: none;
	float:left;
	background-image: url(../imgs/menu/crew.jpg);
	background-repeat: no-repeat;
}
#btnLinks a:hover, a:active {
	background-position: 0px -45px;
}
#btnLinks a {
	display:block;
	width: 61px;
	height: 45px;
	text-decoration: none;
	float:left;
	background-image: url(../imgs/menu/links.jpg);
	background-repeat: no-repeat;
}
#btnContact a:hover, a:active {
	background-position: 0px -45px;
}
#btnContact a {
	display:block;
	width: 88px;
	height: 45px;
	text-decoration: none;
	float:left;
	background-image: url(../imgs/menu/contact.jpg);
	background-repeat: no-repeat;
}
#boxTopMenu {
	width: 766px;
	padding-left: 25px;
	float: right;
}
#string {
	width: 3px;
	height: 55px;
	background: url(../imgs/static/menu/string.jpg);
	float: left;
}
#boxBottomMenu {
	width: 770px;
	height: 45px;
	padding-left: 6px;
	padding-bottom: 10px;
	padding-right: 10px;
	float: right;
}
#menuTopSpacer {
	width: 465px;
	height: 1px;
	float: left;
}
#menuLeft {
	width: 28px;
	height: 45px;
	float: left;
	background: url(../imgs/static/menu/leftend.jpg);
	background-repeat: no-repeat; 
}
#menuRight {
	width: 28px;
	height: 45px;
	float: left;
	background: url(../imgs/static/menu/rightend.jpg);
	background-repeat: no-repeat; 
}
#menuBottomSpacer {
	width: 517px;
	height: 20px;
	float: left;
}
#banner {
	width: 200px;
	height: 20px;
	padding-top: 25px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	float: left;
}
#photoBox {
	width: 765px;
	padding-left: 10px;
	padding-right: 10px;
	height: 180px;
}
#boxSpecialPhoto01,#boxSpecialPhoto02,#boxSpecialPhoto03 {
	width: 255px;
	height: 180px;
	float: left;
}