/*------DEFAULT------*/
body,html,div,ul,li,a,span,img,strong,h1,h2,h3,h4,h5,h6,form,input,textarea,p{
	margin:0;
	padding:0;
	border:0;
	vertical-align: baseline;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	text-decoration:none;
	outline:none;
}
body,html {
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#000;
	color:#666;
}
h1 {
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:bold;
	color:#0a4c4f;
}
h2 {
	font-size:12px;
	font-weight:bold;
}
h3 {
	line-height:16px;
}
a {
	font-size:12px;
	margin:0;
	padding:0;
	text-decoration:none;
	color:#0a4c4f;
}
img{
	margin:0;
	padding:0;
	border:0;
}
ul,li {
	
	margin:0;
	padding:0;
	font-size: 11px;
}
strong {
	/*font-family:Georgia;
	color:#0a4c4f;*/
	color:#D6433E;
}
.clear{
	clear:both;
}
.spacer{
	height:10px;
}
.head {
	padding:20px 0 20px 0;	
}
.headDefault{
	padding:50px 0 10px 36px;	
}
/*------------*/


/*------sIFR------*/
.sIFR-active h1.Bt {
	 padding-bottom: 0;
	 padding-top: 0;
	 font-size: 24px;
	 line-height: 1em;
	 visibility: hidden;
}
.sIFR-active h1.R, .sIFR-active h1.G, .sIFR-active h1.M {
	 padding-bottom: 0;
	 padding-top: 0;
	 font-size: 20px;
	 line-height: 1em;
	 visibility: hidden;
}
/*------------*/


/*------FORM------*/
form{
	padding-top:10px;
}
input,textarea{
	background:#1C1C1C;
	border:1px solid #363636;
	width:294px;
	overflow:auto;
	color:#C2C0BA;
	font-size:12px;
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	padding:4px 2px 2px 2px;
}
textarea{
	height:50px;
	margin:4px 0 4px 0;
}
input{
	height:18px;
	margin-top:4px;
}
input:focus,textarea:focus{
	border:1px solid #d1d63e;
}
.hint{
	display:none;
	width:180px;
}
.footerColumn form span{
	color:#d1d63e;
}
label{
	color:#f4f4f4;
}
.submit{
	height:22px;
	line-height:22px;
	margin:18px 2px 0 0;
	text-align: right;
}
/*------------*/


/*------MENU STRUCTURE------*/
#menuContainer {
	height:28px;
}
#menuWideBg {
	margin-top:-28px;
	position:relative;
	z-index:1;
}
#leftMenu {
	background:url(./img/leftMenu.png) repeat-x;
	width:50%;
	height:28px;
	position:absolute;
	left:0;
}
#rightMenu {
	background:url(./img/rightMenu.png) repeat-x;
	width:50%;
	height:28px;
	position:absolute;
	right:0;
	display:block;
}
#menuCenter {
	background:url(./img/centerMenu.png) left no-repeat;
	width:960px;
	height:28px;
	margin:0 auto;
	position:relative;
	z-index:2;
}
/*------------*/


/*------MENU BUTTONS------*/
#menuCenter ul {
	width:204px;
	list-style:none;
	float:right;
}
#menuCenter li {
	width:102px;
	float:left;
	text-align:center;
}
#menuCenter li a {
	display:block;
	width:102px;
	height:28px;
	line-height:25px;
	background:url(./img/tab.png);
	background-position:0 0;
	font-size: 11px;
	font-weight:bold;
	color:#d3d1cc;
}
#menuCenter li a:hover {
	background-position:0 -28px;
}
#menuCenter li a.current, #menuCenter li a.current:hover {
	color:#e8e6e2;
	background-position:0 -56px;
	line-height:22px;
}
/*------------*/


/*------TOPBAR------*/
#topbar {
	/*height:42px;*/
	height:62px;
	background:url(./img/topbar.gif) repeat-x center bottom;
}
#topCenter {
	height:62px;
	width:960px;	
	background:url(./img/topbar.gif) repeat-x center bottom;
	margin:0 auto;
}
#logo {
	/*height:33px;*/
	height:62px;
	position:relative;
	top:0px;
	left: 0px;
	/*background:url(img/logo-creativesource.png) center bottom no-repeat;*/
	background:url(img/newLogo.png) -2px top no-repeat;
	width:200px;
}
/*------------*/


/*------BANNER------*/
#cyanRamp {
	background:url(./img/cyanRamp.png) center top repeat-x #3ed0d5;
}
.cyanRamp{
	/*height:258px;*/
	height:100px;
}
#creative {
	position:relative;
	width:960px;
	height:258px;
	background:url(./img/creative.jpg) center top;
	margin:0 auto;
}
.cyanRamp #creative{
	background:url(./img/creativePresentation.jpg) center top;
	height:100px;
}
.webRia{
	height:100px;
}
.webRia #creative{
	background:url(./img/creativeWebRia.jpg) center top;
	height:100px;
}
.mobile{
	height:100px;
}
.mobile #creative{
	background:url(./img/creativeMobile.jpg) center top;
	height:100px;
}
#op{
	position:absolute;
	bottom:-6px;
	right:20px;
	background:url(./img/open.png);
	width:21px;
	height:20px;
	cursor:pointer;
}
#backTo{
	position:absolute;
	bottom:-33px;
	right:14px;
	cursor:pointer;
	background:url(img/backToIcon.png) no-repeat top right;
	height:21px;
	line-height:21px;
	padding:0 22px 0 6px;
	border:1px solid #D9D8D4;
	font-size:10px;
	font-family:Georgia;
	font-weight:bold;
}
#backTo:hover{
	color:#D6433E;
	background:url(img/backToIcon.png) no-repeat bottom right;
}
/*------------*/


/*------CONTENT------*/
#medium {
	min-height:468px;
	height:auto !important;
  	height:468px;
	background:url(./img/mediumBg.png) top repeat-x #efede7;
}
#mediumCont {
	width:960px;
	min-height:468px;
	height:auto !important;
  	height:468px;
	margin:0 auto;
	background:url(./img/centro.png) top no-repeat #efede7;
	padding-bottom:20px;
}
#mediumContRamp{
	height:3px;
	width:960px;
	background:url(./img/mediumContRamp.png) top no-repeat;
	margin:0 auto;
	overflow:hidden;
}
/*-------------NEW PORTFOLIO----------------*/
.paper{
	width:960px;
	height:170px;
	background:url(./img/paper8.png) bottom no-repeat;
	margin-bottom:10px;
	margin-top:19px;
}
.web{
	background:url(./img/paperWeb2.png) bottom no-repeat;
}

.ria{
	background:url(./img/paperRia.png) bottom no-repeat;	
}
.cell{
	background:url(./img/paperMobile.png) bottom no-repeat;
}
.pda{
	background:url(./img/paperPda.png) bottom no-repeat;
}

.paper p{
	padding:0px 38px 10px 38px;
	line-height:24px;
	font-size:14px;
}
.polaroidCont {
	float:left;
	padding:8px 4px 0 4px;
	display:inline;
}
.polaroid {
	width:230px;
	height:158px;
	background:/*url(img/polaroidBg.gif) repeat-x bottom */#ffffff;
	border:1px solid #d9d8d4;
}
.polaroidImg {
	position:relative;
	width:214px;
	height:142px;
	top:8px;
	left:8px;
	background:#ffffff;
	overflow:hidden;
}
.polaroidSpec {
	background:url(img/specBg2.gif);
	position:relative;
	height:142px;
	top:120px;
	left:0;
	padding:4px;
}
.link {	
	font-size:10px;
	font-family:Georgia;
	float:right;
	background:url(img/linkImg.png) repeat-x;
	/* color:#acaba8; */
	color: #0B4D50;
	height:21px;
	line-height:21px;
	font-weight:bold;
	border:1px solid #D9D8D4;
	padding:0 6px 0 6px;
}
.link:hover {
	color:#D6433E;
}
.polaroidSpec h3 {
	padding:10px 4px 12px 4px;
	font-size:11px;
	font-weight:normal;
}
.polaroidSpec h1 {
	font-size:14px;
}
.polaroidSpec div{
	height:52px;
}
/*------------*/


/*------DETAIL------*/
#sideBar{
	float:left;
	width:349px;
	background:url(./img/paperRepeat.png) repeat-y;
}
.sideLink{
	font-size:11px;
}
.sideLink:hover{
	color:#D6433E;
}
#sideBarBg{
	position:relative;
	top:0;
	left:0;
	background:url(./img/paperBg.jpg) no-repeat;
	min-height:365px;
	height:auto !important;
	height:365px;
	width:293px;
	padding:38px 36px 20px 20px;
	font-size:11px;
	line-height:18px;
}
#sideBarBg ul{
	margin:0 20px 10px 20px;
	list-style-image: url(./img/redBullet.png);
	line-height:16px;
}
#sideBarBg h2{
	color:#0a4c4f;
	font-style:italic;
	font-size:14px;
	padding:10px 0 10px 0;
}
#sideBottom{
	height:1px;
	width:316px;
	background:#d9d8d4;
	overflow:hidden;
	margin-left:11px;
}
#cont{
	float:left;
	width:607px;
	margin-top:40px;
}
/* .contWeb{
	margin-top:40px;
}
.contMobile{
	margin-top:25px;
} */
#telefono{
	width:562px;
	height:550px; 
	background:url(img/telefonoBG.jpg) center no-repeat #fff;
}
#palmare{
	width:562px;
	height:550px; 
	background:url(img/palmareBG.jpg) center no-repeat #fff;
}
#flashGame{
	width:176px;
	height:208px;
	padding-left:200px;
	padding-top:100px; 
}
#flashPda{
	width:320px;
	height:240px;
	padding-left:111px;
	padding-top:123px; 
}
.portaImg{
	padding:7px 7px 5px 7px;
	border:1px solid #d9d8d4;
	background: /*url(./img/polaroidBg.gif) repeat-x bottom*/ #fff;
	float:right;
	margin:0 10px 10px 0;
	position:relative;
}
.big{
	width:562px;
}
.small{
	width:170px;
}
.medium{
	width:268px;
}
.dotLine{
	height:7px;
	width:293px;
	background: url(./img/dividerLine.png) no-repeat;
	margin-top:20px;
}
/* .overlayRoll{
	position:absolute;
	top:7px;
	left:7px;
	width:0;
	height:0;
	background: #000;
	z-index:99;
}
.overlayImg{
	background:url(./img/overlayPlus.png) no-repeat bottom left;
	position:absolute;
	top:7px;
	left:7px;
	width:0;
	height:0;
	z-index:100;
} */
/*------------*/


/*------FOOTER------*/
#footer {
  	/*height:370px;
	background:url(./img/footer.gif) top repeat-x;*/
	background-color:#000;
	clear:both;
}
#footerCenter {
	background-color:#000;
	width:960px;
	/*height:370px;
	background:url(./img/footer.gif) top repeat-x;*/
	margin:0 auto;
}
.footerColumn{
	float:left;
	width:300px;
	padding:20px 10px 10px 10px;
}
.footerColumn div {
	color:#C2C0BA;
	line-height:16px;
}
.footerColumn h1 {
	color:#efede7;
	padding-bottom:2px;
	margin-bottom:6px;
}
.footerColumn h2,.footerColumn span {
	color:#f4f4f4;
	line-height:16px;
}
.R {
	border-bottom:1px dotted #d6433e;
}
.M {
	border-bottom:1px dotted #d43d84;
}
.G {
	border-bottom:1px dotted #d1d63e;
}
#footRamp {
	height:6px;
	/*background:url(./img/footer.gif) top repeat-x;*/
}
#footWideBg {
	position:relative;
	z-index:3;
}
#leftFoot {
	background:url(./img/footLeft.gif) top repeat-x;
	width:50%;
	height:6px;
	position:absolute;
	left:0;
	top:0px;
}
#rightFoot {
	background:url(./img/footRight.gif) top repeat-x;
	width:50%;
	height:6px;
	position:absolute;
	right:0;
	top:0px;
}
#footRampCenter {
	background:url(./img/footCenter.gif) top no-repeat;
	width:960px;
	height:6px;
	margin:0 auto;
	position:relative;
	z-index:4;
}
.project {
	padding-bottom:12px;
	margin-bottom:12px;
}
.project img {
	border:2px solid #363636;
}
.txt {
	float:right;
	width:224px;
	font-size:11px;
}
.txt h2 a{
	color: #F4F4F4;
	font-size: 12px;
	font-weight: bold;
}
.txt h2 a:hover, .txt a:hover{
	color: #F4F4F4;
}
.txt a:hover{
	color: #C2C0BA;
}
.txt a{
	font-weight: normal;
	font-size: 11px;
	color: #C2C0BA;
}
.contact {
	padding-top:20px;
	font-size:11px;
}
.contact a, #footerBottom a {
	color:#C2C0BA;
	font-size:11px;
	font-weight: normal;
}
.contact a:hover, #footerBottom a:hover {
	color:#f4f4f4;
	border-bottom:1px dotted #d1d63e;
	cursor: pointer;
}
#footerBottom{
	width:960px;
	height: 60px;
	font-size:10px;
	padding: 0 12px 0 12px;
	line-height:14px;
	color:#666666;
}
#footerBottom div a{
	font-size:10px;
	color:#666666;
}
#footerBottom div{
	float:left;
}
#footerMenu{
	width:740px;
}
#bubbleCont{
	position:relative;
	top:-3px;
	right:0px;
	width:198px;
	text-align:right;
}
#bubbleCont a:hover{
	border:0px solid;
}
#bubble{
	display:none;
	width:157px;
	height:41px;
	background:url(img/bubble.png);
	position:absolute;
	top:-67px;
	left:-14px;
	padding:26px 10px 10px 10px;
	line-height:11px;
	text-align:left;
}
/*------------*/
.otherMobile{
	display:none;
	position:relative;
	top:180px;
	left:75px;
}

.otherMobile a .miniMobile {
	width:50px;
	height:60px;
}

.otherMobile a{
	
	padding-right:10px;
	}
#backMobileLink {
	position:relative;
	float:right;
}