/* Global Styles */ body {background:url('../images/blue.gif') repeat #2f83ba; border-top:solid 7px #EF8C31; font-size:12px;font-family:Arial, san-serif; color:#000000; direction:rtl;overflow-y:scroll; } a:focus {outline:none;} a {color:#717171; text-decoration:none;outline:0;} a:hover {text-decoration:none;outline:0;} a span {font-size:90%;} h1 {font-size:25px;} h2 {font-size:23px;} h3 {font-size:21px;} h4 {font-size:19px; color:#f52e91;} h4.inner {font-size:30px; color:#02A1DA;} h4.title_service {font-size:22px; /*text-align:center; color:#f52e91;text-shadow:1px 0px 0px #155f90;*/ color:#1A82CD; margin:0 0 5px 0;} h4.page_title {color:#f52e91;} h5 {font-size:17px;} h6 {font-size:15px;} ol {list-style:decimal;} ul {list-style:disc;} li {margin-right:20px; position:relative; list-style:none;} p, li, dl {line-height:18px;} p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, img {margin-bottom:20px;} #wrapper {margin:0 auto; background:url('../images/body_bg.png') repeat-y 0 0; min-height:850px;} .foot {margin:0 auto; background:url('../images/foot.png') no-repeat 0 0; width:1050px; height:40px; } .foot .details {font-weight:bold; color:#fff; padding:5px 30px 0 0; } ul li ul, ol li ol {margin-bottom:0px;} ol {padding: 0 0 0 5px;} /* Custom Grid */ .container_12 {margin-right:auto; margin-left:auto; width:1050px;} .float {display:inline; float:left; position:relative;} .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {display:inline; float:right; position:relative; margin-right:35px; margin-left:10px;} .container_12 .grid_1 {width:45px;} .container_12 .grid_2 {width:130px;} .container_12 .grid_3 {width:215px;} .container_12 .grid_4 {width:300px;} .container_12 .grid_5 {width:385px;} .container_12 .grid_6 {width:470px;} .container_12 .grid_7 {width:555px;} .container_12 .grid_8 {width:640px;} .container_12 .grid_9 {width:725px;} .container_12 .grid_10 {width:810px;} .container_12 .grid_11 {width:895px;} .container_12 .grid_12 {width:980px;} /* Global Classes */ .hr {border:none; border-bottom:1px solid #f0f0f0; border-top:1px solid #d6d6d6; clear:both; height:0; line-height:0; width:100%; font-size:0; padding:0 ;margin-bottom :20px;} .pr {border:none; border-bottom:1px solid #f0f0f0; border-top:1px solid #d6d6d6; clear:both; height:0; line-height:0; width:100%; font-size:0; padding:0; margin-bottom :30px;} .dotted {border-style:dashed; border-left:0; border-right:0;} .meta {font-weight:normal;font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif; font-size:11px; color:#999999 !important; line-height:16px; text-transform:none; text-shadow:none;} .right {float:right;} .left {float:left;} .img_left {float:left; margin:10px 20px 10px 0;} .img_right {float:right; margin:10px 0 10px 20px;} .clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;} .textright {text-align:right;} .error, .success {display:none;} /* Buttons */ .button, .button:visited {background:#d82a8e url('../images/alert-overlay.png') repeat-x; display:inline-block; padding:5px 10px 6px; color:#fff; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:1px solid rgba(0,0,0,0.25); position:relative; cursor:pointer; font-size:13px; font-weight:bold; line-height:1; border:0;} .button:hover {background-color:#b41e74; color:#fff; text-decoration:none;} .button:active {top:1px;} /* Site Logo */ h1#logo {background:url('../images/logo.jpg') no-repeat 0 0; width:160px; height:87px; text-indent:-99999px; margin:10px 30px 15px 0; } /* Site Navigation */ ul#navigation {text-transform:uppercase; margin:0 40px 0 0;} ul#navigation li {float:right; display:inline; margin : 0 0 0 50px;} ul#navigation li a {float:right; font-family:arial, sans-serif !important; display:block; padding:40px 0 0; text-decoration:none; color:#333; font-size:16px; font-weight:bold; cursor:pointer; } ul#navigation li a:hover, ul#navigation li a.current {background:url('../images/triangle.gif') no-repeat center top;} .img_nav {border:none; margin:40px 0 0 0; padding:0; float:right;} /* Site Navigation ul#navigation { margin:0 20px;} ul#navigation li {display:inline-block; float:right; margin:0 0 0 50px;} ul#navigation li a {display:block; float:right; font:bold 16px Arial; padding:30px 0 0; text-decoration:none; color:#333; cursor:pointer; } ul#navigation li a:hover, ul#navigation li a.current {background:url('../images/triangle.gif') no-repeat center top;} .img_nav {border:none; margin:20px 0 0 0; padding:0; float:right;} */ /* Site Navigation ul#navigation { margin:0 20px;} ul#navigation li {display:block; float:right;background:url(../images/menu.jpg) no-repeat right 15px; height:50px; margin:0 40px 0 0; padding:25px 40px 0 0; } ul#navigation li a { font:bold 16px Arial; text-decoration:none; color:#333; cursor:pointer; } ul#navigation li a:hover, ul#navigation li a.current {background:url('../images/triangle.gif') no-repeat center top;} */ /* Footer */ .footer, .footer a {color:#494949;} .footer a:hover {color:#9d9d9d;} /* Sub Navigation */ ul.sidebar {list-style:none; margin:0 0 30px 0; padding:0;} ul.sidebar li {margin:0 0 0 0; padding:0;} ul.sidebar a {width:295px;display:inline-block; padding:10px 0 10px 5px; border-bottom:1px solid #e4e4e4; text-decoration:none; color:#393939; } ul.sidebar li:last-child a {-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;} ul.sidebar li:first-child a {-moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;} ul.sidebar a:hover {width:280px; background:#f6f6f6; padding:10px 0 10px 20px;} /* Caption */ h2.caption {color:#777; /*text-shadow:1px 1px 1px #cfcfcf;*/ font-size:26px; line-height:80px;font-weight:normal; text-align:right; background:url('../images/machon.png') no-repeat left 0;} h2.caption span {color:#000000; font-weight:bold;} h2.caption a:hover {text-decoration : underline;} /* Homepage QuickNavigation */ #quicknav {background:url('../images/link_border.png') repeat-x;} a .title {color:#f52e91;} .quicknavgrid_3 {width:204px; margin:0px; padding:5px 20px 0; display:inline; float:right; position:relative; margin-right:1px;} .quicknav {background:#FFFFFF;} .quicknav:hover {background:url('../images/link_bg.png') repeat-x;} .quicknavhr {margin-bottom:0;} .quicknav.alpha {margin-right:0; width:205px;} .active_ser {background:url('../images/link_bg.png') repeat-x;} /* About Us Page Timeline */ dl.history {margin:10px 10px;} dl.history {margin:0 0 10px 0; zoom:1} dl.history dt {width:180px; float:right; font-weight:bold;} dl.history dd {width:250px; float:right; padding:0; margin-bottom:20px;} /* Common Scroller Styles */ .roundabout-holder {list-style:none; width:500px; height:300px; margin:0px auto;} /*.roundabout-moveable-item {font-size:12px!important; height:300px; width:600px; cursor:pointer; padding:5px; border:1px solid #aaaaaa; -webkit-border-radius:5px; -moz-border-radius:5px; background:#f9f9f9;}*/ .roundabout-moveable-item {font-size:12px!important; height:300px; width:600px; cursor:pointer; padding:5px; border:2px solid #0AA0DD; -webkit-border-radius:5px; -moz-border-radius:5px; background:#f9f9f9;} .roundabout-moveable-item img {height:100%; width:100%; background-color:#FFFFFF; margin:0;} .roundabout-in-focus {cursor:auto;} .roundabout-in-focus:hover {-webkit-box-shadow:0px 0px 20px #787878; -moz-box-shadow:0px 0px 20px #787878; background:#f9f9f9;} .roundabout-holder span {display:none; font-size:12px;} .roundabout-in-focus:hover span {display:inline; position:absolute; bottom:5px; right:5px; padding:8px 20px; background:#f9f9f9; color:#f52e91; z-index:999; -webkit-border-top-left-radius: 5px; -moz-border-radius-topLeft: 5px; font-size :12px;border-left:2px solid #f7da00; border-top:2px solid #f7da00; font-weight:bold;} .roundabout a:active, .roundabout a:focus, .roundabout a:visited {outline:none; text-decoration:none;} .roundabou li {margin:0} a img {border:none; outline:0;} /* Featured Image Slider */ #featured {margin:10px 40px 40px 0;} /* Portfolio Image Slider */ #folio_scroller_container {margin-top:35px; margin-bottom:60px; height:auto;} #folio_scroller_container .roundabout-holder {list-style:none; height:400px; margin:0px auto 20px auto;} /* Portfolio Styles */ .portfolio_item {width:223px; position:relative; margin:0 14px 28px 14px; padding:0;} .portfolio_item img {padding:5px; border: 1px solid #aaaaaa; width:211px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background:#f9f9f9; margin-bottom:0px;} .portfolio_item span {display:none;} .portfolio_item:hover img {-webkit-box-shadow:0px 0px 20px #787878; -moz-box-shadow:0px 0px 20px #787878; background:#f9f9f9;} .portfolio_item:hover span {display:inline; position:absolute; bottom:6px; right:6px; padding:10px 15px; background:#f9f9f9; color:#000000; z-index:999; border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; -webkit-border-top-left-radius: 5px; -moz-border-radius-topLeft: 5px;} /* Comment's List */ .commentlist {margin:0; padding:0; margin-bottom:20px; float:right; width:100%;} .commentlist li {width:100%; clear:both; float:right; padding:0; list-style-type:none; margin:0; position:relative;} .gravatar {float:right; width:60px; padding:0px 10px 0 0; text-align: center;} .gravatar img {display:block; padding:5px; padding-left:none; margin-bottom:0px;} .comment_content {float:right; width:569px;} .commentmetadata {float:right;} .comment-reply-link {text-decoration:none; font-size:10px;} .author_name {font-weight:bold; font-style:normal; font-size:15px; float:right;} .author_name a {color:#000000;} .comment_text {clear:both; margin-top:10px;} .comment-reply-link {text-align:center; display:block;} /* Contact Form */ p.error {margin-right:90px; margin-top:5px;} #contact_form ul {float:right;} #contact_form ul li {margin:10px 0; list-style:none; position:relative; clear:both;} #contact_form label {line-height:35px; width:70px; text-align:right; float:right; margin-right:10px;} #contact_form input#name, #contact_form input#email, #contact_form input#subject, #contact_form textarea {float:right; padding:8px; border:1px solid #CCCCCC; margin-right:10px; background:#fcfcfc; -moz-border-radius:5px; -webkit-border-radius:5px;} #contact_form input#name, #contact_form input#email, #contact_form input#subject {width:400px;} #contact_form textarea {width:500px;height:150px; resize: none;} #contact_form input.button {float:left;} /* Comment form */ #comment_form ul {float:right;} #comment_form ul li {margin:10px 0; list-style:none; position:relative; clear:both;} #comment_form label {line-height:35px; width:100px; text-align:right; float:right; margin-right:10px;} #comment_form input, #comment_form textarea {float:right; padding:8px; border:1px solid #CCCCCC; margin-right:10px; background:#fcfcfc; -moz-border-radius:5px; -webkit-border-radius:5px;} #comment_form input {width:400px;} #comment_form textarea {width:500px; height:150px; resize:none;} /* Contact Page Sidebar */ .contact ul {list-style:none;} .contact li {margin:0;} /* Overiding Classes */ /*.lavaLampBottomStyle { position:relative; padding:15px; overflow:hidden; } .lavaLampBottomStyle li { float:right; list-style:none; margin-right:20px;} .lavaLampBottomStyle li.back { border-bottom:10px solid #1C77C8; width:9px; height:30px; z-index:8; position: absolute; } .lavaLampBottomStyle li a { font:bold 20px arial; text-decoration:none; color: #000; outline:none; text-align:center; top: 7px; letter-spacing: 0; z-index: 10; display:block; float:right; height: 30px; position: relative; overflow: hidden; margin: auto 20px; } .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited { border: none; } */ /***************************************/ /** ROUNDED **/ /***************************************/ .rounded { position:relative; z-index:10; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:#666 0px 1px 5px; -moz-box-shadow:#666 0px 1px 5px; box-shadow:#666 0px 1px 5px; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#F0F0F0)); background: -moz-linear-gradient(#FFFFFF, #F0F0F0); background: linear-gradient(#FFFFFF, #F0F0F0); -pie-background:linear-gradient(#FFFFFF, #F0F0F0); padding:10px;margin:15px 0; behavior:url(PIE.htc);} UL.main_nav { margin:0; padding:0;} UL.main_nav UL{ margin:0; padding:0;} UL.main_nav LI{ list-style-image:none;display:block; float:right; margin:0;} UL.main_nav LI A{ position:relative; z-index:100; -webkit-border-radius:15px 0px 15px 0px; -moz-border-radius:15px 0px 15px 0px; border-radius:15px 0px 15px 0px; -webkit-box-shadow: #666 0px 1px 2px; -moz-box-shadow: #666 0px 1px 2px; box-shadow: #666 0px 1px 2px; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#0AA0DD), to(#2077C7)); background:-moz-linear-gradient(#0AA0DD, #2077C7); background:-webkit-linear-gradient(top, #0AA0DD, #2077C7); background:linear-gradient(#0AA0DD, #2077C7); -pie-background: linear-gradient(#0AA0DD, #2077C7); text-shadow:0 1px 1px rgba(0,0,0,0.25); font:bold 20px Arial;text-decoration:none;color:#FFF;outline:none;text-align:center; display:block;height:26px; margin:auto 15px; padding:5px 15px; cursor:pointer;border:solid 2px #fff;z-index:100; behavior:url(PIE.htc);} UL.main_nav LI A:hover { background:-webkit-gradient(linear, 0 0, 0 bottom, from(#2077C7), to(#0AA0DD)); background:-moz-linear-gradient(#2077C7, #0AA0DD); background:-webkit-linear-gradient(#2077C7, #0AA0DD); background:linear-gradient(#2077C7, #0AA0DD); -pie-background: linear-gradient(#2077C7, #0AA0DD); behavior:url(PIE.htc); } UL.main_nav LI.current A { background:-webkit-gradient(linear, 0 0, 0 bottom, from(#FF9D00), to(#F2B212)); background:-moz-linear-gradient(#FF9D00, #F2B212); background:-webkit-linear-gradient(#FF9D00, #F2B212); background:linear-gradient(#FF9D00, #F2B212); -pie-background: linear-gradient(#FF9D00, #F2B212); behavior:url(PIE.htc);} .menu { margin:35px 20px 0 20px;} .menu UL{ margin:0; padding:0;} .menu UL LI { list-style-image:none;display:block; float:right; } .menu UL LI A{ background:url(../images/menu.jpg) no-repeat right 0; padding:0 45px 0 0; font:bold 22px/38px Arial; color:#333; display:block; height:43px;} .menu UL LI A:hover { text-decoration:underline;} #products_example { width:665px; margin:0 0 30px 0; height:282px; position:relative; direction:ltr; } /*Slideshow*/ #products { margin-left:26px; } /*Slides container Important: Set the width of your slides container Set to display none, prevents content flash */ #products .slides_container { width:366px; overflow:hidden; float:left; position:relative; border:1px solid #dfdfdf; display:none; } /* Each slide Important: Set the width of your slides If height not specified height will be set by the slide content Set to display block */ .slides_container a { width:366px; height:274px; display:block; padding:35px 0 0 0; } /* Next/prev buttons */ #products .next,#products .prev { position:absolute; top:127px; left:0; width:21px; height:0; padding-top:21px; overflow:hidden; display:block; z-index:101; } #products .prev { background:url(../images/arrow-prev.png); } #products .next { left:398px; background:url(../images/arrow-next.png); } /* Pagination */ #products .pagination { background-color:#dfdfdf; width:130px; padding:5px 5px; float:left; margin-left:40px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; behavior:url(PIE.htc); } #products .pagination li { float:left; margin:2px 4px; list-style:none;} #products .pagination li a { display:block; width:55px; height:41px; margin:1px; float:left; background:#f9f9f9; } #products .pagination li.current a { border:1px solid #7f7f7f; margin:0; } /* Must remain at the bottom of the stylesheet */ .clearfix:after {clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0;} * html .clearfix {height:1%;} .alpha {margin-right:0;} .omega {margin-right:0;} .copy {margin:6px 0 0 25px; color:#fff;} .copy A {font-weight:bold; color:#fff;} .map {border:solid 5px #FFF; -moz-box-shadow:1px 1px 3px #555; -webkit-box-shadow:1px 1px 3px #555; box-shadow:1px 1px 3px #555; behavior:url(PIE.htc);} .pink {color:#f52e91; font-weight:bold;}