/* set all the styles to 0 */
html, body, table, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a{ 
	margin: 0px;
	padding: 0px;
	border: 0px;
}
/* Firefox will always display a scroll bar */
html{
	min-height: 100%;
	margin-bottom: 1px;
}

html, body{
	height:100%;
}
 img, div, input {behavior: url("iepngfix.htc")}
:focus {outline:0px;}

body{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-decoration:none; text-align:left; margin:0px; padding:0px; background-color: #FFFFFF;}
a{cursor: pointer; outline:none;}
img{border:0px; outline:none;}
p{padding:3px 0px; margin:0px;}
h1{font-family:arial,verdana; font-size:11px; color:#000; text-decoration:none; margin:0px;	padding:0px;}

ul{padding:0px; margin:0px 0px 10px 15px;}
ul li{padding:0px; margin:0px; font:normal 12px Arial, Helvetica, sans-serif; color:#454141; line-height:26px;}

.top{width:100%; float:left; }
.container{margin:0px auto; padding:0px; height:auto; text-align:left; width:1000px;}
.master{margin:0px; padding:0px; height:auto; width:1000px; float:left;}	
.header{margin:0px; padding:12px 0px 0px 0px; height:auto; width:1000px; float:left;}	
.header-left{margin:0px; padding:5px 0px 0px 0px; height:auto; width:216px; float:left;}	
.header-right{margin:0px; padding:0px; height:auto; width:600px; float:right;}	
.header-right-call{margin:0px; padding:0px; height:auto; width:600px; float:right; font: normal 18px "Myriad Pro"; color:#f36f21; text-align:right;}
.header-right-call span { font: normal 18px "Myriad Pro"; color:#464646;}	
.header-right-call a { font: normal 16px "Myriad Pro"; color:#ffffff; text-decoration:none; background:url(../images/q-request.png) left top no-repeat; padding: 5px 0px 4px 14px; margin: -5px 0px 0px 5px;}
.header-right-call a span { background:url(../images/q-request.png) right -28px repeat-x;  font: normal 16px Arial, Helvetica, sans-serif; color:#ffffff;padding: 5px 14px 4px 0px}
.header-right-nav{margin:0px; padding:20px 0px 0px 0px; height:auto; width:600px; float:right; text-align:right;}	
/* Author: Craig Erskine Description: Dynamic Menu System - Horizontal/Vertical */ 
ul#navmenu-h { margin: 0; padding: 0; list-style: none; position: relative; } 
ul#navmenu-h ul { width: 160px; /* Sub Menu Width */ margin: 0; list-style: none; display: none; position: absolute; top: 100%; left: 0; } 
ul#navmenu-h ul ul,ul#navmenu-h ul ul ul { top: 0; left: 100%; } ul#navmenu-h li { float: left; display: inline; position: relative; float:right; } 
ul#navmenu-h ul li { width: 100%; display: block; } 
/* Root Menu */ 
ul#navmenu-h a { border-top: 1px solid #FFF; border-right: 1px solid #FFF; padding: 6px 8px; float: left; display: block; background: #fff; color: #5b5b5b; font: normal 12px Arial, Helvetica, sans-serif; text-decoration: none; text-transform:uppercase; } 
ul#navmenu-h a.active{color:#F36F21;}
/* Root Menu Hover Persistence */ 
ul#navmenu-h a:hover,ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a { background: none; color: #F36F21; text-align:left; } 
/* 2nd Menu */ 
ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a { float: none; background: #BBB; } 
/* 2nd Menu Hover Persistence */ 
ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a { background: #999; } 
/* 3rd Menu */ 
ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a { background: #999; } 
/* 3rd Menu Hover Persistence */ 
ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a { background: #666; } 
/* 4th Menu */ 
ul#navmenu-h li:hover li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li.iehover li a { background: #666; } 
/* 4th Menu Hover */ 
ul#navmenu-h li:hover li:hover li:hover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover li a:hover { background: #333; } 
/* Hover Function - Do Not Move */ 
ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul { display: none; } 
ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul { display: block; }


.top-banner{width:100%; float:left; margin:8px 0px 0px 0px; background:url(../images/top-banner-bg.jpg) no-repeat left top; }
.con-lef{ width:6%; height:auto; float:left; margin:0px 0px 0px 0px; padding: 25px 0px 30px 20px;}
.con-right{ width:72%; height:auto; float:right; margin: 0px; padding: 0px; z-index:10;}
.con-lef-top { font:normal 30px "Myriad Pro"; color:#fff; text-align:left; text-transform:uppercase;}
.con-lef-top span { font: bold 35px "Myriad Pro"; color:#fff;}
.con-lef-top a { margin: 420px 0px 0px 0px; font:normal 24px "Myriad Pro"; color:#fff; background-color:#000; padding: 5px 12px; display: inline-block; text-decoration:none;}
.footer{margin:60px 0px 0px 0px; padding:0px 0px 0px 0px; height:auto; width:1000px; float:left;}	
.footer-inner{margin:0px; padding:0px 50px 0px 0px; height:auto; width:170px; float:left;}	
.footer-inner h2 { font: bold 14px  Arial, Helvetica, sans-serif; color:#4a4a4a; padding: 0px 0px 5px 0px;}
.footer-inner ul { list-style:none; margin: 0px; padding:0px 0px 25px 0px;}
.footer-inner ul li { line-height:20px;}
.footer-inner ul li a { font: normal 11px Arial, Helvetica, sans-serif ; color:#525252; text-decoration:none; margin: 0px 3px 0px 0px; display:inline-block;}
.footer-inner ul li a:hover { color:#000;}

.ver-ali { vertical-align:middle !important;}
.footer-inner-contact {margin:0px; padding:0px 50px 0px 0px; height:auto; width:234px; float:right;}
.footer-inner-contact h2 { font: bold 14px  Arial, Helvetica, sans-serif; color:#4a4a4a; padding: 0px 0px 5px 0px;}
.field {  width:234px; height:auto; float:left; padding: 5px 0px 0px 0px;}	
.inp { width:214px; padding:7px 10px 7px 10px; background:url(../images/form-bg.png) left top no-repeat; border: none; font: normal 14px Arial, Helvetica, sans-serif; color:#656565;}
.inp1 { width:214px; padding:7px 10px 7px 10px; background: url(../images/text-message.png) left top no-repeat; border: none; height:47px; margin:0px 0px 5px 0px;}
.inp-sub{ width:77px; height:28px; background:url(../images/submit.png) left top no-repeat; border: none; font:16px Arial, Helvetica, sans-serif; color:#fff; cursor:pointer; margin:0px 0px 5px 0px;}
.bottom{margin:0px; padding:10px 50px 10px 0px; height:auto; width:950px; float:left; background:	url(../images/top-border.jpg) center top no-repeat;}	
.bottom ul { list-style:none; margin: 0px auto;}
.bottom ul li { line-height:24px; float:left; }
.bottom ul li a { font: normal 11px Arial, Helvetica, sans-serif; color:#5b5b5b; padding: 0px 5px; text-decoration:none; text-transform:uppercase;}

.bottom ul li a:hover{ color:#ed620f;} 
.bottom ul li a.active{ color:#ed620f;} 
.bottom h2 { width:100%; font: normal 11px Arial, Helvetica, sans-serif; color:#5e5e5e; padding: 5px 0px; float:left;}
.flo-right { float:right!important;}
.bottom h2 span{float:right;}
.bottom h2 span a{font: normal 11px Arial, Helvetica, sans-serif; color:#5e5e5e; text-decoration:none;}
.bottom h2 span a:hover{color:#333;}


/**************inner-page**************/
/**************about-imprex************************/

.inner-top{width:100%; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:url(../images/body-img.jpg) repeat right top; border-top:solid 1px #cacaca; border-bottom:solid 1px #cacaca;}

.about-main{width:1000px; height:auto; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:url(../images/left-blue-box.jpg) repeat-y left top;}
.left-blue-box{width:267px; height:382px; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; /*background:url(../images/left-blue-box.jpg) no-repeat left top;*/}
.left-blue-box h2{font:normal 24px Arial, Helvetica, sans-serif; color:#FFFFFF; margin:0px 0px 0px 0px; padding:24px 0px 0px 15px; text-align:left; text-transform:uppercase;} 
.left-blue-box ul{list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.left-blue-box ul li{ display:block; margin:28px 0px 0px 15px; padding:0px 0px 0px 0px; font: normal 16px Arial, Helvetica, sans-serif; color:#fff; text-align:left; text-transform:uppercase; background:url(../images/white-arrow.png) no-repeat left 6px;}

.left-blue-box ul li a{margin:0px 0px 0px 0px; padding:0px 0px 0px 15px; font: normal 16px Arial, Helvetica, sans-serif; color:#fff; text-align:left; text-transform:uppercase; text-decoration:none;}
.left-blue-box ul li a:hover{font:bold 16px Arial, Helvetica, sans-serif;}

.about-inner{background:url(../images/about-inner-image.jpg) no-repeat left top !important;}
.services-inner{background:url(../images/services-inner-image.jpg) no-repeat left top !important;}
.client-inner{background:url(../images/client-inner-images.jpg) no-repeat left top !important;}
.portfolio-inner{background:url(../images/portfolio-inner-image.jpg) repeat-y left top !important;}

.right-textbox{width:710px; height:auto; float:right; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.right-textbox h2{font: normal 24px Arial, Helvetica, sans-serif; color:#464343; text-align:left; margin:0px 0px 0px 0px; padding:25px 0px 0px 0px; text-transform:uppercase;}
.right-textbox p{font: normal 13px Arial, Helvetica, sans-serif; color:#454141; margin:0px 0px 10px 0px; padding:10px 0px 0px 0px; text-align:left; line-height:26px;}

.read-more{width:100px; height:36px; float:right; margin:0px 0px 0px 0px; padding:6px 0px 50px 0px; background: url(../images/read-more.png) no-repeat left top; font: normal 13px Arial, Helvetica, sans-serif; color:#fff; text-align:center;}
.read-more a{font: normal 13px Arial, Helvetica, sans-serif; color:#fff; text-align:center; text-decoration:none;}





/*basic styles*/
.roster_slider_fouc .roster_slider {display: none;} /* Keep this as it is*/
.roster_slider div,.roster_slider p,.roster_slider li,.roster_slider span,.roster_slider img,.roster_slider h2,.roster_slider ul{list-style:none;vertical-align:baseline;}
.roster_slider{overflow:hidden;margin: 0 0 0 0;line-height:18px;position:relative}
.roster_slider .roster_slider_instance { margin: 0 auto; padding: 0; clear: left; }
.roster_slider .roster_slide { margin: 0; padding: 0 }
.roster_slider .roster_slideri{float:left;margin:0 0px;}

.roster_slider span{display:inline;}
.roster_slider a{border:none;text-decoration:none !important;}
.roster_slider a:hover{text-decoration:underline !important;}
.roster_slider img{}
.roster_slider h2{clear:none;display:block;padding:0px;border:none;text-shadow:none}
.roster_slider div.roster_slideri{padding:0px}
.roster_slider p.more a{text-decoration:underline;float:right;}
.roster_slider p.more a:hover{text-decoration:none;}

/* Next and Previous navigational arrows */
.roster_slider .roster_next {position: absolute;right: 0px; width: 24px; height: 24px; cursor: pointer; background: transparent url(buttons/default/next.png) no-repeat 0 0 !important;}
.roster_slider .roster_prev { position: absolute;left: 0px; width: 24px; height: 24px; cursor: pointer; background: transparent url(buttons/default/prev.png) no-repeat 0 0 !important;}
.s-left{ width:254px; height:auto; float: left; text-transform:uppercase; padding: 500px 0px 0px 15px; }
.s-left a {background-color:#1542a6; font: normal 24px "Myriad Pro"; color:#fff; padding: 0px 7px 0px 5px; display:inline-block;}
.s-left a:hover{text-decoration:none !important;}
.bg-color { background-color:#5b6f35!important;}
.s-right{ width:263px; height:auto; float: right; padding: 45px 0px 0px 0px;}
.s-right h2 { font: normal 24px "Myriad Pro"; color:#fff; padding: 0px 0px 20px 25px;}
.s-right p { font: normal 13px/20px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; padding: 0px 0px 30px 30px; background:url(../images/banner-arrow.png) 15px 5px no-repeat; }

.s-right p span { font: normal 16px/20px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; padding: 0px 0px 30px 30px; background:url(../images/banner-arrow.png) 15px 5px no-repeat; }

.s-right a { font: normal 12px "Myriad Pro"; color:#fff; text-decoration:none; margin: 150px 0px 0px 0px; padding: 0px 0px 0px 15px; display:inline-block;}

.s-right  a:hover  { text-decoration:none!important;}
.bg-green { background-color:#5b6f35!important;}
.bg-sky-blue { background-color:#0e93dd!important;}

.padding { padding: 0px 0px 0px 30px!important;}
.s-right h2 { font: normal 24px Arial, Helvetica, sans-serif; color:#ffffff;}

.s-right ul { list-style:none; margin: 0px auto; padding: 0px 0px 150px 20px;}
.s-right ul li { line-height:26px;}
.s-right ul li a { font: normal 16px Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase; margin: 0px; padding:0px;}
.s-right ul li a  span { background:url(../images/banner-arrow.png) left 3px no-repeat; padding: 0px 0px 0px 15px;}
.s-right ul li a:hover {}
.bg-none { background:none!important;}
.mar1{ margin: 40px 0px 0px 0px!important;}
.banner-gray { background-color:#5e5e5e!important}


.s-left1 { width:268px; height:auto; float: left; text-transform:uppercase; padding: 500px 0px 0px 15px; }
.s-left1  a {background-color:#1542a6; font: normal 24px "Myriad Pro"; color:#fff; padding: 0px 5px; display:inline-block;}
.s-left1  a:hover{text-decoration:none !important;}
.bg-color { background-color:#5b6f35 !important;}
.s-right1  { width:248px; height:auto; float: right; padding: 45px 0px 0px 0px;}
.s-right1 h2 { font: normal 24px "Myriad Pro"; color:#fff; padding: 0px 0px 20px 25px;}
.s-right1 p { font: normal 13px/20px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; padding: 0px 0px 20px 30px; background:url(../images/banner-arrow.png) 15px 5px no-repeat; }
.s-right1  a { font: normal 12px "Myriad Pro"; color:#fff; text-decoration:none; margin: 210px 0px 0px 0px; padding: 0px 10px 0px 15px; display:inline-block;}
.s-right1  a:hover  { text-decoration:none!important;}
/*Navigation numbers
.roster_slider .roster_nav { text-align:center;margin: 20px auto; }
.roster_slider .roster_nav a { padding: 2px 6px; margin: 3px; border: 1px solid #ccc; text-align: center; text-decoration: none; background-color: #efefef ; font-weight:nornal;}
.roster_slider .roster_nav a.activeSlide { color: #c00 }
.roster_slider .roster_nav a:focus { outline: none; }

.roster_slider .sldr_clearlt{display:block;visibility:hidden;clear:left;height:0;content:".";}
.roster_slider .sldr_clearrt{display:block;visibility:hidden;clear:right;height:0;content:".";}*/


.clients{width:710px; float:left; padding:0px; margin:10px 0px;}
.clients h3{font:normal 20px Arial, Helvetica, sans-serif; padding:0px; margin:0px 0px 10px 0px;}
.clients img{border:1px solid #e1e1e1; padding:3px; margin:0px 0px 5px 10px; background:#ffffff; -webkit-box-shadow: 2px 2px 2px #DDDDDD; -moz-box-shadow: 2px 2px 2px #DDDDDD; box-shadow: 2px 2px 2px #DDDDDD;}


/***** RECENT WORK STYLES *****/
#recent-work { margin:0px auto 0px; overflow:hidden; width:99%; }
#recent-work .work-samples {margin:0px 0px 0px 0px; overflow:hidden; padding:0px !important; }
#recent-work .work-samples li {float:left; margin:0px 15px 5px 0px; position:relative; width:157px; padding:0px; background:none; list-style:none;}
#recent-work .work-samples li a.thumb-anchor { display:inline-block; width:157px; height:130px; position:relative; border:1px solid #e0e0e0;}
#recent-work .work-samples li a.thumb-anchor img{margin:0px 0px 0px 0px; padding:0px; border:0px;}
#recent-work .work-samples li a.thumb-anchor span{ display:none; position:absolute; top:0px; left:0px; width:157px; height:130px; background:#000 url(../images/galery-image-zomer.png) center center no-repeat; z-index:100; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
#recent-work .work-samples li a#recent-height130{height:130px !important;}

#recent-work .work-samples li a.thumb-anchor #recent-height130{height:130px !important;}

#recent-work .work-samples li a.thumb-anchor:hover span{ display:block; }
#recent-work .work-samples li p { color:#878787; font:12px "DroidSansRegular",Arial, Helvetica, sans-serif; line-height:20px; margin:0px 0px 10px; padding:0px; text-align:center;}
#recent-work .work-samples li .read-more-btn { background:url(../images/galery-image-btn.png) no-repeat left top; color:#414141; display:block; font:12px Georgia, "Times New Roman", Times, serif; font-style:italic; height:31px; line-height:31px; text-align:center; width:106px; }
#recent-work .work-samples li .read-more-btn:hover,
#recent-work .work-samples li .read-more-btn:focus { background:url(../images/galery-image-btn.png) no-repeat left bottom; }

.request-quote{width:710px; float:left; padding:0px; margin:0px;}
.request-quote-row{width:500px; float:left; padding:0px; margin:0px 0px 5px 0px; font:normal 12px Arial, Helvetica, sans-serif; color:#454141;}
.request-quote p{font:bold 15px Arial, Helvetica, sans-serif; margin:12px 0px; padding:0px}
.request-quote-row span{width:140px; float:left; padding:5px 0px 0px 0px; margin:0px 0px 0px 0px;}
.inp3{width:343px; padding:7px 10px 7px 5px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; border: none; font: normal 12px Arial, Helvetica, sans-serif; border:1px solid #cccccc; color:#656565;}
.sel{width:360px; padding:7px 10px 7px 5px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; border: none; font: normal 12px Arial, Helvetica, sans-serif; border:1px solid #cccccc; font: normal 12px Arial, Helvetica, sans-serif; color:#656565;}
.textarea1{width:338px; padding:7px 10px 7px 10px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; border: none; font: normal 12px Arial, Helvetica, sans-serif; border:1px solid #cccccc; margin:0px 0px 5px 0px;}

.marg-sub{margin:0px 10px 0px 0px;}