@charset "utf-8";
/* CSS Document for Kuwait Website Design */
html, body {font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color:#000000; line-height:18px; background:url(../images/top_bg.jpg) repeat-x top #fff; z-index:1;}
#microformats { text-indent:-9999px; margin-left:-32456px; color:#FFFFFF;}
#title{display:none;}
#ipheader{ font-weight:normal; font-size:36px; font-style:italic;}
.slideheading {font-size: 24px;font-style: italic;color: #74C7D6;}
.slidetext{ font-size:20px; line-height:36px;}
.note{font-style:italic; background:url(../images/note.png) no-repeat left center; padding-left:30px; margin:0; color:#3399FF;}
.monthlypromos{font-style:italic; background:url(../images/monthly_new_promotions.png) no-repeat left center; padding-left:30px; margin:0; color:#3399FF;}
.promo{font-size:1.3em;}
.grade-a{width:900px; width:418px; background:url(../images/grade_a_kuwaitwebsitedesign.png) no-repeat left top; padding:0; margin:0;}
p.discount{background:url(../images/dicon.png) left no-repeat; padding:10px 0 15px 35px; border-bottom:1px dashed #999999; line-height:20px;}
p.maintenance{background:url(../images/micon.png) left no-repeat; padding:10px 0 15px 35px; border-bottom:1px dashed #999999; line-height:20px;}
p.color1{color:#000000 !important; font-size:2em; line-height:30px; font-style:italic; }
p.color2{color:#000000 !important; font-size:1.5em; line-height:30px; font-style:italic; border-bottom:1px #999999 dashed; padding:0 0 10px 0;}
a.clink{color:#3399FF; text-decoration:none;}
a.clink:hover{color: #fff; text-decoration:none; display:block; background: #3399FF; width:115px;}
a.clink:visited{color:#3399FF; text-decoration:none;}
/* Containers */
#container {width:1000px; height:600px; margin:0 auto; padding:0; position:relative; background:url(../images/home/container_bg.jpg) repeat-x top #fff;}
#ipmcontainer {width:1000px; height:600px; margin:0 auto; padding:0; position:relative; background:url(../images/home/ipcontainer_bg.jpg) repeat-x top #fff;}
/* Top */
#top {width:1000px; height:180px; margin:0 auto; padding:0; position:relative; }
#iptop {width:1000px; height:73px; margin:0 auto; padding:0; position:relative; }
#error404 {width:1000px; height:295px; margin:0 auto; padding:0; position:relative;}
#break {width:1000px; height:50px; margin:0 auto; padding:0; position:relative; }
/* Center */
div#frontpagetext {width:1000px; height:144px; margin:0 auto; padding:0; position:relative;}
#bcontainer{width:1000px;height:160px;margin:0 auto;padding:0;position:relative;}
#ocontainer{width:1000px;height:115px;margin:0 auto;padding:0;position:relative;}
#ipcontainer{width:1000px;height:460px;margin:0 auto;padding:0;position:relative;}
#bcontainerl{width:627px; height:65px; margin:0; padding:0; position:relative; float:left;}
#bcontainerr{width:373px; height:65px; margin:0; padding:0; position:relative; float:right;}
#ocontainerl{width:517px; height:78px; margin:0; padding:0 0 0 110px; position:relative; float:left;}
#ocontainerr{width:333px; height:65px; margin:0; padding:0 0 0 40px; position:relative; float:right;}
#ipcontainerl{width:446px; height:460px; margin:0; padding:0; position:relative; float:left;}
#ipcontainerr{width:554px; height:460px; margin:0; padding:0; position:relative; float:right;}
#wucontainer{width:1000px;height:180px;margin:0;padding:0;position:relative;}
#wucontainerl{width:198px; height:180px; margin:0; padding:0; position:relative; float:left;}
#wucontainer2{width:180px; height:180px; margin:0; padding:0; position:relative; float:left;}
#wucontainer3{width:191px; height:180px; margin:0; padding:0; position:relative; float:left;}
#wucontainer4{width:209px; height:180px; margin:0; padding:0; position:relative; float:left;}
#wucontainer5{width:222px; height:180px; margin:0; padding:0; position:relative; float:left;}
/* Portfolio Links */
a.portlinks {color:#000000; text-decoration:none;}
a.portlinks:hover {color:#0066FF; text-decoration:underline;}
/* Footer */
#footer{width:980px;height:35px;margin:0 auto;padding:5px 0 0 10px;position:relative; background:#000000;}
#footerl{width:390px;height:40px;margin:0;padding:0 0 0 10px;position:relative; float:left;}
#footerr{width:460px;height:40px;margin:0;padding:0 0 0 120px;position:relative; float:right;}
#copyrights{width:975px;height:40px;margin:0 auto;padding:0 0 0 25px;position:relative;}
/* Multi Column Links */
#portfolio {height:300px; margin:0; padding:0;}
.multi ul {width: auto; margin: 20px auto; padding: 0 0 15px 0; list-style-type: none; overflow: auto;}
.multi li{width: 230px; float: left; margin: 15px 0 0 0; padding: 0 10px 0 10px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; color:#000000; line-height:18px;}
.stripViewer .panelContainer .panel ul {text-align: left; margin: 0 15px 0 30px;}
.slider-wrap {margin: 0;position: relative;width: 100%;}
.csw {width: 90%; height: 360px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}
.stripViewer {position: relative;overflow: hidden; order: 0px solid #000; margin: auto;width: 450px;height: 300px;clear: both;background: #fff;}
.stripViewer .panelContainer { position: relative;left: 0; top: 0;width: 100%;list-style-type: none;}
.stripViewer .panelContainer .panel {float:left;height: 100%;position: relative;width: 450px;}
.stripViewer .panelContainer .panel .wrapper {padding: 10px;}
.stripNav {margin: auto;}
.stripNav ul {list-style: none;}
.stripNav ul li {float: left;margin-right: 2px;}
.stripNav a { font-size: 10px;font-weight: bold;text-align: center;line-height: 32px;background: #c6e3ff;color: #fff;text-decoration: none;display: block;padding: 0 15px;}
.stripNavL, .stripNavR {position: absolute;top: 130px;text-indent: -9000em;}
.stripNavL a, .stripNavR a {display: block;height: 40px;width: 40px;}
.stripNavL {left: 0;}
.stripNavR {right: 0;}
.stripNavL {background: url("../images/arrow-left.gif") no-repeat center;}
.stripNavR {background: url("../images/arrow-right.gif") no-repeat center;}
/* Scroller CSS */
#scroller-header a {padding:0; margin:0}
#scroller-header a:hover {padding:0; margin:0}
a.selected {text-decoration:underline !important; color:#4b412f !important;}
#scroller-header {width:1000px;height:180px;padding:0; margin:0;}
#scroller-body {width:980px; height:200px; padding-bottom:10px; margin:0; padding:10px;}
#mask {	width:975px;overflow:hidden;margin:0 auto;}
#panel {}
#panel div {float:left;}
/* Extra styling for each panel*/
#panel ul {list-style:none;margin:0 5px;padding:0;}
#panel ul li {padding:5px;color:#000000;border-bottom:1px dotted #ccc;}
#panel ul li.last {border-bottom:none !important;}
#panel-1 {}
#panel-2 {}
#panel-3 {}
#panel-4 {}
#panel-5 {}
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/*sIFR CSS*/
@media screen {.sIFR-flash {visibility:visible !important;margin:0;padding: 0;}
.sIFR-replaced, .sIFR-ignore {visibility: visible !important;}
.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
.sIFR-replaced div.sIFR-fixfocus {margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none;}
}
@media print {.sIFR-flash {display:none !important;height:0;width:0;position:absolute;overflow:hidden;}
.sIFR-alternate {visibility : visible !important;display:block!important;position:static  !important;left:auto!important;top:auto!important;width:auto    !important;height: auto!important;}
}
@media screen {.sIFR-active h1,.sIFR-active h2,.sIFR-active h3,.sIFR-active h4,.sIFR-active h5#pullquote {visibility: hidden;font-family: Verdana;}
.sIFR-active h1 {padding-bottom: 0;font-size: 62px;}
.sIFR-active h2 {font-size: 48px;}
.sIFR-active h3 {font-size: 20px;}
.sIFR-active h4 {font-size: 15px;font-weight:bold;}
.sIFR-active h5 {font-size: 25px;}
.sIFR-active h5#pullquote {font-size: 24px;}
}
a.activator{width:90px;height:80px;position:absolute;top:0px;left:0px;background:url(../images/clickme.png) no-repeat top left;z-index:999;cursor:pointer;}
.overlay{background:transparent url(../images/overlay.png) repeat top left;position:fixed;top:0px;bottom:0px;left:0px;right:0px;z-index:100;}
.box{position:fixed;top:-350px;left:30%;right:30%;background-color:#fff;color:#000;padding:20px;border:none;-moz-border-radius: 20px;-webkit-border-radius:20px;-khtml-border-radius:20px;-moz-box-shadow: 0 1px 5px #333;-webkit-box-shadow: 0 1px 5px #333;z-index:101;}
.box h1{border-bottom: 1px dashed #fff;margin:-20px;padding:10px 10px 10px 20px;background-color:#dadada;font-size:2em;-moz-border-radius:20px 20px 0px 0px;-webkit-border-top-left-radius: 20px;-webkit-border-top-right-radius: 20px;-khtml-border-top-left-radius: 20px;-khtml-border-top-right-radius: 20px;}
a.boxclose{float:right;width:26px;height:26px;background:transparent url(../images/cancel.png) repeat top left;margin-top:-30px;margin-right:-30px;cursor:pointer;}
/*Forms*/
label{text-transform:uppercase;font-size:1em;font-family:Tahoma,Arial,Sans-serif;}
textarea{color:#404040;font-family:Arial,Helvetica,sans-serif;font-size:12px;}
select{color:#404040;font-family:Arial,Helvetica,sans-serif;font-size:12px;}
td > button{text-indent:8px;}
.error{background-color:#AB0000;color:white;font-size:10px;font-weight:bold;margin-top:10px;padding:10px;text-transform:uppercase;width:240px;}
#loading{position:relative;bottom:9px;visibility:hidden;}
table td.cform{padding:15px;}
#form-container{background-color:#f5f5f5;padding:15px 15px 8px 40px;-moz-border-radius:12px;-khtml-border-radius: 12px;-webkit-border-radius: 12px;border-radius:12px;}
/*Vertical Side Menu*/
ul#navigation {position: fixed;margin: 0px;padding: 0px;top: 100px;left: 0px;list-style: none;z-index:9999;}
ul#navigation li {width: 100px;}
ul#navigation li a {display: block;margin-left: -2px;width: 100px;height: 70px;background-color:#CFCFCF;background-repeat:no-repeat;background-position:center center;border:1px solid #AFAFAF;-moz-border-radius:0px 10px 10px 0px;-webkit-border-bottom-right-radius: 10px;-webkit-border-top-right-radius: 10px;-khtml-border-bottom-right-radius: 10px;-khtml-border-top-right-radius: 10px;/*-moz-box-shadow: 0px 4px 3px #000;-webkit-box-shadow: 0px 4px 3px #000;*/}
ul#navigation .home a{background-image: url(../images/vnav/home.png);}
ul#navigation .blog a{background-image: url(../images/vnav/blog.png);}
ul#navigation .promotions a{background-image: url(../images/vnav/promotions.png);}
ul#navigation .educate a{background-image: url(../images/vnav/educate.png);}
ul#navigation .workflow a{background-image: url(../images/vnav/workflow.png);}
ul#navigation .testimonials a{background-image: url(../images/vnav/testimonials.png);}
ul#navigation .contact a{background-image: url(../images/vnav/telephone.png);}
ul#navigation .grade a{background-image: url(../images/vnav/grade.png);}
/*Testimonial Grids*/
/*.testigrid{width: 325px; height: 260px; margin:10px; float:left; background:#161613; border: solid 2px #8399AF; overflow: hidden; position: relative;}*/
.testigrid{width: 300px; height: 225px; margin:10px; float:left; background:#eeeeee; border: dashed 1px #CCCCCC;  overflow: hidden; position: relative;}
.testigrid img{ position: absolute; top: 0; left: 0; border: 0;}
.testigrid p{ padding:15px; color:#000000; font-family: Georgia, "Times New Roman", Times, serif; font-size:1.1em; line-height:22px;}
.testicaption{ float: left; position: absolute; background: #000; height: 100px; width: 100%; opacity: .8; /* For IE 5-7 */filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);/* For IE 8 */-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.captionfull .testicaption {top: 260;left: 0;}
.caption .testicaption {top: 220;left: 0;}
/* Portfolio */
ul#filter { float: left; font-size: 16px; list-style: none; margin-left: 0; width: 100%; }
ul#filter li { border-right: 1px solid #dedede;float: left;line-height: 16px;margin-right: 10px;padding-right: 10px;}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #999; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { color: #333; font-weight: bold; }
ul#portfolio { float: left; list-style: none; margin-left: 0; width: auto; }
ul#portfolio li { border: 1px solid #dedede; float: left; margin: 0 10px 10px 0; padding: 5px;width: 202px;}
ul#portfolio a { display: block; width: 100%; }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img { border: 1px solid #dedede; display: block; padding-bottom: 5px; }