* {margin:0; padding:0; border:0;}
body{font:100% tahoma;line-height: 1.25em;letter-spacing:0.02em;background-color:#F4F5FF;}
p{font-size:90%; padding:1.5em 0; line-height:1.5em;}
h1{color: #CCFFFF; font-family: 'Palatino Linotype';}
h2, h3, h4, h5, h6{color: #CCFFFF; font-family: tahoma;}
h1{font-size:150%;}
h2{font-size:120%;}
h3{font-size:110%;}
h4, h5, h6{font-size: 105%}
fieldset {padding:10px;}
.clearfloat{clear:both; height: 0; font-size: 1px; line-height: 0;}
.floatright{float:right;}
.title{padding:1.25em 2.5em;}
/*-------------------------------------------------------------------------------------------------------------------Design*/
#FEKRATRADE{position: absolute;left: 3em;top: 2em;width: 125px;height: 50px;background:url(../images/trade.png) center no-repeat;overflow:hidden;z-index: 1;}
#FEKRALOGO{ position: absolute; left: 11.25em; top: 12.813em; width: 133px; height: 136px; background:url(../images/logo.png) center no-repeat; overflow:hidden; z-index: 5;}
#header, #header01, #header02{height:109px;}
#header{background:url(../images/bk.gif) repeat-x;}
#header01{float:left; width:246px;}
#header02{margin-left:246px;}
#header03{height:55px;}
#header04, #subHeader01, #subHeader02, #subHeader03, #subHeader04 {height:54px;}
#subHeader01{float:left; width:45px; background:url(../images/buts_01.gif) no-repeat;}
#subHeader02{float:left; width:40em; background: url(../images/buts_bk.gif) repeat-x;}
#subHeader03{float:left; width:45px; background: url(../images/buts_02.gif) no-repeat;}
#Striper, #Striper01, #Striper02, #Striper03, #Striper04{height:328px;}
#Striper{background:url(../images/joint_right_bk.gif) repeat-x;}
#Striper01{float:left; width:206px; background:url(../images/joint_left_bk.gif) repeat-x;}
#Striper02{float:left; width:40px; background:url(../images/joint_left.gif) no-repeat;}
#Striper03{float:left; width:40px; background:url(../images/joint_right.gif) no-repeat;}
#Striper04{margin-left:286px; font-size:90%;}
.StriperContent{padding:3.125em; width:45%;}
#BodyContainer{padding-bottom:50px;}
#Footer{height: 450px; background-color: #0F7FC1; background-image: url(../images/footer_bg.jpg);	background-repeat: no-repeat; background-position: center top;}
.thumb1{background: url(../images/thumb02.jpg) bottom right no-repeat;}
.thumb2{background: url(../images/thumb02.jpg) bottom right no-repeat;}
.thumb3{background: url(../images/thumb03.jpg) bottom right no-repeat;}
.thumb4{background: url(../images/thumb04.jpg) bottom right no-repeat;}
/*-------------------------------------------------------------------------------------------------------------------movies*/
#container_blue_wtip{background-color:#0099FF; margin-left:20px; font-size:90%;}
#blue_tip_l{float:left; width:20px; height:14em; background:url(../images/tip_blue.gif) no-repeat 0 2em;}
#container_blue{background-color:#0099FF; margin:20px; font-size:90%;}
#container_data, #container_movies, .txtarea{border:1px #CCCCCC solid; background-color:#FFFFFF; padding:40px;}
#container_data, .txtarea{margin-top:20px; margin-left:20px; font-size:90%; height:100%;}
.txtarea{margin:20px;}
#container_data h1, .txtarea h1{color:#333333;font-size:125%;}
#container_data p, .txtarea p{padding:1em 0;}
#container_movies, #whitebox{margin:20px; font-size:90%;}
#container_movies p{padding:1.2em 0;}
#container_movies h4{color:#000000; font-size:90%;}
#mov_prev{float:left; height:60px; font-size:70%; width:170px;}
#mov_youtube, #mov_flowplayer, #mov_youtube a:hover, #mov_flowplayer a:hover{background:url(../images/players.gif);}
#mov_youtube{float:left; width:60px; height:30px; background-position: 0 0; margin-top:18px;}
#mov_flowplayer{float:left; width:100px; height:30px; background-position: -60px 0; margin-top:18px;margin-left:5px; border-left:1px #999999 dotted;}
#mov_youtube a, #mov_flowplayer a{display:block; height:30px; cursor:pointer;}
#mov_youtube a:hover{background-position:0 -30px;}
#mov_flowplayer a:hover{background-position:-60px -30px;}
.txtContent{padding:2.5em;}
#movMenu{float:right;}
#movMenu a{ text-decoration:none; border:1px #CCCCCC solid; padding: 3px 5px; color:#000000;}
#movMenu a.wactive{background: #000000; color: #eeeeee;}
#movMenu a:hover{font-weight:bold;}
#mov_wn, #mov_ku, #mov_m1, #mov_m2, #mov_m3, #mov_pt, #mov_vi, #mov_in, #mov_do, #mov_ka{width:360px; height:80px; background:url(../images/movies.jpg); margin-top:10px;}
#mov_wn{background-position: 0 0;}
#mov_ku{background-position: 0 -80px;}
#mov_ka{background-position: 0 -160px;}
#mov_m2{background-position: 0 -240px;}
#mov_m1{background-position: 0 -320px;}
#mov_pt{background-position: 0 -400px;}
#mov_vi{background-position: 0 -480px;}
#mov_in{background-position: 0 -560px;}
#mov_do{background-position: 0 -640px;}
#mov_item{border-bottom:1px #333333 dotted;}
/*-------------------------------------------------------------------------------------------------------------------portfolio*/
#page_LS{float:left; width:28.75em;}
#page_RS{margin-left:28.75em; padding:1.25em 1.25em 0 0;}
#page_RS2{margin-left:28.75em;}
#portfolio_RS_2{float:left; width:20px; height:4em;}
#portfolio_RS_2_1{height:4em; background-color:#66CC00; margin-left:20px;}
#portfolio_RS_3_1{float:left; width:20px; height:14em;}
#portfolio_RS_3_2{float:left; width:500px; height:14em; background:#FFFFFF url(../images/tip_green.gif) no-repeat 50px 0; border:5px #66CC00 solid; padding:20px 40px;}
#portfolio_RS_3_3{height:14em; margin-left:520px; background-color:#66CC00;}
/*-------------------------------------------------------------------------------------------------------------------sitemap*/
#closing{padding-top:50px; margin:0 auto;font:80% Arial, Helvetica, sans-serif; color:#FFFFFF;}
#copyright{float:left; width:26%; padding:0 1% 0 3%;}
#copyright ul{list-style:none;}
#copyright li{line-height:30px; border-bottom:1px #FFFFFF dotted; height:30px;}
#copyright .png{background:url(../images/copyright.png) no-repeat left center; height:60px; border:0;}
#author{display:block; height:90px; border:5px #91C8FF solid; background:#FFFFFF url(../images/author.jpg) no-repeat;}
#sitemap{float:left; width:20%; padding-right:1%;}
#sitemap ul{list-style:none;}
#sitemap li{line-height:30px; border-bottom:1px #FFFFFF dotted; height:30px;}
#sitemap a, #copyright a, #validation a{display:block; text-decoration:none; color:#FFFFFF; width:100%; height:100%;}
#sitemap a:hover, #copyright a:hover, #validation a:hover{background:#99CC00; padding-left:5px;}
#sitemap .png{background:url(../images/sitemap.png) no-repeat left center; height:60px; border:0; padding-bottom:7px;}
#technology{float:left; width:20%; padding-right:1%;}
#technology .png{background:url(../images/technology.png) no-repeat left center; height:60px; border:0; padding-bottom:7px;}
#validation{float:left; width:20%; height:350px; background:url(../images/footer/Footer_watermark.png) no-repeat bottom; padding-right:1%;}
#validation ul{list-style:none;}
#validation li{line-height:30px; border-bottom:1px #FFFFFF dotted; height:30px;}
#validation .png{background:url(../images/validations.png) no-repeat left center; height:60px; border:0; padding-bottom:7px;}
#icon_vs, #icon_ai, #icon_ps, #icon_ax, #icon_as, #icon_dw, #icon_fl, #icon_me, #icon_jq, #icon_ss, #icon_ff, #icon_gg, #icon_ie, #icon_op, #icon_yt, #icon_fp, #icon_so, #icon_sq{float:left; width:39px; height:39px; margin:3px; background:url(../images/footer/ICONS.jpg);}
#icon_vs{background-position: 0 0;}
#icon_ai{background-position: -39px 0;}
#icon_ps{background-position: -78px 0;}
#icon_ax{background-position: 0 -39px;}
#icon_as{background-position: -39px -39px;}
#icon_dw{background-position: -78px -39px;}
#icon_fl{background-position: 0 -78px;}
#icon_me{background-position: -39px -78px;}
#icon_jq{background-position: -78px -78px;}
#icon_ss{background-position: 0 -117px;}
#icon_ff{background-position: -39px -117px;}
#icon_gg{background-position: -78px -117px;}
#icon_ie{background-position: 0 -157px;}
#icon_op{background-position: -39px -157px;}
#icon_yt{background-position: -78px -157px;}
#icon_fp{background-position: 0 -196px;}
#icon_so{background-position: -39px -196px;}
#icon_sq{background-position: -78px -196px;}
/*-------------------------------------------------------------------------------------------------------------------flowplayer*/
#page{background-color:#000000; padding:40px;}
#page a{color:#295c72; display:block; width:320px; height:240px;}
#page h1{color:#FFFFFF; font-size:90%; padding:1em 0;}
/*-------------------------------------------------------------------------------------------------------------------Testimonials*/
#icon_test01, #icon_test02, #icon_test03, #icon_test04, #icon_test05{width:80px; height:80px; background:url(../images/testim_icons.gif);}
#icon_test01{background-position: 0 0;}
#icon_test02{background-position: 0 -80px;}
#icon_test03{background-position: 0 -160px;}
#icon_test04{background-position: 0 -240px;}
#icon_test05{background-position: 0 -320px;}
.testTxt li{height:130px; font-size:90%;}
.testLogo{float:left; height:80px; width:80px; margin:25px 10px 0 0;}
.testDesig{margin-left:90px;}
.testDesig p{padding:10px 0;}
.prev, .next{background:#E6E6E6; border:1px #CCCCCC solid; color:#000000; font-weight:bold; padding:3px; cursor:pointer;}
.prev:hover, .next:hover{background:#000000; color:#FFFFFF;}
/*-------------------------------------------------------------------------------------------------------------------Website Thumbs*/
.webdiv, #graybox, #whitebox{width:360px; border:1px #CCCCCC solid; padding:30px; margin:20px auto;}
.webdiv, #graybox{background-color:#EBEBEB;}
#whitebox{background-color:#FFFFFF;}
.webdiv a{display:block; width:120px; height:100px; cursor:pointer;font-size:60%; font-weight:bold; color:#FFFFFF;}
.webdiv a:hover{background:url(../images/mark.png) no-repeat; text-decoration:none;}
.web01, .web02, .web03, .web04, .web05, .web06, .web07, .web08, .web09, .web10, .web11, .web12, .web13, .web14, .web15{float:left; width:120px; height:100px; background:url(../images/websites_all.jpg) no-repeat;}
.web01{background-position: 0 0;}
.web02{background-position: -120px 0;}
.web03{background-position: -240px 0;}
.web04{background-position: 0 -100px;}
.web05{background-position: -120px -100px;}
.web06{background-position: -240px -100px;}
.web07{background-position: 0 -200px;}
.web08{background-position: -120px -200px;}
.web09{background-position: -240px -200px;}
.web10{background-position: 0 -300px;}
.web11{background-position: -120px -300px;}
.web12{background-position: -240px -300px;}
.web13{background-position: 0 -400px;}
.web14{background-position: -120px -400px;}
.web15{background-position: -240px -400px;}
.caption{position:absolute; display:none;}
.caption span{text-decoration:none; line-height:100px; margin:0 20px;}
.caption h1{color:#FFFF99; padding-left:20px; font-size:120%;}
/*-------------------------------------------------------------------------------------------------------------------Menu*/
#menu{font-size:80%;font-weight:bold;margin-top:12px;}
#menu ul{list-style:none;margin:0px;padding:0px;}
#menu ul li{float:left;margin:0px;padding:0px;position:relative;}
#menu ul li a{background-color:#1db6f3;color:#FFFFFF;display:block;margin:0px;padding:9px 10px;text-decoration:none;}
#menu ul li a:hover{background-color:#3c8af3;color:#FFFFFF;}
/*-------------------------------------------------------------------------------------------------------------------Colorbox*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{/*position:fixed;*/ width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:url(../images/colorbox/overlay_trans.png);}
#cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) -100px 0 no-repeat;}
#cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) -129px 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) -100px -29px no-repeat;}
#cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) -129px -29px no-repeat;}
#cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}
/*-------------------------------------------------------------------------------------------------------------------New Styles*/
.inner_websites{list-style:square; font-size:90%; color:#fff; margin-left:20px;}
.inner_websites a{color:#CCFFFF; text-decoration:none;}
.inner_websites a:hover{color:#fff; text-decoration:underline;}
.inner_txtarea{list-style:square; font-size:90%; margin-left:20px;}
.inner_txtarea a{color:#0099FF; text-decoration:none;}
.inner_txtarea a:hover{color:#0033CC; text-decoration:underline;}
.more {float:right;padding:2px 0px 0px 7px;}
.more a{display:block;font-size:75%;font-weight:bold;color:#fff;background:url(../images/more.gif) no-repeat 0 4px;padding:0px 0px 0px 16px;}