/* 
 * 2009-03-31 Christian Montoya 
 */

body { 
  background:#CCCCCC url(/img/smooth_blueprint_gradient.png) 0 -10px repeat-x;
	padding:0em 0 0.0em 0; 
}
#header { 
  background:white url(/img/desk_final.png) 546px 0 no-repeat; 
  height:98px; 
  margin:0 auto; 
  padding:0px 0 0px 0; 
  width:980px;
}
#logo-text { 
  background:transparent url(/assets/Uploads/Logo.png) 0 0 no-repeat; 
  height:98px; 
  margin:0 0; 
  padding:0px 0 0px 0; 
  width:400px;
  text-indent: -2000px;
}

#logo-text a {
  display: block;
  width: 100%;
  height: 100%;
  outline: none;
}

#title { 
  color:#fff; 
  margin:0; 
  padding:0; 
  text-align:left; 
}
#main { 
	border-right:2px solid #222;
	border-bottom:2px solid #222; 
  margin:0 auto; 
  width:980px; 
}
#main_content { 
	background:#fff; 
	border:2px solid #ccc; 
  padding:12px 17px 17px 17px; 
}
#footer { 
  border:3px solid #111; 
  background:#334; 
  padding-top:1em; 
  width:980px;
}
#footer * li { 
  list-style-type: none;
  list-style-image: none;
}
#footer li a { 
  color: white;
  text-decoration: none;
}
#main_content .container { 
  background:#fff; 
}
#statement { 
  color:#333; 
  font-family:Georgia, serif; 
  font-size:16px; 
  font-style:italic; 
  margin:.5em 0 1.5em 0;
}
#download_list, #social_list { 
  margin:0 0 .5em 0; 
  overflow:hidden; 
  padding:0; 
}
#download_list li, #social_list li { 
  float:left;
  font-weight:bold; 
  list-style-image:none; 
  list-style-type:none;
  margin-right:16px; 
  padding-left:0; 
}
#download_list li a { 
	background:transparent url(/img/arrow_download.png) left center no-repeat; 
	padding-left:15px; 
}
#download_list li#all_releases { 
  margin-right:0; 
  padding-left:0; 
}
#download_list li#all_releases a { 
	background-image:url(/img/arrow-small.gif); 
	padding-left:12px;
}
#social_list { 
	margin-bottom:1.5em; 
}
#social_list li a { 
	padding-left:20px; 
	padding-bottom:2px; 
}
li#twitter a { 
	background:transparent url(/img/icon_twitter.png) left center no-repeat; 
}
li#facebook a { 
	background:transparent url(/img/icon_facebook.png) left center no-repeat;  
}
#gallery .item { 
	display:block; 
	height:378px; 
	overflow:hidden; 
	position:relative; 
	text-align:center; 
}
#gallery .item img { 
	border:3px solid #ccc; 
}
#gallery .item a.caption { 
	background:#ccc; 
	color:#444; 
	padding:3px 6px; 
	position:absolute;
	top:0; 
	right:0; 
	text-decoration:none; 
}
#gallery .item a.caption:hover { 
	color:#000; 
}
#credit { 
  color:#555; 
  text-align:center; 
}
#credit a { 
	color:#444; 
}
ul li { 
  list-style-image:url(/img/bullet.png); 
}
h2 { 
  border-bottom:1px solid #ccc; 
  color:#333; 
  font-size:14px; 
  font-weight:bold; 
  text-transform:uppercase; 
  line-height:17px; 
}
.container { 
  width: 840px; 
}


/* The CSS Code for the menu starts here */
			#menu {
				font-family: Arial, sans-serif;
				font-weight: bold;
				text-transform: uppercase;
				margin: 0px 0;
				padding: 0;
				list-style-type: none;
				background-color: #eee;
				font-size: 12px;
				height: 40px;
				border-top: 2px solid #eee;
				border-bottom: 2px solid #ccc;
			}
			#menu li {
				float: left;
				margin: 0;				
			}
			#menu li a {
				text-decoration: none;
				display: block;
				padding: 0 12px;
				line-height: 40px;
				color: #666;
			}
			#menu li a:hover, #menu li.active a {
				background-color: #f5f5f5;
				border-bottom: 2px solid #DDD;
				color: #999;
			}
			#menu_wrapper ul {margin-left: 0px;}
			#menu_wrapper {padding: 0 0px 0 0; background: url(images/grey.png) no-repeat right;}
			#menu_wrapper div {float: left; height: 44px; width: 12px; background: url(images/grey.png) no-repeat left;}
			
			/* Black Menu */
			#menu_wrapper.black ul {
				border-top: 2px solid #333;
				border-bottom: 2px solid #000;
				background: #333;}
			#menu_wrapper.black a {color: #CCC;}
			#menu_wrapper.black li a:hover, #menu_wrapper.black li.active a {color: #999; background: #555; border-bottom: 2px solid #444;}
			#menu_wrapper.black {background: url(images/black.png) no-repeat right;}
			#menu_wrapper.black div {background: url(images/black.png) no-repeat left;}
			
			/* Blue Menu */
			#menu_wrapper.blue ul {
				border-top: 2px solid #356AA0;
				border-bottom: 2px solid #204061;
				background: #356AA0;}
			#menu_wrapper.blue a {color: #fff;}
			#menu_wrapper.blue li a:hover, #menu_wrapper.blue li.active a {color: #90CDFF; background: #3D7BBB; border-bottom: 2px solid #356AA0;}
			#menu_wrapper.blue {background: url(images/blue.png) no-repeat right;}
			#menu_wrapper.blue div {background: url(images/blue.png) no-repeat left;}
			
			/* Red Menu */
			#menu_wrapper.red ul {
				border-top: 2px solid #660000;
				border-bottom: 2px solid #450000;
				background: #660000;}
			#menu_wrapper.red a {color: #fff;}
			#menu_wrapper.red li a:hover, #menu_wrapper.red li.active a {color: #F27F84; background: #990000; border-bottom: 2px solid #660000;}
			#menu_wrapper.red {background: url(images/red.png) no-repeat right;}
			#menu_wrapper.red div {background: url(images/red.png) no-repeat left;}
			
			/* Orange Menu */
			#menu_wrapper.orange ul {
				border-top: 2px solid #d15600;
				border-bottom: 2px solid #B44500;
				background: #d15600;}
			#menu_wrapper.orange a {color: #fff;}
			#menu_wrapper.orange li a:hover, #menu_wrapper.orange li.active a {color: #FA9B5B; background: #B44500; border-bottom: 2px solid #d15600;}
			#menu_wrapper.orange {background: url(images/orange.png) no-repeat right;}
			#menu_wrapper.orange div {background: url(images/orange.png) no-repeat left;}

.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(../images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover {
    background-position: 0 0 !important; 
    background-color: green !important; 
    background-image: url("../images/texture-green.png") !important;
    color: #fff !important;
 }
.btn:active { background-color: #444; }
.btn[class] { background-image: url(../images/shade.png); background-position: bottom; }