@charset "utf-8";
/* CSS Document */

body{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; overflow-x:hidden; width:100%;margin:auto;min-width:600px;max-width:2000px}
p{text-align:left; font-size:12px;}
.clear{clear:both}
/* HEADER */
#header { height:600px; }
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:600px; position:absolute; }
#sizewidth{width:1000px; margin:0 auto}
/* CONTROLS */
.btn { height:64px; width:42px; float:left; cursor:pointer; margin-top:12px }
#back { background-image:url("../images/btn_back.png"); }
#next { background-image:url("../images/btn_next.png"); }
#control { background-image:url("../images/btn_pause.png"); }
/* HEADER HAVIGATION */
#headernav-outer { position:relative; top:400px; margin:0 auto; width:960px; }
#headernav { }

#logo_back{width:185px; height:137px; background-image:url(../images/logo-back.png);}

#top_bg{width:100%; background-image:url(../images/main_slide_btm_bg_v2.png); background-position:center top; height:258px; margin-top:-250px;  background-repeat:no-repeat}
#text_content{width:1000px; margin:0  auto 30px auto}
#flow{margin:20px  0  0 250px; padding-top:0px ; float:left}

#home_portfolio{width:100%; background-image:url(../images/testi.png); background-repeat:no-repeat; height:225px;background-position: center top; padding-top:250px; background-color:#FCFCFC; margin-top:-100px; }
.portfolio{width:1000px; margin:0 auto; background-color:#FCFCFC }
#portfolio_all{outline: none;text-indent: -5000px ;display:block; width:120px;height:125px;background: url("../images/portfolio-all.png") 0 0 no-repeat;}

.portfolio ul{width:1000px;padding:0; margin-bottom:-10px; margin-top:-15px}
.portfolio ul li{width:210px;   height:158px; list-style:none; float:left; padding:8px 8px 8px 8px; background-color:#FFFFFF; margin:5px; box-shadow: 5px 2px 5px  #BBBABA; }
#port{width:100%;}
#testi1{width:980px;margin:0 auto; padding:10px;background:#1F1F1F; height:200px}
#testi1 h2{color:#fff;}

#testi_full{width:100%; background:#1F1F1F }
#testi-top{background-image:url(../images/port-bg.png); background-position:center bottom; height:140px; width:100%; background-repeat:no-repeat;}

.rollover{ float:right; margin-top:-100px }
.rollover a { background: url(../images/portfolio-all.png) no-repeat 0px 0px;width: 193px; height:90px;display: block; z-index:999}.rollover a:hover { background-position: 0px -90px;}

#footer{width:100%; background-image:url(../images/footer-bg.png); background-position:center top; margin:0px 0  0 0; padding:0}
#footer_side{background-image:url(../images/main_tweets_btm_bg.png); height:172px; background-position:center top; }
#footer_container{width:1000px; margin:0 auto}
#footer_container ul{width:200px; float:left}
#footer_container ul li{width:200px; float:left; list-style:none; color:#494949; font-size:12px; padding:5px; text-align:left;font-weight:bold}
#footer_container ul li a{text-decoration:none; color:#494949; font-weight:bold}
#footer_container ul li a:hover{color:#ccc;}
#footer_container ul li h2{width:200px; float:left; list-style:none; color:#fff;font-family: 'Magra', sans-serif; font-weight:normal; font-size:24px}
h3{list-style:none; color:#3c2209;font-family: 'Magra', sans-serif;font-weight:normal; font-size:16px; margin:0; padding:0}


#logotipo { float:left; position:absolute; padding-top:20px; width:179px; height:137px; background-image:url(../images/logo-back.png); background-repeat:no-repeat  }
#logotipo h1 a {margin:0 ; padding:0; display:block; text-decoration:none; color:#1e1e1e; text-align:center; font-size:24px;font-family: 'Magra', sans-serif; }
#logotipo h1 a:hover {}
#logotipo h1 a span {}
h2{margin:0 ; padding:0; display:block; text-decoration:none;color: #504f4f;
	text-shadow: 0px 2px 1px #bbbaba; text-align:left; font-size:24px;font-family: 'Magra', sans-serif; }
#testi {float: left; margin-right: 10px; margin-top:30px; padding-top: 10px;width:300px;}
#twitt { float: left; margin-left: 20px;padding-top: 10px;width:300px; margin-left:20px}
#awards { margin-top:60px;float: left;margin-left:40px;padding-top: 10px;width:300px;}
.testimonial { color: #000000; float: left;  font-size: 12px; margin-bottom: 22px;width:300px; margin-top:10px}
.left-quote { background: url("../images/quote-left.png") no-repeat scroll center top transparent; float: left;height: 15px; width: 13px;}
.testi-text {background: url("../images/quote-right.png") no-repeat scroll right bottom transparent;float: left; margin-left: 0px; margin-top: 10px; padding-right: 0;text-align: justify; width: 175px; color:#fff}
.testi-pic { display: inline;float: left; height: 20px;margin-left: 30px;margin-top: 10px; width: 64px;}
.testimonial img { float: left; padding:20px 0 0 15px;}
.testi-name { text-align: right; color:#ccc}
#clients { background-color: #FEFEFE; border: 1px solid #D9E6EA;  float: left; padding-top: 10px; width: 503px;}
#testi strong{color:#E48924}
#mainWorkSheet { background: url("../images/main_project_sheet_bg.png") repeat scroll 0 0 transparent;float: left; height: 184px; margin-top:0px; width: 372px}
#mainWorkSheet .download {background: url("../images/main_project_sheet_hvr.png") no-repeat scroll 29px -200px transparent; color: #848484;display: block;float: left;font-size: 12px;height: 22px;line-height: 16px; padding-top: 155px; position: relative; text-align: center; text-decoration: none;width: 175px;}
#mainWorkSheet .download .ani {background: url("../images/main_project_sheet_hvr.png") no-repeat scroll 0 0 transparent; display: none; height: 155px; left: 0; position: absolute;top: 0; width: 175px;}
#mainWorkSheet p { color: #9A9A9A;display: block;float: left; font-size: 14px;line-height: 21px; padding: 61px 22px 0 24px;width: 150px;}
#mainWorkSheet p a { color: #FFFFFF;font-weight: bold;text-decoration: none;}#mainWorkSheet p a:hover {text-decoration: underline;}
#content{width:600px; float:left;}
.font{color:#fff}

.img1{padding:5px; background-color:#FFFFFF; border:1px solid #ccc}
	#contact-area {
	width: 450px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 8px;
	width: 330px;
	font-family: Helvetica, sans-serif;
	font-size:12px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #2A2A2A; background:#EEEEEE;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #4B4B4B;
}

#contact-area input.submit-button {
	width: 113px; height:109px; margin-right:15px; background-color:#fff;
	float: right; background-image:url(../images/send.png); background-repeat:no-repeat; border:0; cursor:pointer;
}

label {
	float: left;
	text-align: left;
	margin-right:0px;
	width: 100px;
	padding-top: 5px; 
	font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif; font-weight: bold;
}
.pad_bot2 {width:350px; margin-top:-5px;}
 .cols{ width:78px; padding-bottom:0; float:left}
.col1{ width:250px; float:left; color:#fff; padding-left:70px} .pad_bot1 {padding-bottom:5px; text-align:left}	
		#contact-area {
	width: 450px;
	margin-top: 25px;
}
.pad{width:150px; float:left}

#contact-area {
	width: 450px;
	margin-top: 25px; float:left}
.img2{z-index:-1px}

#contact_wrapper{ background-image:url(../images/contct.png); background-repeat:no-repeat; background-position:center top }
#top_bg_contact{width:100%; background-image:url(../images/main_slide_btm_bg_v2.png); background-position:center top; height:258px; margin-top:120px;  background-repeat:no-repeat}
#contact_top{width:1000px; margin:0 auto}

#right_col{width:385px; height:385px; margin-left:30px; float:left; background-image:url(../images/contact_addy_bg2.png.png); background-repeat:no-repeat; margin-top:-20px}


.color1{color:#fff}
.color1 a{color:#fff}
.color1 a:hover{color:#ccc}


#about_wrapper{ background-image:url(../images/about-banner.png); background-repeat:no-repeat; background-position:center top }
#left_panel {width:300px ;float:left}
#left_panel ul {
   list-style: none outside none;
    margin: 0 ;
    padding-left: 0px;
    padding-right: 10px;
    text-align: left;
    width: 230px;
}
#left_panel li {
    background: url("../images/ul_li.gif") no-repeat scroll left center transparent;
    border-bottom: 1px solid #E5E5E5;
    color: #525051;
font-family: 'Magra', sans-serif;    font-size: 14px;
    margin: 0;
    padding: 5px 0 5px 15px;
}
#left_panel li a {
    color: #143852;
    text-decoration: none;
}
#left_panel li a:hover {
    color: #BD782E;
    text-decoration: none;
}
.left {
    float: right;
    margin: 0;
    padding: 0 30px 0 20px;
    width: 250px;
}
.last {
    padding: 0 20px;
}

#game_wrapper{ background-image:url(../images/game-des.png); background-repeat:no-repeat; background-position:center top }
#iphone_wrapper{ background-image:url(../images/iphone-apps.png); background-repeat:no-repeat; background-position:center top }
#and_wrapper{ background-image:url(../images/and.png); background-repeat:no-repeat; background-position:center top }
#port_wrapper{ background-image:url(../images/port.png); background-repeat:no-repeat; background-position:center top }
#play_wrapper{ background-image:url(../images/play.png); background-repeat:no-repeat; background-position:center top }
#smart_wrapper{ background-image:url(../images/smart.png); background-repeat:no-repeat; background-position:center top }
#face_wrapper{ background-image:url(../images/facebook.png); background-repeat:no-repeat; background-position:center top }
#xbox_wrapper{ background-image:url(../images/xbox.png); background-repeat:no-repeat; background-position:center top }
#training_wrapper{ background-image:url(../images/traning.png); background-repeat:no-repeat; background-position:center top }