/* -------------------------------------------------------------- 

* Filename:			style.css
* Version:			1.1.0 (2009-08-15) YYYY-MM-DD
* Website:			http://yodaa.com
* Designer:			Navdeep, Ranish
* Description:		Global Styles



== STRUCTURE: ==================================

* Page width:            100%
* Number of columns:     1

================================================ 

*/

*{
	margin: 0;
	padding: 0;
	list-style: none;
	outline: none;
}

body{
	background: #040101 url(images/body_bg.jpg) repeat-x 0 0;
 	font: 12px/170% Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 0;
	
}

.header_wrapper{
	background: url(images/header_bg.jpg) no-repeat center top;
	width: 100%;
	/*height: 1500px;*/
	min-width: 1003px;
}

.inner-wrapper{
	background: url(images/wrapper_bg.jpg) no-repeat center 588px;
	width: 100%;
	/*height: 1259px;*/

}
.footer_wrapper{
	background: url(images/footer_bg.jpg) no-repeat center 1174px;
	width: 100%;
	height: 1950px;
	overflow: hidden;
	position: relative;
}
.header{
	height:355px;
	margin:0 auto;
	width:1004px;
	position: relative;
}
.header h1{
	padding-left: 81px;
}
.header h1 a{
	background: url(images/yodaa_logo.png) no-repeat center center;
	display:block;
	float:left;
	height:84px;
	padding-top:20px;
	text-indent:-99999px;
	width:203px;
}
.menu{
	margin:0 auto;
	width:385px;
	overflow: hidden;
}

.menu li.menu_services{
	float: left;
	width: 113px;
}
.menu li.menu_portfolio{
	float: left;
	width: 117px;
}
.menu li.menu_services a{
	float: left;
	background: url(images/menu_bg.png) no-repeat left top;
	width: 105px;
	text-indent: -9999px;
	display: block;
	height: 51px;
}
.menu li.menu_portfolio a{
	float: left;
	background: url(images/menu_bg.png) no-repeat -112px top;
	width: 108px;
	text-indent: -9999px;
	display: block;
	height: 51px;
}
.menu li.menu_contact a{
	float: left;
	background: url(images/menu_bg.png) no-repeat -224px top;
	width: 130px;
	text-indent: -9999px;
	display: block;
	height: 51px;
}
.menu li.menu_services a:hover{
	background: url(images/menu_bg.png) no-repeat left -51px;
}
.menu li.menu_portfolio a:hover{
	background: url(images/menu_bg.png) no-repeat -112px -51px;
}
.menu li.menu_contact a:hover{
	background: url(images/menu_bg.png) no-repeat -224px -51px;
}
.content{
	width: 1004px;
	margin: 0 auto;
	overflow: hidden;
}
.content .description {
	float: left;
	padding: 102px 81px 0 81px;
}
.content .description h2{
	background: url(images/text_bg.png) no-repeat left center;
	padding:0 92px 15px 0;;
	float: left;
	clear: both;
	height: 125px;
	width: 348px;
	text-indent: -9999px;
}
.content .description p{
	color: #5b7379;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 15px;
	line-height: 18px;
}

.our_services{
	margin:0 auto;
	overflow:hidden;
	padding-top:265px;
	width:1004px;
}

.our_services ul.services{
	float: left;
	width: 270px;
	padding-left: 160px;
}
.our_services ul.themes{
	float:left;
	padding-left:125px;
	width:270px;
}
.our_services ul.services li,
.our_services ul.themes li{
	float:left;
	padding:3px 0;
	width:120px;
}
.our_services ul.services li,
.our_services ul.themes li{
	color:#361D06;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
}
.our_services ul.services li a:hover,
.our_services ul.themes li a:hover{
	text-decoration: underline;
}
.our_services ul li.one,
.our_services ul li.two,
.our_services ul li.three{
	text-align: right;
	padding-right: 30px;
}


/* ******** starts Porfolio ************ */


.portfolio{
	width: 1004px;
	margin: 0 auto;
	padding-top: 203px;
	height:451px;
}
.portfolio h2{
	background: url(images/portfolio_bg.png) no-repeat center left;
	height:90px;
	text-indent:-99999px;
	width:238px;
}

.portfolio li{
	float: left;
	width: 500px;
}

.portfolio li a.popup{
	display:block;
	float:left;
	height:180px;
	width:290px;
	text-indent: -99999px;
	cursor: pointer;
}

.portfolio li.ggi h3, .portfolio li.ttw h3, .portfolio li.mad h3, .portfolio li.biz h3{
	padding: 33px 0 10px 0;
}

.portfolio li.cd h3, .portfolio li.mcw h3, .portfolio li.met h3, .portfolio li.acc h3{
	padding: 12px 0 10px 0;
}

.portfolio li.snsite h3, .portfolio li.sherpa h3, .portfolio li.boomerang h3, .portfolio li.fifa h3{
	padding: 33px 0 10px 0;
}


.portfolio li.snsite a.popup{
	background: url(images/links_right_bg_b.png) no-repeat left top;
}
.portfolio li.snsite a.popup:hover{
	background: url(images/links_right_bg_b.png) no-repeat left -360px;
}


.portfolio li.sherpa a.popup{
	background: url(images/links_right_bg_b.png) no-repeat left -160px;
}
.portfolio li.sherpa a.popup:hover{
	background: url(images/links_right_bg_b.png) no-repeat left -520px;
}


.portfolio li.boomerang a.popup{
	background: url(images/links_left_bg_b.png) no-repeat left -160px;
}
.portfolio li.boomerang a.popup:hover{
	background: url(images/links_left_bg_b.png) no-repeat left -520px;
}


.portfolio li.fifa a.popup{
	background: url(images/links_left_bg_b.png) no-repeat left top;
}
.portfolio li.fifa a.popup:hover{
	background: url(images/links_left_bg_b.png) no-repeat left -360px;
}


.portfolio li.ggi a.popup{
	background: url(images/links_left_bg.png) no-repeat left top;
}
.portfolio li.ggi a.popup:hover{
	background: url(images/links_left_bg.png) no-repeat left -360px;
}
.portfolio li.cd a.popup{
	background: url(images/links_left_bg.png) no-repeat left -180px;
}
.portfolio li.cd a.popup:hover{
	background: url(images/links_left_bg.png) no-repeat left -540px;
}
.portfolio li.ttw a.popup{
	background: url(images/links_right_bg.png) no-repeat left top;
}
.portfolio li.ttw a.popup:hover{
	background: url(images/links_right_bg.png) no-repeat left -360px;
}
.portfolio li.mcw a.popup{
	background: url(images/links_right_bg.png) no-repeat left -180px;
}
.portfolio li.mcw a.popup:hover{
	background: url(images/links_right_bg.png) no-repeat left -540px;
}

.portfolio li.mad a.popup{
	background: url(images/links_right_bg_a.png) no-repeat left top;
}
.portfolio li.mad a.popup:hover{
	background: url(images/links_right_bg_a.png) no-repeat left -360px;
}

.portfolio li.met a.popup{
	background: url(images/links_left_bg_a.png) no-repeat left -180px;
}
.portfolio li.met a.popup:hover{
	background: url(images/links_left_bg_a.png) no-repeat left -540px;
}


.portfolio li.acc a.popup{
	background: url(images/links_right_bg_a.png) no-repeat left -180px;
}
.portfolio li.acc a.popup:hover{
	background: url(images/links_right_bg_a.png) no-repeat left -540px;
}

.portfolio li.biz a.popup{
	background: url(images/links_left_bg_a.png) no-repeat left top;
}
.portfolio li.biz a.popup:hover{
	background: url(images/links_left_bg_a.png) no-repeat left -360px;
}


.portfolio li h3 a{
	color:#F5D4B1;
	font-size:16px;
	font-weight:normal;
	text-decoration: none;
}
.portfolio li h3 a:hover{
	color: #cfa272;
}

.portfolio p{
	font-size: 11px;
	color: #ad8356;
	line-height: 18px;
}


/* ******** End Porfolio ************ */



.contact{
	width: 1004px;
	background: url(images/contact_bg.png) no-repeat center bottom;
	clear: both;
	margin: 0 auto;
	height: 306px;
	position: relative;
}

.contact #contacct_form{
	left:422px;
	position:absolute;
	top:86px;
	width: 450px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
.contact #contacct_form{
	top:82px;
}
}
.contact .left_box{
	float:left;
	width:127px;
}

.contact .right_box{
	float:left;
	width:153px;
	padding-left: 20px;
}
.contact .left_box #first_name{
	background: none;
	border: none;
	padding:5px 0 0 2px !important;
	width:120px;
	color: #e4c494;
	font-size: 11px;
	height: 27px;
}
.contact .left_box #email{
	background: none;
	border: none;
	padding:2px 0 0 6px;
	width:115px;
	color: #e4c494;
	font-size: 11px;
	height: 25px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.contact .left_box #first_name{
		height: 25px;
}

}
.contact .left_box #site{
	background: none;
	border: none;
	padding:5px 0 13px 6px;
	width:115px;
	color: #e4c494;
	font-size: 11px;
}

.contact .right_box textarea{
	background: none;
	border: none;
	padding:5px 0 0 2px;
	width:153px;
	color: #e4c494;
	height: 76px;
	font-family: Helvetica;
	font-size: 11px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.contact .right_box textarea{
		padding-top: 8px;
	}
}

.contact .social_media{
	left:180px;
	position:absolute;
	top:172px;
	width:150px;
}

.contact .social_media li.facebook{
	float:left;
	left:51px;
	position:absolute;
	top:-2px;
}
.contact .social_media li.share{
	float: left;
	padding: 10px 0 0 3px;
}
.contact .social_media li.twitter{
	float: left;
	padding: 19px 0 0 57px;
}
.contact .social_media li.facebook a{
	background: url(images/facebook.png) no-repeat center center;
	height: 27px;
	width: 25px;
	display: block;
	text-indent: -9999px;
}
.contact .social_media li.share a{
	background: url(images/share.png) no-repeat center center;
	height: 28px;
	width: 30px;
	display: block;
	text-indent: -9999px;
}
.contact .social_media li.twitter a{
	background: url(images/twitter.png) no-repeat center center;
	height: 28px;
	width: 30px;
	display: block;
	text-indent: -9999px;
}
.contact .social_media li.facebook a:hover,
.contact .social_media li.rss a:hover,
.contact .social_media li.twitter a:hover{
}

#submit{
	background: url(images/submit.png) no-repeat center top;
	border:none;
	cursor:pointer;
	height:61px;
	position:absolute;
	right:18px;
	top:25px;
	width:114px;
}
#submit:hover{
	background: url(images/submit.png) no-repeat center -61px;
}

.footer{
	bottom:0;
	position:absolute;
	text-align:center;
	width:1004px;
}
.footer p{
	color: #c19763;
	font-size: 11px;
	padding-bottom: 5px;
}
.error{
	color: #ff0000 !important;
}
.statusMessage{
	background:  url(images/success_bg.png) no-repeat center center;
	bottom:76px;
	height:36px;
	padding:1px 0;
	position:absolute;
	right:267px;
	text-align:center;
	text-indent:-9999px;
	width:326px;
}
.fancy_title a{
	color: #fff;
	text-decoration: none;
}
#twitter_div{
	position:absolute;
	right:230px;
	top:40px;
	width:170px;
	display: table!important;
	vertical-align: middle!important;
	height: 70px;
	
	line-height: 18px;
}
#twitter_div div{
	color: #1c9fb9;
	height: 70px;
	display: table-cell;
	vertical-align: middle!important;
}
#twitter_div a{
	color: #945212;
	text-decoration: none;
	display: inline;
}

.top{
	background:  url(images/top_bg.png) no-repeat center center;
	bottom:0;
display:block;
height:46px;
position:fixed;
right:10px;
text-indent:-9999px;
width:77px;
z-index: 9;
}

#fdbk_tab{
	background:  url(images/feedback_bg.png) no-repeat center center!important;
	display:block!important;
	height:152px!important;
	left:0!important;
	position:fixed!important;
	text-indent:-9999px!important;
	top:40%!important;
	width:49px!important;
}

.jcarousel-skin-tango .jcarousel-item {
height: 200px !important;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal{
width:915px !important;
height: 370px !important;
}

.jcarousel-skin-tango .jcarousel-container-horizontal{
width:970px !important;
overflow: hidden;
}

.jcarousel-list li, .jcarousel-item{
width:455px !important;
float: left;
height: auto !important;
}

.jcarousel-skin-tango{
 width:1000px;
 margin: 0 auto;
 }
 
.jcarousel-skin-tango .jcarousel-container{
background: none !important;
border:none !important;
}

.jcarousel-prev, .jcarousel-next{
margin-top: 125px;
background: url(images/arrow_right.png) no-repeat center !important;
height: 45px !important;
width:45px !important;
}

.jcarousel-prev{
background: url(images/arrow_left.png) no-repeat center !important;
}

.jcarousel-prev.jcarousel-prev-disabled {
background: url(images/arrow_left_inactive.png) no-repeat center !important;
}

.jcarousel-next.jcarousel-next-disabled{
background: url(images/arrow_right_inactive.png) no-repeat center !important;
}

.jcarousel-prev{
float: left !important;
}

.jcarousel-next{
float: right !important;
}

.jcarousel-list{
height: 2000px !important;
}

.jcarousel-skin-tango .jcarousel-item-horizontal{
margin: 0 !important;
width:915px !important;
}


.jcarousel-skin-tango .jcarousel-next-horizontal {
right: 55px !important;
}

0a576e