@charset "utf-8";
/*Fonts*/
@import url("../fonts/fonts.css");

/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
:focus {outline: 0;}

.clr { clear:both;}

b { font-weight:bold;}

/* Styles CSS */
body { background:url(../images/bg.jpg) repeat-x; font-size:100%;}

.main-wrap { width:1122px; height:auto; margin:0 auto; padding:0;}
/*.main-top { width:1122px; height:auto; float:left; margin:28px 0 0 0;}*/
/* updated the .main-top class as below as per the new design requiredments by vpriya on 24th Oct 12*/
/*.main-top { width:1090px; height:55px;margin:28px auto 0 auto;} */

/* Navigation */
/*.nav-left { width:410px; float:left; margin:12px 0 0 0;height:43px;}
.nav-left ul { margin:0; padding:0;}
.nav-left li { list-style:none; display:inline-block; float:left;line-height: 28px;}
.nav-left li a { float:left;text-decoration:none;font-family: 'SimplifiedArabicFixed'; font-size:18px; color:#000; text-transform:uppercase; font-weight:bold;}

.nav-right {width:389px; float:right; text-align:right; margin:12px 0 0 0;height:43px;}
.nav-right ul { margin:0; padding:0;}
.nav-right li { list-style:none; display:inline-block; float:left;line-height: 28px;}
.nav-right li a { float:left;text-decoration:none;font-family: 'SimplifiedArabicFixed'; font-size:18px; color:#000; text-transform:uppercase;font-weight:bold;}

.home { padding:0px 47px 0 0;}
.bio { padding:0px 47px 0 0;padding-right:45px\9;}
.media {padding:0px 47px 0 0;}
.photos { padding:0px 47px 0 0;padding-right:40px\9;}
.clients { padding:0px 0 0 0;}
.contact { padding:0px 0 0 0;}
.star-lft {padding:0 28px 0 0px; }
.star-ryt {padding:0 0px 0 33px}*/

/*Logo
.logo-bx { float:left; width:198px; height:54px; margin: 0 0 0 50px;}
.logo-bx h1 {margin: 0; padding:0; }
.logo-bx h1 a {display: block; width:198px; height:54px;text-indent: -10000px; background: url(../images/logo.png) no-repeat;}*/

.main-top { width:1080px; height:52px;margin:28px auto 0 auto;}

/* Navigation */
.nav-left { width:410px; float:left; margin:12px 0 0 0;height:28px;}
.nav-left ul { margin:0; padding:0;display: block;float: left;}
.nav-left li { list-style:none; display:block; float:left;/*line-height: 28px;*/}
.nav-left li a {text-decoration:none;font-family: 'SimplifiedArabicFixed'; font-size:18px;color:#000; text-transform:uppercase; font-weight:bold;display: block;padding: 5px 0;line-height: 18px;}

.nav-right {width:410px; float:right;margin:12px 0 0 0;height:28px;}
.nav-right ul { margin:0; padding:0;display: block;float:right;}
.nav-right li { list-style:none; display:block; float:left;/*line-height: 28px;*/}
.nav-right li a {text-decoration:none;font-family: 'SimplifiedArabicFixed'; font-size:18px;color:#000; text-transform:uppercase;font-weight:bold;display: block;padding: 5px 0;line-height: 18px;}

.home { padding:0px 50px 0 0;}
.bio { padding:0px 44px 0 0;padding-right:40px\9;}
.media {padding:0px 59px 0 0;}
.photos { padding:0px 55px 0 0;padding-right:35px\9;}
.clients { padding:0px 0 0 0;}
.contact { padding:0px 0 0 0;}
.star-lft {padding:0 46px 0 0px;/*(;padding:0 20px 0 0px;);*/}
.star-ryt {padding:0 0px 0 49px;/*(;padding:0 0px 0 20px;);*/}

/*Logo*/
.logo-bx { float:left; width:198px; height:52px; margin:0 31px;}
.logo-bx h1 {margin: 0; padding:0; }
.logo-bx h1 a {display: block; width:198px; height:52px;text-indent: -10000px; background: url(../images/logo.png) no-repeat;}

/* home */
.home-wrap { width:1122px; height:607px; position:relative; top:10px; *top:0; background:url(../images/frame-bg.png) no-repeat;}

.content-bx { width:1040px; height:465px; position: absolute; left: 34px; top: 45px; z-index: 1}

/* Events */
.events { width: 1015px;position: absolute;top: 50px;left: 40px;z-index: 500; 
/*  -webkit-transform: rotate(-15.5deg); 
     -moz-transform: rotate(-15.5deg); 
      -ms-transform: rotate(-15.5deg); 
       -o-transform: rotate(-15.5deg); 
          transform: rotate(-15.5deg); 
               zoom: 1;*/
}

.event1 {width:186px;height:221px;position: absolute;top: 7px;left: 30px;background: url(../images/thumbbg1.png) no-repeat;}
.event1 .slide-thumb img {width:144px;height:145px;position:absolute;top:26px;left:21px;
	-webkit-transform: rotate(7.5deg); 
     -moz-transform: rotate(7.5deg); 
      -ms-transform: rotate(7.5deg); 
       -o-transform: rotate(7.5deg); 
          transform: rotate(7.5deg); 
               zoom: 1;
               -sand-transform: rotate(7.5deg);
}
.event1 .time {position: absolute;width: 144px;height: 15px;top: 180px;color: #F00;left:11px;text-align:center;font-family: 'King';font-size:14px;
	-webkit-transform: rotate(7.5deg); 
     -moz-transform: rotate(7.5deg); 
      -ms-transform: rotate(7.5deg); 
       -o-transform: rotate(7.5deg); 
          transform: rotate(7.5deg); 
               zoom: 1;
               -sand-transform: rotate(7.5deg);
}
.event2 {width:177px;height:213px;position: absolute;top: 239px;left: 10px;background: url(../images/thumbbg2.png) no-repeat;}
.event2 .slide-thumb img {width:144px;height:145px;position:absolute;top:24px;left:14px;
	-webkit-transform: rotate(-3.5deg); 
     -moz-transform: rotate(-3.5deg); 
      -ms-transform: rotate(-3.5deg); 
       -o-transform: rotate(-3.5deg); 
          transform: rotate(-3.5deg); 
               zoom: 1;
               -sand-transform: rotate(-3.5deg);
}
.event2 .time {position: absolute;width: 144px;height: 15px;top: 180px;color: #F00;left:11px;text-align:center;font-family: 'King';font-size:14px;
	-webkit-transform: rotate(-3.5deg); 
     -moz-transform: rotate(-3.5deg); 
      -ms-transform: rotate(-3.5deg); 
       -o-transform: rotate(-3.5deg); 
          transform: rotate(-3.5deg); 
               zoom: 1;
               -sand-transform: rotate(-3.5deg);
}

.event3 {width:187px;height:216px;position: absolute;top: 0px;right: 20px;background: url(../images/thumbbg3.png) no-repeat;}
.event3 .slide-thumb img {width:144px;height:145px;position:absolute;top:21px;left:20px;
	-webkit-transform: rotate(-7.5deg); 
     -moz-transform: rotate(-7.5deg); 
      -ms-transform: rotate(-7.5deg); 
       -o-transform: rotate(-7.5deg); 
          transform: rotate(-7.5deg); 
               zoom: 1;
               -sand-transform: rotate(-7.5deg);
}
.event3 .time {position: absolute;width: 144px;height: 15px;top: 175px;color: #F00;left:32px;text-align:center;font-family: 'King';font-size:14px;
	-webkit-transform: rotate(-7.5deg); 
     -moz-transform: rotate(-7.5deg); 
      -ms-transform: rotate(-7.5deg); 
       -o-transform: rotate(-7.5deg); 
          transform: rotate(-7.5deg); 
               zoom: 1;
               -sand-transform: rotate(-7.5deg);
}

.event4 {width:178px;height:213px;position: absolute;top: 237px;right: -3px;background: url(../images/thumbbg4.png) no-repeat;}
.event4 .slide-thumb img {width:144px;height:145px;position:absolute;top:23px;left:17px;
	-webkit-transform: rotate(4.5deg); 
     -moz-transform: rotate(4.5deg); 
      -ms-transform: rotate(4.5deg); 
       -o-transform: rotate(4.5deg); 
          transform: rotate(4.5deg); 
               zoom: 1;
               -sand-transform: rotate(4.5deg);
}
.event4 .time {position: absolute;width: 144px;height: 15px;top: 180px;color: #F00;left:11px;text-align:center;font-family: 'King';font-size:14px;
	-webkit-transform: rotate(4.5deg); 
     -moz-transform: rotate(4.5deg); 
      -ms-transform: rotate(4.5deg); 
       -o-transform: rotate(4.5deg); 
          transform: rotate(4.5deg); 
               zoom: 1;
               -sand-transform: rotate(4.5deg);
}
/*.event1 a { font-family: 'swanseabold'; font-size:13px; text-transform:uppercase; color:#FFFFFF; text-decoration:none; font-weight:bold; background: #ff0000; padding: 9px 18px 9px 8px; line-height: 30px;}
.event1 a:hover { font-family: 'swanseabold'; font-size:13px; text-transform:uppercase; color:#FFFFFF;}*/

/* social */
.social { width:175px; position: absolute; bottom: 25px; left: 30px;}
.social ul { margin:0; padding:0;}
.social li { list-style:none; display:inline-block; float: left;}
.social li.cd a { background:url(../images/cd.png) no-repeat; height:54px; width:41px; display: block; text-indent: -9999px;margin: 0 10px 0 0px;}
.social li.fb a { background:url(../images/fb.png) no-repeat; height:54px; width:41px; display: block; text-indent: -9999px; margin: 0 10px 0 0px;}
.social li.tw a { background:url(../images/tw.png) no-repeat; height:54px; width:41px; display: block; text-indent: -9999px;}

/* social */
.copyright {width:600px; position: absolute; bottom:49px; right: 48px;font-family:'King', Courier, monospace, sans-serif; font-size: 9.5px; text-align: right;}
.copyright a {color:#000; font-size: 11px; text-decoration: none; font-weight:bold; padding-top;}
.copyright a:hover, .nav li.current a:hover, .jsddm_hover a, .sub-menu li a:hover {color: #000; font-weight:bold; text-decoration:underline;}




/* Biography */
.bio-tx-bx { font-family:'King', Courier, monospace, sans-serif; font-size: 11.5px; position: absolute; width: 410px; z-index: 1; right: 84px; top: 150px; word-spacing: -2px; line-height: 13px;
text-align:justify;}

.bio-tx-bx p { margin:0px 0 5px 0;}
.bio-tx-bx p a { font-family:'King', Courier, monospace, sans-serif;  font-size: 14.1px; word-spacing:-2px; color:#f51100; text-decoration:none; font-weight:bold;}
.bio-tx-bx p a:hover { font-family:'King', Courier, monospace, sans-serif;  font-size: 14.1px; word-spacing:-2px; color:#f51100; text-decoration:underline;font-weight:bold;}

/* Clients */
.client-tx-bx { font-family:'King', Courier, monospace, sans-serif; font-size: 10pt; position: absolute; width: 410px; z-index: 1; right: 84px; top: 128px; word-spacing: -2px; line-height: 13px; }
.client-tx-bx h1 { margin:0 0 0 170px; font-family:'King', Courier, monospace, sans-serif; font-size: 18px; color:#ff0000; }
.highlights { width: 410px; float:left; margin:15px 0 0 0; }
.hg-lft { width:170px; float:left;}
.hg-lft ul {
	margin:0 0 0 5px;
	padding:0;
	float:left;
}
.hg-lft li { list-style:none; font-family:'King', Courier, monospace, sans-serif; font-size: 12px; line-height: 13px; font-weight: normal; font-style: normal;}
.hg-ryt { width:238px; float:right;}
.hg-ryt ul { margin:0; padding:0; float:left;}
.hg-ryt li { list-style:none; font-family:'King', Courier, monospace, sans-serif; font-size: 12px; line-height: 13px; font-weight: normal; font-style: normal;}
.resi-bx { float:left; width:410px; margin:20px 0 0 0; text-align:left;}
.resi-bx img{
	margin-left:-28px;}
.resi-bx ul { margin:13px 0 0 0; padding:0; list-style:none;}
.resi-bx li { margin:0; padding:0; font-family:'King', Courier, monospace, sans-serif; font-size: 12px; line-height: 13px; font-weight: normal; font-style: normal;}

/* Contact us */
.cont-bx { font-family: Courier, monospace, sans-serif; font-size: 10pt; position: absolute; width: 410px; z-index: 1; right: 98px; top: 155px; word-spacing: -2px; line-height: 13px; text-transform:uppercase; }
.form-bx { float:left; width:280px; margin: 0 0 0 20px;}

.name-bx { float: left; margin: 3px 0 0 0; font-family: Courier, monospace, sans-serif; font-size: 11px; text-transform: uppercase;}
.name-bx input { padding:0; border: 0; background-color: #000; width: 280px; height: 21px; margin: 5px 0 0px 0px; color:#fff;}
.email-bx {
	float: left;
	font-family: Courier, monospace, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	width: 422px;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.email-bx input { padding:0; border: 0; background-color: #000; width: 280px; height: 21px; margin: 5px 0 0px 0px; color:#fff;}

.message-bx { padding:0; float: left; margin: 3px 0 0 0; font-family: Courier, monospace, sans-serif; font-size: 11px; text-transform: uppercase; width:336px;}

.message-bx textarea { border: 0; background-color: #000; margin:5px 0 0 0; padding:0; width: 280px; height: 70px; max-width: 280px; max-height: 70px; resize: none; color:#fff;}
.submit-bx {width: 48px; float: left; margin: 6px 0 0 0; text-transform: uppercase;}
.submit-bx a { text-decoration:none; color:#000;font-family: Courier, monospace, sans-serif; font-size: 11px;}

.add-bx {float:left; width:337px; margin: 8px 0 0 20px; font-family:Courier, monospace, sans-serif; font-size: 11px;}
.social-tx {color:#000; text-decoration:none;}
.red-tx {color:#F00; text-decoration:none;}
.add-bx p { margin:0 0 4px 0; padding:0; font-weight:bold;}

.email-link { font-family: Courier, monospace, sans-serif; font-size: 12px; color:#000; text-decoration:none;}

/* Media */
.media-bx { font-family:Courier, monospace, sans-serif; font-size: 10pt; position: absolute; width: 410px; z-index: 1; right: 84px; top: 128px; word-spacing: -2px; line-height: 13px; }
.media-bx ul { margin:48px 0 0 0; padding:0;}
.media-bx li { margin: 0 0 25px 0; padding: 0; list-style-type: decimal; list-style-position: inside; line-height: 15px; font-size:12px;}
.media-bx li a { color:#ff0000; text-decoration:none;}
.media-bx li a:hover { color:#ff0000; text-decoration:underline;}

/* Photo */
.photo1 { z-index: 100; position: absolute; right: 390px; top: 160px;}
.photo2 { z-index: 100; position: absolute; right: 290px; top: 162px;}
.photo3 { z-index: 100; position: absolute; right: 178px; top: 155px;}
.photo4 { z-index: 100; position: absolute; right: 77px; top: 163px;}
.photo5 { z-index: 100; position: absolute; right: 388px; top: 283px;}
.photo6 { z-index: 100; position: absolute; right: 280px; top: 275px;}
.photo7 { z-index: 100; position: absolute; right: 185px; top: 283px;}
.photo8 { z-index: 100; position: absolute; right: 69px; top: 263px;}

.download {padding-top:3px;}

.content-bx img{display:none}
.content-bx img:first-child{display:block}

.media-link {margin-left:21px;}

.video {
	background:#000000;
position:absolute;
    top:48%;
    left: 50%;
	border:#000000 solid 3px;
	padding: 10px;
	margin-left: -165px;
	margin-right: -100px;
	z-index: 300;
}	
.copyrights {

font-size:11px;
color: #000000;
letter-spacing: 2px;
}