/* RESET */

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, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { 	line-height: 1;}
ol, ul, li { list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
/* remember to define focus styles! */
:focus { outline: 0;}
/* remember to highlight inserts somehow! */
ins { text-decoration: none;}
del { text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0;}

/* div,a,span,b,p,address{border:1px dotted;}*/

/* BEGIN CODE */
html{overflow: -moz-scrollbars-vertical; overflow-y: scroll; direction:ltr;}
body{background:#e3e9eb url(images/bg.png) repeat-x center top; color:#222; direction:rtl; font-family:Arial, Helvetica, sans-serif;}

a:link, a:visited, a:hover, a:active{color:#0945c0; text-decoration:none;}
p{font-size:14px; line-height:1.33em;}
.clear{ clear: both;}

#page{width:970px; margin:0 auto;}

/* HEADER */
#header{height:145px; margin-bottom:27px; width:100%}
.headerimg h1 a{display:block; overflow:hidden; width:465px; height:108px; background:url(images/slices.png) no-repeat 0px 0px; float:right; margin:0; text-indent:-5000px;}

.topNavBar{ float:left; font-size:11px; height:23px; margin:14px 0 0 0; }
.topNavBar ul{}
.topNavBar ul li{ float:left;}
.topNavBar ul li a{ margin-left:15px; display:block; line-height:20px; color:#222;}
.topNavBar ul li a b{width:13px; height:13px; display:inline-block; vertical-align:middle; margin-left:1px; background:url(images/slices.png) no-repeat 0px 0px;}
.topNavBar ul li a b.contact{background-position:-452px -125px;}
.topNavBar ul li a b.home{background-position:-439px -125px;}
.topNavBar ul li a:hover{text-decoration:underline;}
.topNavBar ul li.searchBox{ font-size:14px; }
form#searchform{width:247px;}
label.screen-reader-text{ font-size:11px; height:20px; line-height:20px; margin:0 0px 0 4px; float:right;}
input#s{ border:none; border-top:1px solid #858a93; height:16px; width:185px; border-left:none; background:#c6c8cb; padding:0 4px 2px 0; float:right;}
input#s:hover, input#s:focus{color:#0945C0}
input#searchsubmit{background:url(images/slices.png) no-repeat -444px -137px; border:none; cursor:pointer; text-indent:-33333px; height:19px; width:20px;}

.mainNavBar{ clear:both; width:100%; border-top:1px solid #0945c0; border-bottom:1px solid #0945c0; height:34px; font-weight:bold; font-size:15px;}
.mainNavBar ul{width:700px; float:right;}
.mainNavBar li{float:right;}
.mainNavBar li a{display:block; margin-left:30px; margin-top:2px; height:32px; line-height:30px; padding:0 1px 0 2px;}
.mainNavBar li.current_page_item a, .mainNavBar li a:hover, body.category .mainNavBar li.page-item-7 a, body.single .mainNavBar li.page-item-7 a{margin-top:0px; border-top:2px solid #0945c0;}

.mainNavBar a.bankLink{float:left; background:#d2030c; color:#e2e9eb; margin:7px 0 0 1px; height:18px; line-height:17px; padding:0 5px; display:block; border:1px solid #be0005; -moz-border-radius:2px; -webkit-border-radius:2px;}
.mainNavBar a.bankLink:hover{color:#fff;}

/* FOOTER */
#footer{height:60px; margin:0 0 15px 0; width:100%; border-top:1px solid #d2030c; padding-top:8px; clear:both; margin:45px 0 0; float:right; *float:none;}
#footer a.mordaganName{display:block; float:right; font-size:13px; font-weight:bold; width:247px; height:18px; cursor:pointer;}
#footer a.mordaganName strong{ float:right; color:#d2030c; display:block; margin-left:6px;}
#footer a.mordaganName span{float:right; overflow:hidden; background:url(images/slices.png) no-repeat -448px -108px; width:16px; height:17px; display:block; text-indent:-5555px; margin-left:5px;}
#footer a.mordaganName small{ display:block; white-space:nowrap; color:#222;}
#footer address{font-style:normal; font-size:12px; float:right; margin:1px 0px 0 0;}
#footer p.copywrites{clear:both; float:right; display:block; font-size:10px; text-transform:uppercase; color:#909596; margin:12px 0 0 0;}

/* CONTENT */
#content{ width:100%; position:relative; min-height:375px;}

/* HOME */
div.bg{background: url(images/bg-home.png) repeat-x center top; width:auto; min-width:980px;}
.mainBanner{height:303px; color:#fff; position:relative; width:970px; clear:both; margin-top:5px;}
.mainBanner a.more{float:right; -moz-box-shadow: 0 1px 4px #000000; border:1px solid #071131; background:#4FD0EC; color:#222; display:block; font-size:13px; font-weight:bold; height:18px; line-height:16px; padding:0 4px 0 6px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.mainBanner a.more b{margin-left:1px; background:url(images/slices.png) no-repeat -427px -126px; width:11px; height:11px;  display:inline-block; vertical-align:middle;}
.mainBanner a.more:hover{background:#68e5fd; text-decoration:underline;}

.infoIntro{width:465px; float:right; }
.infoIntro .whoWeAre{clear:both; }
.infoIntro .whoWeAre h2.slogan{font-size:35px; font-family:"RedialAC Light"; font-weight:100; height:35px; margin:25px 0 0; overflow:hidden;}
.infoIntro .whoWeAre p{display:block; font-weight:bold; margin:8px 0;max-height:57px; overflow:hidden; width:85%;}

.infoIntro .ourSolutions{position:absolute; top:170px; right:0px; width:465px; }
.infoIntro .ourSolutions small{float:right; color:#898a8b; font-size:12px; border-top:1px solid #898a8b;clear:both; height:24px;}
.infoIntro .ourSolutions ul{clear:both;}
.infoIntro .ourSolutions ul li{float:right; margin-left:4px;}
.infoIntro .ourSolutions ul li a{color:#FFFFFF; display:block; font-size:15px; height:46px; padding-top:60px; text-align:center; width:95px;}
.infoIntro .ourSolutions ul li a:hover{border-bottom:7px solid #E3E9EB; color:#62dcff;}

.showcase{width:465px; float:left; }
.showcase .flashBar{margin-top:37px;}
.showcase .flashBar .object{}
.showcase .infoMore{clear:both; margin-top:4px; width:100%;}
.showcase .infoMore p{float:right; color:#898a8b; font-size:11px; width:340px;}
.showcase .infoMore p b.infoIcon{margin:1px 0 0 2px; height:12px; width:13px; background:url(images/slices.png) no-repeat -417px -110px; float:right;}
.showcase .infoMore a.more{float:left;}

.teasers{clear:both; margin:40px 0 0 0; width:100%;}
.teasers .teaserItem{float:right; width:475px;}
.teasers .teaserItem .icon-1{height:90px; width:85px; background:url(images/slices.png) no-repeat -84px -108px; margin-right:17px; float:right;}
.teasers .teaserItem .icon-2{height:90px; width:85px; background:url(images/slices.png) no-repeat 0px -108px; margin-right:25px; float:right;}
.teasers .teaserItem .slogans{ width:360px; float:right;}
.teasers .teaserItem .slogans h3{font-size:19px; height:21px; margin:16px 0 0; overflow:hidden;}
.teasers .teaserItem .slogans h3 b{height:17px; width:17px; background:url(images/slices.png) no-repeat -432px -108px; margin-top:3px; display:block; margin-left:5px; float:right;}
.teasers .teaserItem .slogans p{margin:6px 0 0; max-height:58px; display:block; overflow:hidden;}

.ourClients{height:77px; width:960px; background:url(images/slices.png) no-repeat 0px -301px; padding:22px 0 0 0; clear:both; float:right; margin:30px 0 0 0;}

/* PAGE */
.page{}
.page h2{font-size:35px; font-family:"RedialAC Light"; font-weight:100; margin:0px 0 20px 0;}
.page .entry{}
.page .entry p, .page .entry ul{width:600px;}
.page .entry p, .page .entry ul li{ font:normal 14px/1.5em Arial,sans-serif; text-decoration:none;}
.page .entry p, .page .entry ul{ margin:0 0 10px;}
.page .entry p em, .page .entry p i{ font-style:normal;}
.page .entry ul{}
.page .entry ul li{list-style:inherit; padding-right:2px; list-style:square inside url("images/list-image.png");}
.page .entry a{padding:0 1px;}
.page .entry a:hover{text-decoration:underline; background:white; -moz-border-radius:3px; -webkit-border-radius:3px;}
.page .entry h3{margin:24px 0 6px 0; width:600px; padding:3px 0 0 0;}

/* CONTACT FORM PAGE */
.contactFormSider{position:absolute;top:0px; left:0px; width:299px;}
.contactFormSider p.contactIntro{ font-size:12px; line-height:1.33em; margin:0; width:294px;}
.contactFormSider  input:hover, .contactFormSider  textarea:hover{border-color:#0945C0 !important;}
.contactFormSider input:focus, .contactFormSider textarea:focus{background:#fff !important; border-color:#0945C0 !important; color:#111 !important;}

/* PROJECT PAGE */
div#projectSidebar{width:220px; float:right;}
div#projectSidebar ul.categories{border-top:1px solid #0945C0;}
div#projectSidebar ul.categories li{margin:2px 0 0 0;}
div#projectSidebar ul.categories li.current-cat a{ border:none; -moz-border-radius:3px; -webkit-border-radius:3px; background:#0945C0 url("images/list-image3.png") no-repeat 200px center; color:#e3e9eb;}
div#projectSidebar ul.categories li a{background:url("images/list-image2.png") no-repeat 200px center; border-bottom:1px solid #0945C0; display:block; line-height:15px; padding:9px 25px 9px 0; width:195px;}
div#projectSidebar ul.categories li a:hover{text-decoration:underline;}

.hentry{float:left; width:720px;}
.hentry h2{margin-top:21px;}
.hentry p.infoText{width:100%; margin-top:8px; font-size:12px;}
.hentry .postEntry{}
div.flashBox, div.youtubeBox, div.imageBox, flashBox{margin-bottom:12px; overflow:hidden; height:480px; width:720px;}
flashBox{height:538px;}
.imageBox{position:relative;}

/*////////////    single gallery  /////////*/
.csw{ width:720px; height:562px; background:#E3E9EB; float:right; /*overflow: scroll*/}  /* loading */
.csw .loading{ margin:205px 0 350px 0; text-align:center;}
.stripViewer{ position:relative; overflow:hidden; margin:7px auto 7px auto; width:720px;height:480px; z-index:10; }
.stripViewer .panelContainer{ position:relative; left:0; top:0; width: 100%; list-style-type:none;	}
.stripViewer .panelContainer .panel{ float:right; height:100%; position:relative; width:720px; }
.stripViewer .panelContainer .panel ul{text-align:left; margin:0 15px 0 30px;}
.stripViewer .panelContainer .panel img{width:720px !important; height:480px !important;}
.stripNav{}
.stripNav ul{ position:absolute; right:1em; top:19px; z-index:400; *width:480px; z-index:9999;}
.stripNav ul li { float:right; margin:0 3px 0 1px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */}
.stripNav li a {background:url("images/white-trans80-bg.png") repeat 0 0;border:1px solid #F6F6E8; color:#FFFFFF; display:block; font-size:12px; font-weight:bold; height:30px; line-height:30px; text-align:center;width:30px; }
.stripNav li a:hover {background:#fff; color:#000; background-image:none; text-decoration:none;}
.stripNav li a.current {background:#fff; color:#000; border-color:#fff; border-width:3px 2px; margin:-2px -1px -2px -1px; *margin:-2px 0px -2px 0px;}
/* The left and right arrows */
.stripNavR {}
.stripNavR a{ height:480; width:720px; *height:480px; position:absolute; top:4px; z-index:8888;}
.stripNavR a:hover{text-decoration:none;}
.stripNavL {display:none; }

/* hide on single */
div.uploaded-1 .stripNav{ display:none;}		
div.uploaded-1 .stripNavR a{ cursor:default;}		

/* ARCHIVE PAGE */
.exerptsWrap{width:750px; float:left;}
#postBox{width:220px; margin-right:30px; float:right;color:#0945C0;}
#postBox a.boxLink{height:181px; display:block; overflow:hidden;}
#postBox a.boxLink div.itemImage{background:url(images/no-image.jpg) no-repeat -1px 1px; width:218px; height:144px; margin:1px;}
#postBox a.boxLink img{width:218px; height:144px;}
#postBox a.boxLink:hover  div.itemImage{border:1px solid #0945C0; margin:0px;}
#postBox a.boxLink span{display:block; font-weight:bold;}

/* CLIENT PAGE */

.clientPageBox{}
.clientPageBox .panelContainer{-moz-border-radius:5px; -webkit-border-radius:5px; background:#fff; float:right;padding:9px;width:703px;}
.clientPageBox .panelContainer .gallery-item{float:right;}
.clientListBox{float:left; width:220px;}
.clientListBox p{border-top:1px solid #8B9098; color:#8B9098; margin-bottom:8px;}
.clientListBox ul li{font-size:14px; line-height:1.5em; padding-right:1px; list-style:square inside url("images/list-image.png");}