/* CSS Document */

* {
	margin:0px;
	padding:0px;
	border: 0 none;
}

body {
	font:normal normal normal 12px/18px arial, helvetica, sans-serif;
	color:#fff;
	background:#000 url(images/body-bg.jpg) repeat-x top left;
	text-align: center;
}

body#design-body {
	background: #000 url(images/design-body-bg.jpg) repeat-x left top;
}

body#ideas-body {
	background: #000 url(images/ideas-body-bg.jpg) repeat-x left top;
}

body#mission-body {
	background: #000 url(images/mission-body-bg.jpg) repeat-x left top;
}

body#portfolio-body {
	background: #000 url(images/marketing-body-bg.jpg) repeat-x left top;
}

body#marketing-body {
	background: #000 url(images/marketing-body-bg.jpg) repeat-x left top;
}

body#index-body {
	background: #000 url(images/ideas-body-bg.jpg) repeat-x left top;
}

a {
	color:#fff;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

/*#sfondo {
	position:absolute;
	width:100%;
	height:100%;
}*/

#container {
	/*position:relative;*/
	width:974px;
	margin:0px auto;
	text-align:left;
}

#top {
	width:974px;
	height:375px;
	text-align:center;
	background:url(images/bg-top.jpg) no-repeat top left;
}

#top-index {
	width: 974px;
	height: 375px;	
}

#top-portfolio {
	width:974px;
	height:375px;
	float: left;
}

#top-portfolio h2 {
	margin: 0;
	color: #000;
	line-height: 1;
	font-size: 14px;
	font-weight: bold;
}

#top-portfolio p {
	color: #000;
	margin-left: 122px;
	margin-top: 19px;
}

#top-portfolio p a {
	color: #f60;
	font-weight: bold;
	text-decoration: none;
}

#top-portfolio p span {
	margin: 0;
	color: #000;
	font-size: 14px;
	font-weight: bold;	
}

#top-portfolio p a:hover {
	text-decoration: underline;
}

#top-mission {
	width: 974px;
	height: 375px;
}

#top-portfolio #slider-container {
	width: 900px;
	height: 300px;
	margin-left: 36px;
	margin-top: 32px;
	position: relative;
}

#top-portfolio #slider-container #slider {
	width: 900px;
	height: 300px;
	overflow: hidden;
}

#top-portfolio #slider-container #slider ul, #top-portfolio #slider-container #slider li{
	margin:0;
	padding:0;
	list-style:none;
}
#top-portfolio #slider-container #slider ul, #top-portfolio #slider-container #slider li{ 
	width:900px;
	height:300px;
	overflow:hidden; 
}

#top-portfolio #slider-container #prevBtn, #top-portfolio #slider-container #nextBtn {
	display: block;
	width: 20px;
	height: 30px;
	position: absolute;
	left: -20px;
	top: 135px;
	/*text-indent: -8000px;*/
}

#top-portfolio #slider-container #nextBtn {
	left: 900px;
}

#top-portfolio #slider-container #prevBtn a, #top-portfolio #slider-container #nextBtn a {
	display:block;
	width:20px;
	height:30px;
	background:url(images/es-prev.gif) no-repeat left top;
}

#top-portfolio #slider-container #nextBtn a {
	background:url(images/es-next.gif) no-repeat left top;
}
/*
#top-portfolio #slider-container span#prevBtn, #top-portfolio #slider-container span#nextBtn{
	position: absolute;
	left: -20px;
	top: 135px;
	display: block;
	width: 20px;
	height: 30px;
	text-indent: -9999px;
}

#top-portfolio #slider-container span#prevBtn a, #top-portfolio #slider-container span#nextBtn a {
	background: url(images/es-prev.gif) no-repeat left top;
	width: 20px;
	height: 30px;
	display: block;
	text-indent: -9999px;
}

#top-portfolio #slider-container span#nextBtn{
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: absolute;
	left: 900px;
	top: 135px;
	display: block;
	width: 20px;
	height: 30px;
	left: 900px;
	text-indent: -9999px;
}

#top-portfolio #slider-container span#nextBtn a {
	background: url(images/es-next.gif) no-repeat left top;
	width: 20px;
	height: 30px;
	display: block;
	text-indent: -9999px;
}
*/

#top-design {
	width: 974px;
	height: 375px;
}

#top-video {
	width:974px;
	height:375px;
	float: left;
}

.alt-cont {
	text-align: center;
	margin-top: 100px;
}

.alt-cont h4 {
	color: #000;
	font-weight: bold;
}

.alt-cont p {
	margin: 8px 0;
}

.alt.cont p a img {
	border: none;
	margin: 0;
}

#flashcontent {
	width:900px;
	height:300px;
	margin:0px auto;
}

#middle {
	width:974px;
	height: 285px;
	float: left;
}

#footer {
	margin-top: 10px;
	padding:10px 0px;
	text-align:center;
	clear: both;
}

/*#horz-black {
	width:974px;
	height:40px;
	background:url(images/horz-spacer.jpg) no-repeat top left;
}*/

.empty-l {
	width:122px;
	/*height:238px;*/
	/*background:url(images/black-bg.jpg) repeat top left;*/
	float:left;
}
.empty-r {
	width:121px;
	/*height:238px;*/
	/*background:url(images/black-bg.jpg) repeat top left;*/
	float:left;
}

#main-links-container {
	width:130px;
	/*height:238px;*/
	float:left;
	margin: 0;
	padding: 0;
}

#main-links-container div#logo {
	margin-top:20px;
	padding:0px;
	width:130px;
	height:36px;
}

#main-links-container div#logo a {
	display: block;
	width: 130px;
	height: 36px;
}

#main-links-container div.main-links {
	margin-top: 15px;
	width: 130px;
	height: 13px;
	padding: 0;
	display: inline;
	float: left;
}

#main-links-container div#first-link {
	margin-top: 26px;
	/*width: 130px;*/
	height: 13px;
	padding: 0;
	display: inline;
	float: left;
}

#main-links-container div#first-link a#adv {
	width: 22px;
	line-height: 13px;
	background: transparent url(images/advertising-link.jpg) repeat scroll left top;	
	display: block;
}

#main-links-container div#first-link a#adv:hover {	
	background-position: left bottom;
}

#main-links-container div#first-link a#adv span {
	margin-left: -9999px;
}

#main-links-container div.main-links a#design {
	width:39px;
	line-height:13px;
	background:url(images/design-link.jpg) no-repeat left top;
	display:block;
}

#main-links-container div.main-links a#design:hover {
	background-position: left bottom;
}

#main-links-container div.main-links a#design span {
	margin-left: -9999px;
}

#main-links-container div.main-links a#development {
	width:26px;
	line-height:13px;
	background:url(images/web-link.jpg) no-repeat left top;
	display:block;
}

#main-links-container div.main-links a#development:hover {
	background-position: left bottom;
}

#main-links-container div.main-links a#development span {
	margin-left: -9999px;
}


#main-links-container div.main-links a#marketing{
	width:66px;
	line-height:13px;
	background:url(images/marketing-link.jpg) no-repeat left top;
	display:block;
}

#main-links-container div.main-links a#marketing:hover {
	background-position: left bottom;
}

#main-links-container div.main-links a#marketing span {
	margin-left: -9999px;
}

#main-links-container div.main-links a#events {
	width:42px;
	line-height:13px;
	background:url(images/events-link.jpg) no-repeat left top;
	display:block;
}

#main-links-container div.main-links a#events:hover {
	background-position: left bottom;
}

#main-links-container div.main-links a#events span {
	margin-left: -9999px;
}


#main-links-container div.main-links a#video {
	width:32px;
	line-height:13px;
	background:url(images/video-link.jpg) no-repeat left top;
	display:block;
}

#main-links-container div.main-links a#video:hover {
	background-position: left bottom;
}

#main-links-container div.main-links a#video span {
	margin-left: -9999px;
}
/*
#home {
	margin:0px;
	padding:0px;
	border:0px;
	width:130px;
	height:28px;
	background:url(images/home-link.png) no-repeat top left;
	display:block;
}

#home:hover {
	margin:0px;
	padding:0px;
	border:0px;
	width:130px;
	height:28px;
	background:url(images/home-link.png) no-repeat bottom left;
	display:block;
}
*/
#bottom-titles {
	width:220px;
	/*height:238px;*/
	/*background:url(images/black-bg.jpg) repeat top left;*/
	float:left;
}

.links {
	width:123px;
	padding:0px 2px;
	/*height:198px;*/
	/*background:url(images/black-bg.jpg) repeat top left;*/
	float:left;
}

#bottom-text {
	width:381px;
	float:left;
}

#menu {
	width:376px;
	height:40px;
	line-height:40px;
	padding: 0 2px;
}

#menu a#portf {
	color:#9c6;
}

#menu a#portf.active {
	color: #f60;
}

#menu a {
	margin-right:10px;
}

#menu a.active{
	color:#f60;
}

#menu a.bold {
	font-weight: bold;
}

input.typetext {
	width:120px;
	margin:3px;
	padding:2px;
	font:normal normal normal 12px/18px arial, helvetica, sans-serif;
	color:#333;
	border:none;
}

textarea.msg {
	width:170px;
	height:90px;
	margin:3px 6px;
	padding:2px;
	font:normal normal normal 12px/18px arial, helvetica, sans-serif;
	color:#333;
	border:none;
	overflow:auto;
}

input.typesubmit {
	margin:3px;
	background:url(images/send-button.jpg) no-repeat top left;
}

.orange {
	color:#f60;
	font-weight:bold;
}

.alt-cont {
	text-align: center;
	margin-top: 180px;
}

.alt-cont h4 {
	color: #000;
	font-size: 18px;	
}

.alt-cont p {
	margin-top: 20px;
}

#form-result {
	text-align: center;
}