/*Fusionproyect.com
 * Home and general styles */
body {
  background: transparent url("/img/static/striped_back.gif") repeat;
  font-family: "Verdana", sans-serif;
  font-size: 11px;
  color: #7B7C7D;
}

ul, li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

div#header {
	height: 90px;
	background: transparent url("/img/static/menu_back_long.gif") no-repeat center 0;
}

div#content {
	padding: 20px 0 20px 0;
	background: #212528;
	width: 960px;
	margin: 10px auto 15px auto;
	border: #2F2F2F 1px solid;
	overflow: hidden;
	height: 1%;
}

div#footer {
	padding: 20px 0 20px 0;
	background: #212528;
	width: 960px;
	height: 150px;
	margin: 10px auto 15px auto;
	border: #2F2F2F 1px solid;
}

div#content h2 {
	font-size: 12px;
	margin: 0 0 15px 15px;
}

div#content div.aboutText {
	padding: 40px 0 0 0;
}

div#content div.contactText {
	padding: 40px 0 0 0;
}

div#content div.latestWork {
	padding: 160px 0 0 0;
}

div#content h1 {
	font-size: 14px;
}

div#content h1.splash {
	position: absolute;
	background: transparent url("/img/static/splash_orange_2.gif") no-repeat 0 0;
	height: 40px;
	padding-left: 80px;
	padding-top: 20px;
	font-size: 14px;
	margin: -20px 0 5px -82px;
	color: #ccc;
	text-transform: capitalize;
	
}

div#content ul.catMenu {
	margin: 30px 0 0 0;
}

div#content ul.catMenu li {
	margin: 10px 0 0 0;
} 

div#content ul.catMenu li.active a {
	color: #F15A21;
}

div#content ul.catMenu li a {
	color: #7B7C7D;
	text-decoration: none;
}

div#content ul.catMenu li a:hover {
	text-decoration: underline;	
}


div#gallery {
	padding-bottom: 25px;
}

div#content p {
	margin: 0 0 10px 0;
}

div#gallery p {
	margin: 0 0 20px 15px;
}

img.bannerImage {
	/*margin: 0 0 0 30px;*/
}

ul#main_menu {
	padding: 35px 0 0 60px;
	margin: 0;
}

ul#main_menu li {
	float: left;
	list-style-type: none;
	margin: 0 50px 0 0;
}


ul#main_menu li a.menuAbout {
	display: block;
	height: 21px;
	width: 57px;
	text-indent: -3000px;
	background: transparent url("/img/static/about.gif") no-repeat 0 0;
}

ul#main_menu li a.menuPortfolio {
	display: block;
	height: 21px;
	width: 82px;
	text-indent: -3000px;
	background: transparent url("/img/static/portfolio.gif") no-repeat 0 0;
}

ul#main_menu li a.menuContact {
	display: block;
	height: 21px;
	width: 73px;
	text-indent: -3000px;
	background: transparent url("/img/static/contact.gif") no-repeat 0 0;
}

ul#main_menu li a:hover {
	background-position: 0 bottom;
}

ul#main_menu li.active a {
	background-position: 0 bottom;
}

/* Child lists and links */
#main_menu li.headlink ul { 
	display: none;
	text-align: left;
	background: #131A1F; 
	z-index: 200;
}

#main_menu li.headlink:hover ul { 
	display: block;
	position: absolute;
	width: 100px;
}

#main_menu li.headlink ul li {
	display: block;
	width: 95px;
	margin: 3px 0 5px 0;
	padding: 0 0 0 5px;
}

#main_menu li.headlink ul li a {
	color: #888; 
	padding: 5px; 
	height: 17px; 
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}

#main_menu li.headlink ul li a:hover { 
	color: white;
}

a.logo {
	display: block;
	margin: 25px 0 0 0;
	float: right;
}

#footer {
	position: relative;
}

#footer h1.splash {
	position: absolute;
	top: -5px;
	background: transparent url("/img/static/splash_orange_2.gif") no-repeat 0 0;
	height: 40px;
	padding-left: 80px;
	padding-top: 20px;
	font-size: 14px;
	margin: 0 0 5px -20px;
}

#latestProjects {
	padding: 30px 0 0 0;
}

div#names p {
	/*border: #2F2F2F 1px solid;*/
	/*margin: 10px 0 40px 0;*/
	/*background: #212528;*/
	padding: 10px 20px 30px 20px;
}

div#names span {
	display: block;
	float: left;
	font-size: 12px;
}

span.martyna {
	color: #F15A21;
}

span.antonio {
	color: #F15A21;
}

span.ampersand {
	background: transparent url(/img/static/ampersand.gif) no-repeat scroll 0 0;
	height: 24px;
	width: 27px;
	text-indent: -4000px;
	margin: 0 10px 0 10px;
}


/***************************************
	Gallery styles - begins
****************************************/

ul.thumbs li {
	float: left;
	margin: 0 0 10px 15px;
}

ul.thumbs li img {
	border: 1px #555555 solid;
}

ul.thumbs li.selected img {
	border: 1px orange solid;
}

ul.thumbs li.first {
	/*margin: 0;*/
}

div#imageContainer {
	width: 460px;
	height: 460px;
	/*display: table;*/
	background: #292C2F;
	background: black;
	text-align: center;
	position: relative;
}

	div#imageContainer span {
		display: table-cell;
		vertical-align: middle;
		height: 460px;
		width: 460px;
	}

div.ss-controls a.play {
	background: transparent url("/img/static/gallery_sprite.gif") no-repeat -34px 0;
	height: 14px;
	width: 13px;
	text-indent: -4000px;
	display: block;
	margin-left: 10px;
}

div.ss-controls a.play:hover {
	background: transparent url("/img/static/gallery_sprite.gif") no-repeat -34px -14px;
}

div.ss-controls a.pause {
	background: transparent url("/img/static/gallery_sprite.gif") no-repeat -47px 0;
	height: 14px;
	width: 10px;
	text-indent: -4000px;
	display: block;
	margin-left: 10px;
}

div.ss-controls a.pause:hover {
	background: transparent url("/img/static/gallery_sprite.gif") no-repeat -47px -14px;
	
}

div.nav-controls a.next {
	background: transparent url("/img/static/gallery_sprite.gif") no-repeat -17px 0;
	height: 14px;
	width: 17px;
	text-indent: -4000px;
	display: block;
}

div.nav-controls a.next:hover {
	background: transparent url("/img/static/gallery_sprite.gif") no-repeat -17px -14px;
	
}

div.nav-controls a.prev {
	background: transparent url("/img/static/gallery_sprite.gif") no-repeat 0 0;
	height: 14px;
	width: 17px;
	text-indent: -4000px;
	display: block;
	margin: 0 40px 0 200px;
}

div.nav-controls a.prev:hover {
	background: transparent url("/img/static/gallery_sprite.gif") no-repeat 0 -14px;
	
}

div.nav-controls a {
	float: left;
}

div.nav-controls, div.ss-controls {
	float: left;
	display: block;
	margin: 10px 0 0 0;
}


/***************************************
	Gallery styles - ends
****************************************/