html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; }
a { color:#5e9f4b; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; outline:none; }

/**BODY TAGS**/
body { line-height:normal; font:12px/normal Arial, Helvetica, sans-serif; color:#000; }
#home { background:url('../images/i-img-homebg.jpg') bottom; }
#ourcompany { background:url('../images/i-img-ourcompany.jpg') bottom; }
#ourpeople { background:url('../images/i-img-ourpeople.jpg') bottom; }
#ourbusiness { background:url('../images/i-img-ourbusiness.jpg') bottom; }
#ourvalues { background:url('../images/i-img-ourvalues.jpg') bottom; }
#contactus { background:url('../images/i-img-contactus.jpg') bottom; }

/*************************
COMMON TAGS
*************************/
#topborder { background:url('../images/i-img-topborderbg.png'); width:100%; height:10px; float:left; }
#wrap { position:absolute; top:0; bottom:0; width:100%; }
#content-wrap { width:100%; }

/*************************
HEAD TAGS
*************************/
h3 { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #898989; }

/*************************
HEADER TAGS
*************************/
#leftsection { color:#eee; height:100%; float:left; width:200px; background:url('../images/i-img-headerbg.png'); }
#logo { background:#fff; text-align:center; }
#logo img { margin:15px 0px; }

/*************************
NAVIGATION TAGS
*************************/
#nav { margin-bottom:11px; padding-top:10px; min-width:200px; min-height:250px; }
#nav li { list-style-type:none; background:url('../images/i-img-navigation-bullet.png') 15px 14px no-repeat; }
#nav li a { padding:10px 10px 10px 30px; color:#fff; cursor:pointer; display:block; font-size:16px; text-decoration:none; }
#nav li a:hover {padding:10px 10px 10px 30px;  color:#5e9f4b; text-decoration:none; }
#nav a:hover, #nav a.active { padding:10px 10px 10px 30px; background:url('../images/i-img-navigation-hover.png'); color:#5e9f4b; }
#nav a.active { padding:10px 10px 10px 30px; background:url('../images/i-img-navigation-hover.png'); color:#5e9f4b; }

/*************************
BUSINESS WITH MASHAEL
*************************/
#businesswithmashael { min-width:200px; text-align:center; }

/*************************
MASHAEL IN MOTION
*************************/
#rightsectionhome { width:auto !important; }
.homeheading { margin:100px 0px 189px 240px; min-height:160px; }
.twosections { margin-left:200px; background:url('../images/i-img-mashaelinmotionbg.png'); width:100%; height:220px; overflow:hidden; clear:none; position:fixed; bottom:0; z-index:100; }
.ataglance { margin:15px 0px 15px 20px; color:#fff; width:300px; float:left; font-size:0.95em; text-align:justify; }
.ataglance h1 { margin-bottom:15px; padding-bottom:10px; font-size:14px; font-weight:bold; background:url('../images/i-img-home-headingline.png') repeat-x bottom; }
.ataglance h1 span { margin-top:5px; display:block; width:40px; float:left; font-size:24px; font-weight:normal; color:#ffb400; }
.ataglance p { line-height:18px; }
.ataglance p.readmore { margin-top:10px; padding-top:10px; background:url('../images/i-img-home-headingline.png') repeat-x top; text-align:right; }
.ataglance p a { padding-right:10px; background:url('../images/i-img-bullet-readmore.png') right no-repeat; font-weight:bold; color:#ffb400; text-decoration:none; }
.ataglance p a:hover { text-decoration:underline; }

.mashaelinmotion { margin:15px 0px 15px 30px; float:left; width:350px; color:#fff; }
.mashaelinmotion a { color:#fff; text-decoration:none; }
.mashaelinmotion a:hover { text-decoration:underline; }
.mashaelinmotion h1 { margin-bottom:15px; padding-bottom:10px; font-size:14px; font-weight:bold; background:url('../images/i-img-home-headingline.png') repeat-x bottom; }
.mashaelinmotion h1 span { margin-top:5px; display:block; width:40px; float:left; font-size:24px; font-weight:normal; color:#ffb400; }
img.inmotion { margin-bottom:0px; }
.photogallery { text-align:center; width:266px; float:left; }
.motionheading { padding:5px; background:url('../images/i-img-headerbg.png'); width:256px; position:absolute; left:42px; bottom:0px; z-index:100; }

ul#normallist li { padding:0px 0px 5px 12px; background:url('../images/i-img-bullet.png') 0px 7px no-repeat; list-style-type:none; }
/*************************
MASHAEL IN MOTION
*************************/
.innerpageheading { margin:50px 0px 0px 240px; min-height:69px; }
.contentbackground { padding:0px 0px 0px 40px; background:url('../images/i-img-contentbg.png'); min-width:660px; min-height:420px; overflow:hidden; clear:none; font:14px/normal Georgia, Helvetica, sans-serif; line-height:20px; }
.rightpanel { padding:10px; margin-left:30px; float:right; width:25%; min-height:430px; overflow:hidden; background:url('../images/i-img-headerbg.png'); }
.rightpanel li { padding:10px 0px; display:block; list-style-type:none; border-bottom:1px dashed #ebebeb; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
.rightpanel li a { color:#fff; text-decoration:none; display:block; }
.leftpanel { width:67%; float:left; text-align:justify; }

/* ----------- Scroll Bar ---------- */

#scrollbar1 { margin:20px 20px 20px 0px; }
#scrollbar1 .viewport { width:95%; min-height:380px; overflow:hidden; position:relative; }
#scrollbar1 .overview { margin:0px; padding:0px; list-style:none; position:absolute; left:0px; top:0px; width:100%; text-align:justify; }
#scrollbar1 .scrollbar { background:transparent url('../images/bg-scrollbar-track-y.png') no-repeat 0 0; position:relative; background-position:0 0; float:right; width:15px; }
#scrollbar1 .track { background:transparent url('../images/bg-scrollbar-trackend-y.png') no-repeat 0 100%; height:100%; width:13px; position:relative; padding:0 1px; }
#scrollbar1 .thumb { background:transparent url('../images/bg-scrollbar-thumb-y.png') no-repeat 50% 100%; height:20px; width:25px; cursor:pointer; overflow:hidden; position:absolute; top:0; left:-5px; }
#scrollbar1 .thumb .end { background:transparent url('../images/bg-scrollbar-thumb-y.png') no-repeat 50% 0; overflow:hidden; height:5px; width:25px; }
#scrollbar1 .disable { display:none; }

/* ----------- Scroll Bar ---------- */
.contactus { width:30%; float:left; }
.contactusform { width:65%; float:right; }



/*************************
FOOTER
*************************/
#footer { padding:20px 10px 0px 10px; font-size:11px; width:180px; }
#footer ul { margin-top:10px; }
#footer li { padding-right:5px; display:inline; }
#footer a { color:#fff; }
/*************************
CLEAR FIX
*************************/
.clearfix:before, .clearfix:after { content:"\0020"; display:block; height:0; overflow:hidden; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }

.clear { clear:both; }

/***************** HOMEPAGE SLIDER ***************/
.success-stories { padding:0px 0px; text-align:center; width:350px; }
.success-stories li { list-style-type:none; text-align:center; }
.success-stories-wrapper { text-align:center; }
.ourbrands.js ul.items {  /*<- temp value, set automatically when js is enabled*/}
/*ourpartners specific frame*/
.ourbrands .frame { margin:0 0 40px; padding:0px 0px; float:none; display:block; text-align:center; }
.ourbrands .frame { padding-bottom:25px; width:350px; background:url("../images/i-img-frameshadow.png") 50% 100% no-repeat; }

/*slider nav*/
.slider-nav { padding:0px; display:none; width:100%; float:left; position:relative;z-index:9999; list-style:none; }
.js .slider-nav { display:block; }
.slider-nav li { margin:0px; padding:0px; list-style-type:none; background:none; border:none !important; position:absolute; z-index:99999; }
.slider-nav li.prev { top:-100px; left:0px;}
.slider-nav li.next { top:-100px; right:0px; }
.slider-nav a { display:block; width:22px; height:33px; text-indent:-9999px; background:url("../images/i-img-slider-arrows.png") center no-repeat; position:relative; z-index:999; }
.slider-nav li.prev a { background-position:0 0; }
.slider-nav li.prev a:hover, .slider-nav li.prev a:focus { background-position:0 -32px; }
.slider-nav li.prev a:active { background-position:0 -32px; }
.slider-nav li.next a { background-position:0 -66px; }
.slider-nav li.next a:hover, .slider-nav li.next a:focus { background-position:0 -98px; }
.slider-nav li.next a:active { background-position:0 -66px; }

/************************** GALLERY *****************************/
.gallery li { margin:0px 20px 20px 0px; display:block; float:left; width:210px; }
.gallery li img { border:5px solid #a7a7a7; }

/***********FORMS *************/
.formlabels { font-weight:bold; text-align:right; }
input.text { border:1px solid #cccccc; padding:4px 5px; width:225px; }
textarea.text { border:1px solid #cccccc; padding:4px 5px; width:225px; font:normal 12px Arial, Helvetica, sans-serif; }
.btnbg { background:url('../images/i-btnbg.png') no-repeat; width:80px; height:24px; border:none; cursor:pointer; font:bold 12px Arial, Helvetica, sans-serif; }
.btnbg:hover { background:url('../images/i-btnbg-hover.png') no-repeat; width:80px; height:24px; border:none; cursor:pointer; font:bold 12px Arial, Helvetica, sans-serif; }