@charset "utf-8";
/* ------------------------------------------
		Project - My First iPad App
		Developed by - Plaveb
		Date - 7th May 2012 
		
		LANDSCAPE VIEW
------------------------------------------ */


/* ------------------------------------------
		CSS Standard Start 
------------------------------------------ */
*{ margin:0px; padding:0px; outline:none; -webkit-touch-callout: none;
/*-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;*/
}

html, body { height:100%; margin:0; padding:0; }

body { background:url(../images/bodyBg.jpg) repeat 0 0; font:normal 14px/22px Calibri; color:#333; text-shadow:1px 1px 0 #fff; }

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td, iframe { margin:0; padding:0; }

a, a:link { text-decoration:none; }
a:hover { color:#978888; }

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

.clear { clear:both; }
.fl { float:left; }
.fr { float:right; }
.vm { vertical-align:middle; }
.tec { text-align:center; }
.bgnone { background:none!important; }
img { border:none; }
.pr0 { padding-right:0!important; }
.mr5 { margin-right:5px; }

input[type=submit], input[type=Reset]{ -webkit-appearance:none; }


p { margin-bottom:10px; padding:0; font:normal 14px/22px Calibri; color:#333; text-shadow:1px 1px 0 #fff; }
p span { color:#B77C7C; text-shadow:1px 1px 0 #fff; font-weight:bold; }
/* h1 Only For Logo */
h1 { margin-top:10px; }
h1:hover { margin-left:10px; margin-left:0\9!important; }

h2 { width:1000px; text-align:center; font:normal 28px Calibri; color:#333; text-shadow:1px 1px 0 #fff; margin:10px 0 10px 0; }
h3 { width:1000px; text-align:center; font:normal 16px/22px Calibri; color:#5c5c5c; text-shadow:1px 1px 0 #fff; margin:0 0 15px 0; }
h4 { font:normal 16px/22px Calibri; color:#856a6a; text-shadow:1px 1px 0 #fff; padding:0 0 10px 0; background:url(../images/headingSt.jpg) repeat-x left bottom;
margin:10px 0 15px 0; }

.mt5 { margin-top:5px; }
.mt15 { margin-top:15px; }


/* ------------------------------------------
		Form Structure 
------------------------------------------ */
input.text, input.email, input.password, textarea, input, select {
  padding:3px;
  font:normal 12px Verdana, Geneva, sans-serif; color: #f0f0f0;
  background: url('../images/bg-input.png') repeat-x 0px 0px #857878;
  border:solid 1px #242323;
  border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px;
  outline:0;
  width:195px;
}
input.text:focus, input.email:focus, input.password:focus, textarea:focus, input:focus, select:focus,
input.text:hover, input.email:hover, input.password:hover, textarea:hover, input:hover, select:hover
{ background: url('../images/bg-input-focus.png') repeat-x 0px 0px #9d8f8f; }

input.error { border:solid 1px #ea5f5f!important; }

input#captchaimg { width:100px; }

input[type=submit], input[type=reset] { background:url(../images/butBg.png) repeat-x 0 0; height:25px; font:normal 16px/25px Calibri; color:#3c3636; width:120px; padding:0 10px 5px 10px; text-shadow:1px 1px 0px #c1aaaa; cursor:pointer; }
input[type=submit]:focus, input[type=reset]:focus, input[type=submit]:hover, input[type=reset]:hover { background:url(../images/butBg.png) repeat-x 0 bottom; }

label.error{ display:none!important; }
#customForm textarea.error { border:solid 1px #ea5f5f!important; }


/* ------------------------------------------
		Universal Transition 
------------------------------------------ */
.socialBg li.fb, .socialBg li.bl, .socialBg li.tw, h1, .menu li a, .menu li a span, .request li a, .srCont li, .slCont li, .close, #testimonials li.test p a, .fbottom span a
{ transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; 
-webkit-transition:all 0.3s ease-in-out; }


/* ------------------------------------------
		Structure Start - Header Part
------------------------------------------ */
.hWrapper, .cWrapper, .fWrapper { width:1000px; margin:0 auto; }

#header { width:100%; height:35px; background:url(../images/headerBg.jpg) repeat-x 0 0; }

ul.request { list-style-type:none; float:right; width:195px; height:35px; background:url(../images/mainSprite.png) no-repeat; background-position:-515px top; }
.request li a { font:normal 14px/35px Calibri; color:#ac9b9b; text-shadow:1px 1px 0px #000; width:193px; text-align:center; float:left; text-decoration:none; 
cursor:pointer; }
.request li a:hover { color:#decdcd; }


/* ------------------------------------------
		Structure Start - Quote Part
------------------------------------------ */
.quoteCont { float:right; width:352px; position:absolute; display:none; z-index:999999; right:10px; margin-top:25px; }
.quoteTop { float:left; width:352px; height:10px; background:url(../images/mainSprite.png) no-repeat 0 -555px; }
.quoteMiddle { float:left; width:332px; background:url(../images/quoteBg.png) repeat-y 0 0; padding:0 10px; }
.quoteBottom { float:left; width:352px; height:30px; background:url(../images/mainSprite.png) no-repeat 0 -572px; }

.close { float:left; width:43px; height:43px; background:url(../images/close.png) no-repeat 0 0; cursor:pointer; margin:-23px 0 0 -21px; position:absolute; }
.close:hover { transform:rotate(-180deg); -moz-transform:rotate(-180deg); -ms-transform:rotate(-180deg); -o-transform:rotate(-180deg);
-webkit-transform:rotate(-180deg); }

ul.quoteForm { list-style-type:none; }
.quoteForm > h2 { font:normal 19px Calibri; color:#ac9b9b; text-shadow:1px 1px 0 #000; clear:both; margin:0 0 15px 0; width:332px; text-align:center; }
.quoteForm li { clear:both; float:left; margin:0 0 10px; width:100%; }
.quoteForm li.captchal{ font:normal 14px/20px Calibri; color:#c5b3b3; text-shadow:1px 1px 0 #000; }
.quoteForm li label { float:left; font:normal 14px/20px Calibri; margin:0 10px 0 0; text-align:right; width:100px; color:#c5b3b3; text-shadow:1px 1px 0 #000; }
.imgBdr { border:solid 1px #000; float:left; margin:0 5px 0 0; }
.quoteForm a { text-decoration:underline; font:normal 14px Calibri; color:#c5b3b3; text-shadow:1px 1px 0 #000; }


/* ------------------------------------------
		Structure Start - Content Part
------------------------------------------ */
#content { width:100%; }
.cWrapper { overflow-x:hidden; position:relative; }
.projectsCont, .servicesCont, .testimonialsCont, .thankCont { float:left; width:1000px; height:435px; display:none; } 


/* ------------------------------------------
		Structure Start - Projects Part
------------------------------------------ */
.firstImg .sliderCont { position:absolute; width:350px; top:105px; }
.firstImg .info p { font:normal 16px/22px Calibri!important; color:#333; text-shadow:1px 1px 0 #fff; }
.firstImg .appStore { float:left; width:155px; height:57px; background:url(../images/mainSprite.png) no-repeat; background-position:-319px 0; cursor:pointer;
margin-top:30px; }
.firstImg .appStore:hover { background-position:-319px -69px; }


/* ------------------------------------------
		Structure Start - Services Part
------------------------------------------ */
.sleft { float:left; width:525px; height:303px; background:url(../images/mainSprite.png) no-repeat; background-position:left -151px; }
.sleft span { font:normal 20px Calibri; color:#f2e3e3; text-shadow:1px 1px 0px #685656; float:right; margin:41px 35px 0 0; }
ul.slCont { list-style-type:none; margin:15px 0 0 70px; }
.slCont li { font:normal 16px Calibri; color:#977e7e; text-shadow:1px 1px 0px #fff; margin:0 0 12px 0; cursor:default; 
background:url(../images/mainSprite.png) no-repeat; background-position:left -490px; padding-left:15px; }
.slCont li:hover { color:#685656; margin-left:5px; margin-left:0px\9!important; }

.sright { float:left; width:475px; margin-top:30px; }
ul.srCont { list-style-type:none; }
ul.srCont .fl { float:left; width:190px; }
.srCont li { font:normal 14px Calibri; color:#5c5c5c; text-shadow:1px 1px 0px #fff; margin-bottom:12px; cursor:default; }
.srCont li:hover { color:#333; margin-left:5px; margin-left:0px\9!important; }


/* ------------------------------------------
		Structure Start - Testimonials Part
------------------------------------------ */
h2.testIcon { font:normal 28px Calibri; color:#333; text-shadow:1px 1px 0 #fff; 
margin:10px 0 10px 0; text-align:left; background:url(../images/mainSprite.png) no-repeat; background-position:left -509px; padding-left:45px; }

.testTop { float:left; width:1000px; height:10px; background:url(../images/testBg.png) no-repeat 0 0; }
.testMiddle { float:left; width:980px; background:url(../images/darkBg.png) repeat-y 0 0; padding:0 10px; }
.testBottom { float:left; width:1000px; height:10px; background:url(../images/testBg.png) no-repeat 0 -15px; margin-bottom:10px; }

ul#testimonials { list-style-type:none; }
#testimonials li.test { float:left; width:980px; }
#testimonials li.test p { font:normal 14px/18px Calibri; color:#5c5c5c; text-shadow:1px 1px 0px #fff; }
#testimonials li.test p b { font:bold 18px/18px Calibri; color:#b77c7c; text-shadow:1px 1px 0px #fff; }
#testimonials li.test p span { font:italic 18px/18px Calibri; color:#5c5c5c; text-shadow:1px 1px 0px #fff; }
#testimonials li.test p a { font:normal 16px/18px Calibri; color:#5c5c5c; text-shadow:1px 1px 0px #fff; text-decoration:underline; }
#testimonials li.test p a:hover { color:#815858; }
#testimonials li.test p strong { font:bold 22px/18px Calibri; color:#b77c7c; text-shadow:1px 1px 0px #fff; }


/* ------------------------------------------
		Structure Start - Thank You Part
------------------------------------------ */
h2.thankIcon { font:normal 28px Calibri; color:#333; text-shadow:1px 1px 0 #fff; margin:20px 0; text-align:left; background:url(../images/mainSprite.png) no-repeat; background-position:left -631px; padding-left:50px; }
h3 span { font:bold 16px Calibri; color:#c69494; text-shadow:1px 1px 0 #fff; }


/* ------------------------------------------
		Structure Start - Footer Part
------------------------------------------ */
#footer { width:100%; height:220px; background:url(../images/footerBg.jpg) repeat-x 0 0; }
.fbottom { width:1000px; text-align:left; font:normal 11px/16px Arial, Helvetica, sans-serif; color:#6e5f5f; text-shadow:1px 1px 0 #171717; background:url(../images/footerContBg.png) no-repeat 0 0; padding:5px 0 10px 0; }
.fbottom span { font:normal 11px/16px Arial, Helvetica, sans-serif; color:#625555; text-shadow:1px 1px 0 #171717; }
.fbottom span a { font:normal 11px/16px Arial, Helvetica, sans-serif; color:#625555; text-shadow:1px 1px 0 #171717; text-decoration:none; }
.fbottom span a:hover { color:#625555; }
.mfmaimg { margin:0 5px; }

.social-bk { display:block; margin:-60px 0 0 0 ; float:right; }
.social { margin-right:10px; display:inline-block; float:right; margin-top:15px; }
.social a { background:url(../images/social-icon.png) left top no-repeat; width:24px; height:22px; margin-left:5px; }
.social a.face { background-position:0px 0px; }
.social a.twit { background-position:-30px 0px; height:30px; }
.social a.blog { background-position:-60px 0px; height:30px; }
.social a.gplus { background-position:-89px 0px; height:30px; }

/* ------------------------------------------
		Structure Start - Main Menu
------------------------------------------ */
ul.menu { list-style-type:none; }
.menu li { float:left; background:url(../images/mainSprite.png) no-repeat; background-position:right -85px; }
.menu li a { padding:20px 35px 15px 35px; text-transform:uppercase; font:normal 21px Calibri; color:#978888; text-shadow:1px 1px 0 #000; display:block; }
.menu li a span { font-size:18px; color:#6e5f5f; text-transform:none; }
.menu li a span.arrowF, .menu li a span.arrowO, .menu li a span.arrowC, .menu li a span.arrowR { float:left; width:14px; height:7px; background:url(../images/mainSprite.png) no-repeat; background-position:-302px top; position:absolute; display:none; }
.menu li:hover a, .menu li.active a { color:#fff; } 
.menu li:hover a span, .menu li.active a span { color:#978888; }
.relative { position:relative; }
.blogicon { width:32px; height:32px !important; position:absolute !important; right:0px; top:35px; background:url(../images/blog-icon.png) no-repeat top left; }

/* Arrow Hover and Active Start */
.menu li:hover a span.arrowF, .menu li:hover a span.arrowO, .menu li:hover a span.arrowC { display:block; }
.menu li a span.arrowF { margin:-20px 0 0 33px; } .menu li.active a span.arrowF { margin:-20px 0 0 33px; display:block; }
.menu li a span.arrowO { margin:-20px 0 0 38px; } .menu li.active a span.arrowO { margin:-20px 0 0 38px; display:block; }
.menu li a span.arrowC { margin:-20px 0 0 59px; } .menu li.active a span.arrowC { margin:-20px 0 0 59px; display:block; }
/* Arrow Hover and Active End */


/* ------------------------------------------
		Webkit Hacks 
------------------------------------------ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.mobile-box { position:relative; float:right; margin:95px 0 0 0; /*right:-475px;*/ }
}

/* ------------------------------------------
		iPad [portrait + landscape] 
------------------------------------------ */
@media only screen and (min-width:768px) and (max-width:1024px) {
	
ul.menu { list-style-type:none; }
.menu li { float:left; background:url(../images/mainSprite.png) no-repeat; background-position:right -85px; }
.menu li a { padding:20px 35px 15px 35px; text-transform:uppercase; font:normal 21px Calibri; color:#978888; text-shadow:1px 1px 0 #000; display:block; }
.menu li a span { font-size:18px; color:#6e5f5f; text-transform:none; }
.menu li a span.arrowF, .menu li a span.arrowO, .menu li a span.arrowC, .menu li a span.arrowR { float:left; width:14px; height:7px; 
background:none; /*background-position:-302px top;*/ position:absolute; display:none; }
.menu li.active a { color:#fff; } 
.menu li.active a span { color:#978888; }

/* Arrow Hover and Active Start */
.menu li a span.arrowF, .menu li a span.arrowO, .menu li a span.arrowC { display:block; }
.menu li a span.arrowF { /*margin:-20px 0 0 33px;*/ } .menu li.active a span.arrowF { margin:-20px 0 0 33px; display:block; background:url(../images/mainSprite.png) no-repeat; background-position:-302px top;}
.menu li a span.arrowO {/* margin:-20px 0 0 38px;*/ } .menu li.active a span.arrowO { margin:-20px 0 0 38px; display:block; background:url(../images/mainSprite.png) no-repeat; background-position:-302px top;}
.menu li a span.arrowC { /*margin:-20px 0 0 59px;*/ } .menu li.active a span.arrowC { margin:-20px 0 0 59px; display:block; background:url(../images/mainSprite.png) no-repeat; background-position:-302px top;}
/* Arrow Hover and Active End */

}