/* 

Title : Arena Animation Kankurgachi - Landing Page Version 2.0

Author : Sujay Ghatak for BrandMantra.net

URL : www.arenakkg.com

Created : October 16, 2008

Copyright: Arena Animation Kankurgachi. All Rights Reserved.

*/

/*-----------Common--------------*/

* { padding:0px; margin:0px; }
body { background:#f4ec1d url(../images/background.gif) center top repeat-y; font:normal 12px "Trebuchet MS", Verdana, Tahoma; }
.floatLeft, .fL { float:left; }
.floatRight, .fR { float:right; }
.clear { clear:both; display:block; }
#Header, #Content, #Footer { width:850px; margin:auto; }

/*-----------Wrapper--------------*/

#Wrapper { background:url(../images/wrapper-bg.jpg) center top no-repeat; }

/*-----------Header--------------*/

#Header { height:135px; }
#Header h1.logo { padding:23px 0px 0px 23px; float:left; }
#Header h1.logo a { width:156px; height:102px; display:block; background:url(../images/logo.jpg) left top no-repeat; }
#Header h1.logo a span { display:none; }

/*-----------Content--------------*/

#Content .floatLeft { width:400px; padding-left:10px; padding-top:17px; color:#323a3d; }
#Content .floatRight { width:403px; padding-right:10px; }
#Content .testimonial { padding-bottom:30px; background:url(../images/testimonial.gif) left top no-repeat; }
#Content .testimonialArea { padding:59px 28px 40px 28px; }
#Content .testiBox { height:90px; overflow:auto; color:#fff; }
#Content .testiName { padding-left:104px; font-size:13px; color:#606060 }
#Content .testiName strong { color:#000; }
#Content .studentsWorks { width:403px; height:267px; position:relative; margin-bottom:30px; overflow:hidden; }
#Content .sWimage { padding-left:66px; padding-top:12px; }
#Content .sWContainer { position:absolute; z-index:10; background:url(../images/student-works.gif) left top no-repeat; left:0px; top:0px; width:403px; height:267px; }
#Content .contact { background:url(../images/contact.jpg) 12px top no-repeat; height:200px; position:relative; } 

#Content .contact a.mail { display:block; left:82px; top:128px; }
#Content .contact a.site { display:block; left:89px; top:144px; }
#Content .whyArena { background:url(../images/why-arena-kankurgachi.gif) left top no-repeat; height:59px; }
#Content .wideRange { background:url(../images/wide-range-of-courses.gif) left top no-repeat; height:59px; }
#Content .courses { background:url(../images/featured-careers.gif) left top no-repeat; height:59px; }
#Content .careers { background:url(../images/featured-careers.gif) left top no-repeat; height:59px; }
#Content .whyArena span, #Content .wideRange span, #Content .courses span, #Content .career span, #Content .firstN span, #Content .LastN span, #Content .emailId span, #Content .PhoneN span, #Content .Query span, #Content .Interested span, #Content .Name span { display:none;  }
#Content .txtArea { padding-bottom:5px; }
#Content .txtArea p { margin-bottom:10px; background:url(../images/arrow.gif) 14px 2px no-repeat; padding-left:40px; }
#Content .txtArea p a{ color:#fd6503; text-decoration:underline;}
#Content .txtArea p a:hover{ text-decoration:none;}
#Content .orangeText { color:#fd6503; font-weight:bold; }
#Content .courseArea { background:url(../images/courses-bg.gif) left top no-repeat; padding-bottom:20px; }
#Content .courseArea p { background:url(../images/arrow.gif) 14px 2px no-repeat; padding-left:40px; line-height:22px; }
#Content .frmArea { padding-bottom:32px; }
#Content .frmBg { background:url(../images/frm-bg.gif) left top repeat-y; width:403px; margin-top:17px;}
#Content .frmLftBg { background:url(../images/frm-left.gif) left top no-repeat; padding:14px 25px 30px 25px; }
#Content .career { height:63px; background:url(../images/carrer-enquiry-form.gif) left top no-repeat; }
#Content .frmBottom { background:url(../images/frm-bottom.gif) left bottom no-repeat; }
#Content .frmL { float:left; width:115px; height:42px; }
#Content .frmR { float:right; width:238px; }
#Content .inputBox, #Content textarea { background:url(../images/input-bg.gif) left top no-repeat; border:1px solid #bcbcbb; font:normal 13px "Trebuchet MS", Verdana, Tahoma; width:232px; padding:2px; }
#Content .paddTop { padding-top:14px; }
#Content textarea { height:170px; } 
#Content .inputBox { padding:5px 2px; }
#Content .Name{ background:url(../images/name.gif) right top no-repeat; }
#Content .firstN { background:url(../images/first-name.gif) right top no-repeat; }
#Content .LastN { background:url(../images/last-name.gif) right top no-repeat; }
#Content .emailId { background:url(../images/email-id.gif) right top no-repeat; }
#Content .PhoneN { background:url(../images/phone.gif) right top no-repeat; }
#Content .PhoneN span{ display:none;}
#Content .MainQual { background:url(../images/main_qual.gif) right top no-repeat; text-indent:-1000px; }
#Content .MainQual span{ display:none;}
#Content .BirthDate{ background:url(../images/birth_date.gif) right top no-repeat; text-indent:-1000px; }
#Content .BirthDate span{ display:none;}
#Content .address{ background:url(../images/address.gif) right top no-repeat; text-indent:-1000px; }
#Content .address span{ display:none;}
#Content .Interested { background:url(../images/interested.gif) right top no-repeat;  }
#Content .Query { background:url(../images/query.gif) right top no-repeat; }

.logoCont{ margin-bottom:20px;}
.logoCont img{ margin:0px 10px;}
/*-----------Footer--------------*/

#Footer { background:url(../images/footer-bg.gif) left top repeat-x #ed3922; line-height:56px; color:#fff; text-align:center; }