@import "prettyPhoto.css";

/* CSS 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; }
ol, ul { 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! padding: 9px 17px 9px 17px; */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; }
*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}
textarea { overflow: auto; }
textarea, input[type=text] { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }



/* + BLANKEST STYLES BEGINS + */

body { background: url(../images/bg.jpg) repeat; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #545454; line-height: 20px; position: relative }
img { border: 0; }
ul { list-style: none; margin: 0; padding: 0; }
a { color: #006aa6; text-decoration: none; cursor: pointer; }
i { color: #8a8a8a; font-style: italic; display: block; padding: 4px 0 14px 0; background: url(../images/hr.gif) 0 100% repeat-x; }
p { margin: 0; padding: 0; }
:focus { outline: 0; }


/* + Headings + */
h1 { font-size: 26px; margin: 0; padding: 0; }
h2 { font-size: 22px; margin: 0; padding: 0; }
h3 { font-size: 20px; margin: 0; padding: 0; }
h4 { font-size: 18px; margin: 0; padding: 0; }
h5 { font-size: 16px; margin: 0; padding: 0; }
h6 { font-size: 14px; margin: 0; padding: 0; }


/* + Font colors + */
.orange { color: #c74f0c; text-decoration: none; }
.blue { color: #007eb6; }
.red { color: #cd2c65; }
.light { color: #006aa6; }
.purple { color: #6d0daa; }
.green { color: #37a244; }
.brown { color: #7e490b; }
.sea { color: #1c7a74; }
.dblue { color: #0f30ad; }
.black { color: #000000; }
.lsea { color: #a2bacb; }
.grey { color: #545454; }



.italic { font-style: italic; }
.project_tip { font-style: italic; font-size: 11px; padding-left: 5px; }
.caption {  background-color: #000000; display: none; opacity: 0; position: absolute; z-index: 2; width: 267px; height: 133px; background-image: url(../images/zoom.png); background-repeat: no-repeat; background-position: 50% 50%; }
.clear { clear: both; }
.hr { height: 2px; width: 100%; background: url(../images/hr.gif) 0 0 repeat-x; }



/* + Correction margins + */
.m0 { margin: 0; }

.m5 { margin: 5px 0; }
.m10 { margin: 10px 0; }
.m15 { margin: 15px 0; }
.m20 { margin: 20px 0; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }

.mb0 { margin-bottom: 0; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }

.mt0 { margin-top: 0; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }


/* + Correction paddings + */
.pb0 { padding-bottom: 0; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }

.pt0 { padding-top: 0; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }


/* + Font sizes + */
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }


/* + Containers + */
.container { padding-bottom: 50px; }
.container_tabs { width: 949px; margin: auto; position: relative; overflow: hidden; }
.container_content_slider { width: 950px; margin: 0 auto; position: relative; z-index: 0; padding-bottom: 50px; height: 310px; }
.footer_container { padding: 0; }
.container_3d { top: -10px; }
.container, .footer_container, #testapp, #toolbar, .container_3d { width: 950px; margin: auto; position: relative; }
.container .imcon { position: relative; display: block; padding: 0 0 25px 0; }



/* + HEADER + */

#header { height: 115px; background: url(../images/topbg.gif) 0 0 repeat-x; position: relative; z-index: 100; }
.logo {  width: 250px; position: absolute; }
#user{position:absolute;right:0;top:-45px;}

/* + DROPDOWN MENU + */

.dd { padding: 5px 0 0 5px; margin: 40px 0; list-style: none; float: right; z-index: 200; }
.dd ul { margin-right: -5px; padding: 0; }
.dd ul li { position: relative; display: inline; float: left; margin: 0 5px; }
.dd ul li a { display: block; color: #646464; font-weight: bold; text-transform: uppercase; font-size: 11px; text-decoration: none; float: left; }
* html .dd ul li a { display: inline-block; }
.dd ul li a span { margin: 0 10px 0 -10px; padding: 4px 8px 4px 18px; position: relative; float:left; }
.dd ul li .active, .dd ul li a:hover, .dd ul li:hover { background: url(../images/buttons_sprite.png) no-repeat top right; font-weight: bold; }
.dd ul li .active span, .dd ul li a:hover span, .dd ul li:hover span { background: url(../images/buttons_sprite.png) no-repeat top left; font-weight: bold; color: #ffffff; }


	
/* - 1st sub level menu - */
.dd ul li ul { position: absolute; margin-left: -14px; display: none; visibility: hidden; left: 0; }
.dd ul li ul li { display: block; float: none; position: relative; }
.dd ul li ul li a { width: 160px; padding: 5px 5px 5px 24px; font-size: 10px; border: 1px solid #afafaf; border-top: none; color: #fff; background: #8c8c8c url(../images/dd_arrow.png) 11px 13px no-repeat; float: none; }
.dd ul li ul li a:hover { background: #737373 url(../images/dd_arrow.png) 11px 13px no-repeat; }
.dd ul li ul li ul { top: 0; position: absolute; margin-left: -4px; float: none;  }
.dd ul li ul li ul li {  }

/* - Holly Hack for IE - */
* html .dd{height: 1%;}


/* + IMAGE FRAMES + */

.frame { position: absolute; background: url(../images/frame_b.png) no-repeat 0 0; left: 0; top: 0; width: 265px; height: 146px; text-align:center;}
.frame_m { position: absolute; background: url(../images/frame_content.png) no-repeat 0 0; left: 0; top: 0; width: 630px; height: 232px; }
.frame_m2 { position: absolute; background: url(../images/frame-content-2.png) no-repeat 0 0; left: 0; top: 0; width: 630px; height: 455px; }
.frame_l { position: absolute; background: url(../images/frame_large.png) no-repeat 0 0; left: 0; top: 0; width: 950px; height: 279px; }
.frame_3col { position: absolute; background: url(../images/frames/portfolio_3_columns.png) no-repeat 0 0; left: 0; top: 0; width: 290px; height: 180px; }
.frame_2col { position: absolute; background: url(../images/frames/portfolio_2_columns.png) no-repeat 0 0; left: 0; top: 0; width: 455px; height: 165px; }
.frame_content { position: absolute; background: url(../images/frames/content.png) no-repeat 0 0; left: 0; top: 0; width: 265px; height: 132px; }
.frame_nivo { position: absolute; background: url(../images/frames/nivo_slider_frame.png) no-repeat 0 0; left: -17px; bottom: -21px; width: 983px; height: 418px; z-index: 80; }
.frame_tabs { position: absolute; background: url(../images/frames/tabs_frame.png) no-repeat 0 0; left: -17px; top: -10px; width: 982px; height: 421px; z-index: 2; }
.frame_content_slider { position: absolute; background: url(../images/frames/content_slider_frame.png) no-repeat 0 0; left: -17px; top: -10px; width: 982px; height: 374px; z-index: 2; }



/* + HOMEPAGE SLIDER AREA + */

.slider { height: /*470*/400px; clear: both; }
.tabs_slider { height: 412px; clear: both; }
.slider_3d { height: 415px; background: url(../images/dots_bg.png) no-repeat 50% 100%; }


/* + PAGE TITLES FOR INNER PAGES + */

.pagetitle { height: 116px; margin-bottom: 45px; }
.pagetitle h1 { margin: 0; padding: 43px 0px 15px 0px; font-size: 48px; color: #FFF; width: 650px; }
.pagetitle span { color: #fff100; padding: 25px 0; width: 650px; font-style: normal; }
.pagetitle form { display: block; position: absolute; right: 0; top: 45px; width: 248px; }
.pagetitle form input[type=text] { font-style: italic; font-size: 11px; width: 200px; background: url(../images/search_bg.png) no-repeat; border: none; padding: 6px 10px 7px 10px; color: #838383; }
.pagetitle form input[type=submit] { display: block; height: 26px; width: 31px; background: url(../images/search_btn.png) no-repeat; border: none; position: absolute; right: 0; top: 0; cursor: pointer; }


/* + 3 BLOCKS ON HOMEPAGE + */

.blocks { margin: 45px 0 0 0; }
.img { position: relative; display: block; width: 265px; height: 132px; margin: 16px 0 2px 0; }
.blocks p { padding: 5px 0; }
.block { float: left; display: block; width: 265px; margin-right: 77px; }
.block3 { margin: 0; }


/* + LEFT SIDE CONTENT. INNER PAGES + */

.content { width: 630px; float: left; margin: 0 68px 0px 0; display: block; padding: 0; }
.content .line { margin: 25px 0; }
.content .last { padding-bottom: 0; margin-bottom: 0; background: none; }

/* - Our professional team - */
.team-member { position: relative; margin: 0 0 50px 0; clear: both; }
.team-member img.photo { display: block; width: 95px; height: 64px; background: url(../images/team-member-border.gif) no-repeat 0 0; padding: 4px 4px 28px 4px; float: left; margin-right: 14px;  }
.team-member .member { display: block; font-weight: 100; padding: 5px 0 0 0; font-size: 16px; font-weight: bold; }
.team-member p { padding-top: 14px; }
.team-member ul { position: absolute; top: 78px; left: 4px; }
.team-member ul li { display: block; float: left; margin: 0 10px 0 0; }
.team-member:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* - Job list - */
#joblist { margin-top: -20px; }
#joblist .header { padding: 10px 0 10px 0; position: relative; background: url(../images/hr.gif) 0 100% repeat-x; cursor: pointer; }

#joblist .job_title { font-size: 16px; font-weight: bold; color: #626262; }
#joblist .position { display: block; background: url(../images/hr.gif) 0 100% repeat-x; padding: 20px 0 50px 0; }
#joblist .permanent { color: #cd2c65; font-weight: bold; padding-top: 20px; }
#joblist .permanent label { display: block; padding-top: 3px; float: left; }
#joblist .permanent input[type=text] { float: right; display: block; background: url(../images/permanent_link.png) no-repeat; padding: 0 7px; width: 378px; color: #fff; font-style: italic; border: none; line-height: 26px; height: 26px; font-size: 11px; }

/* - 2 inside blocks - */
.inside_blocks { padding: 0; }
.inside_blocks p { padding-top: 12px; }
.inside_blocks .left { display: block; float: left; width: 268px; margin-right: 62px; padding: 0 6px; }
.inside_blocks .right { display: block; float: right; width: 268px; padding: 0; }

/* - Portfolio bar - */
.bar { height: 32px; background: url(../images/portfoliobar_bg.png) repeat-x 0 0; position: relative; padding: 2px 135px 2px 0; margin-bottom: 45px; }
.bar a.hire { display: block; position: absolute; right: 0; top: -5px; height: 43px; width: 137px; background: url(../images/hire.png) no-repeat 0 0; }
.bar a.hire:hover { background-position: 0 -44px; }
.bar li { display: block; float: left; margin-right: 2px; }
.bar li a { display: block; padding: 0 23px; font-weight: bold; text-transform: uppercase; color: #545454; font-size: 10px; line-height: 28px; }
.bar li a.active, .bar li a:hover { color: #ffffff; background: url(../images/bar_active_li.png) repeat-x 0 0; }

/* - Portfolio wrappers styles - */
.gallery, .gallery_3 { width: 990px; margin-left: -20px; }
.gallery_2 { width: 990px; margin-left: -20px; }
.name { font-size: 24px; margin: 0 0 16px 0; font-weight: bold; display: block; position: relative; padding-right: 50px; }
.gallery ul li, .gallery_3 ul li { float: left; display: block; width: 290px; margin: 0 20px 45px 20px; }
.gallery_2 ul li { width: 455px; float: left; display: block; margin: 0 20px 45px 20px; height: 265px; }
.gallery_3 ul li { height: 260px; }
.gallery ul li .item, .gallery_3 ul li .item { position: relative; display: block; width: 290px; height: 180px; margin: 0 0 4px 0; }
.gallery_2 ul li .item { position: relative; display: block; width: 455px; height: 180px; margin: 0 0 -10px 0; }
/*.gallery_2 p { padding-left: 5px; padding-right: 5px; }*/
.details { color: #8a8a8a; padding-bottom: 14px; background: url(../images/hr.gif) repeat-x 0 100%; font-style: italic; margin-bottom: 14px; }
.gallery_1, .detailed { background: url(../images/hr.gif) repeat-x 0 100%; padding-bottom: 25px; margin-bottom: 50px; }
.detailed { margin-bottom: 0; }

/* - Project information and project overviews - */
.project_info { background: url(../images/curves.gif) repeat-x 0 100%; padding: 0 0 25px 0; margin: -3px 0 20px 0; position: relative; }
.project_info ul { padding: 3px 0; }
.project_info ul li { display: inline-block; }
.project_info ul li.client { font-size: 14px; width: 380px; font-weight: bold; margin-right: 28px; }
.project_info ul li.timing { width: 330px; color: #8a8a8a; font-style: italic; }

.overview {  }
.overview p { padding: 0; }
.overview .title { font-size: 14px; font-weight: bold; padding: 0 0 15px 0; display: block; }
.overview .services_provided, .overview .sp { width: 370px; margin-right: 38px; float: left; }
.overview .sp { width: 300px; margin-right: 20px; }
.overview .project_overview, .overview .po { width: 540px; float: left; }
.overview .po { width: 310px; }


/* - Social icons styles - */
ul.social { display: block; position: absolute; right: 0; top: 2px; }
ul.social li { display: inline-block; margin-left: 6px; background: url(../images/social.png) no-repeat; }
ul.social li a { display: block; width: 16px; height: 16px;  }
ul.social li.fb { background-position: 0 0; }
ul.social li.tw { background-position: 0 -17px; }
ul.social li.del { background-position: 0 -34px; }
ul.social li.fb:hover { background-position: 0 -59px; }
ul.social li.tw:hover { background-position: 0 -76px; }
ul.social li.del:hover { background-position: 0 -93px; }



/* + PAGINATION BEGINS + */

.pagination, .pagination_content { margin: auto; width: 950px; text-align: center; }
.pagination_content { width: 630px; clear: both; }
ul.pages { /*display: inline;*/ }
ul.pages li.prev { margin-right: 20px; }
ul.pages li.next { margin-left: 20px; }
ul.pages li { display: inline-block; clear: both; margin: 0 4px; }
ul.pages li a { background: url(../images/buttons_sprite.png) no-repeat right -257px; float: right; height: 22px; display: block; }
ul.pages li a span { margin: 0 5px 0 -5px; padding: 0 3px 0 8px; position: relative; float: left; background: url(../images/buttons_sprite.png) no-repeat left -257px; color: #ffffff; text-transform: uppercase; font-size: 10px; line-height: 20px; font-weight: bolder; height: 22px; }
ul.pages li a:hover { background-position: right -279px; }
ul.pages li a:hover span { background-position: left -279px; }
ul.pages li .active { background-position: right -235px; }
ul.pages li .active span { background-position: left -235px; }




/* + SIDEBAR BEGINS + */

.sidebar { float: left; width: 252px; }
.sidebar h4 { padding: 0px 0 13px 34px; background: url(../images/hr.gif) bottom left repeat-x; }
.sidebar .underline { background: url(../images/hr.gif) repeat-x 0 100%; }

/* - General widgets style - */
.navigation, .download, .info, .flickr, .partners, .current_project, .other_projects, .message, .latest_post, .hiring, .subscribe { margin-bottom: 40px; }

/* - Navigation widget - */
.navigation { background: url(../images/icons/sidebar/partners.png) no-repeat 5px 4px; }
.navigation li { display: block; width: 252px; background: url(../images/hr.gif) 0 100% repeat-x; font-size: 10px; font-weight: bold; text-transform: uppercase; } 
.navigation li a { display: block; color: #6f6d6d; padding: 8px 0 10px 30px; background: url(../images/sidebar-arrow.gif) no-repeat 12px 15px; }
.navigation li.active a { color: #006aa6; background: url(../images/sidebar-arrow-active.gif) no-repeat 22px 15px; padding-left: 40px;  }


/* - Files for download widget - */
.download { background: url(../images/icons/sidebar/downloads.png) no-repeat 5px 0; }
.download li { display: block; background: url(../images/hr.gif) 0 100% repeat-x;  } 
.download li a { display: block; color: #6f6d6d; padding: 8px 0 10px 30px; background: url(../images/icons/sidebar/download_arrow.png) no-repeat 8px 13px; }
.download li a:hover { color: #006aa6; }


/* - We are hiring widget - */
.hiring { background: url(../images/icons/sidebar/hiring.png) no-repeat 5px 0; }
.hiring li { display: block; background: url(../images/hr.gif) 0 100% repeat-x;  } 
.hiring li a { display: inline-block; color: #6f6d6d; padding: 8px 0 10px 25px; background: url(../images/icons/plus_list_blue.png) no-repeat 8px 14px; }
.hiring li a:hover, .hiring li.viewall a { color: #006aa6; }
.hiring .replyback { padding-left: 5px; color: #cd2c65; background: none; }


/* - Our information widget - */
.info { background: url(../images/icons/sidebar/info_cat.png) no-repeat 5px 2px; }
.info li { display: block; background: url(../images/hr.gif) 0 100% repeat-x; padding: 7px 0; } 
.info .home, .info .phone, .info .email, .info .open_hours { padding-left: 30px; }
.info .home { background: url(../images/icons/sidebar/home.png) no-repeat 8px 2px; }
.info .phone { background: url(../images/icons/sidebar/phone.png) no-repeat 8px 1px; }
.info .email { background: url(../images/icons/sidebar/email.png) no-repeat 8px 2px; }
.info .open_hours { background: url(../images/icons/sidebar/open_hours.png) no-repeat 8px 2px; }


/* - Current project widget - */
.current_project { background: url(../images/icons/sidebar/current_project.png) no-repeat 8px 0; }
.current_project li { display: block; background: url(../images/hr.gif) 0 100% repeat-x; padding: 8px 0 10px 8px; } 
.current_project li a { display: block; }


/* - Latest blog posts widget - */
.latest_post { background: url(../images/icons/sidebar/latest_post.png) no-repeat 8px 0; }
.latest_post p { padding: 10px 0 3px 0; }
.latest_post li { display: block; background: url(../images/hr.gif) 0 100% repeat-x; padding: 8px 0 10px 8px; } 
.latest_post li a { display: block; }
.latest_post li .postname { margin: 5px 0 15px 0; font-weight: bold; font-size: 14px; }


/* - Send us a message widget - */
.message { background: url(../images/icons/sidebar/message.png) no-repeat 8px 0; position: relative; }
.subscribe { background: url(../images/icons/sidebar/subscribe.png) no-repeat 8px 0; position: relative; }
.message form, .subscribe form { padding: 12px 0 20px 0; margin: 0 7px; background: url(../images/hr.gif) repeat-x 0 100%; }
.message form input[type=text], .subscribe form input { font-size: 12px; width: 237px; background: url(../images/message_input.png) no-repeat; border: none; padding: 5px 5px 7px 5px; color: #ffffff; margin-bottom: 14px; }
.subscribe form input { margin-top: 14px; margin-bottom: 0; }
.subscribe form input.first { margin: 0; }
.message form textarea { background: url(../images/message_textarea.png) no-repeat 0 0; width: 227px; padding: 5px; color: #ffffff; height: 59px; border: none; }
.req { display: block; padding-top: 20px; font-style: italic; }


/* - Our other projects widget - */
.other_projects { background: url(../images/icons/sidebar/other_projects.png) no-repeat 12px 0; }
.other_projects li { display: block; background: url(../images/hr.gif) 0 100% repeat-x;  } 
.other_projects li a { display: block; color: #6f6d6d; padding: 8px 0 10px 0; }
.other_projects li a:hover { color: #006aa6; }
.other_projects li a.lock { background: url(../images/icons/sidebar/lock.png) no-repeat 0 10px; padding-left: 20px; color: #006aa6; }


/* - Our partners and friends widget - */
.partners { background: url(../images/icons/sidebar/partners.png) no-repeat 8px 4px; }
.partners li { margin: 12px 9px 0 9px; display: block; outline: none; }
.partners li.underline { padding-bottom: 12px; background: url(../images/hr.gif) repeat-x 0 100%; }


/* - Our Flickr gallery widget - */
.flickr { background: url(../images/icons/sidebar/flickr.png) no-repeat 5px 0; }
.flickr img { margin: 20px 9px 0 9px; display: inline-block; }





/* + YELLOW TOOLBAR + */

#toolbar { margin-bottom: 25px; height: 44px; background: url(../images/toolbar.png) 0 0 no-repeat; position: relative; clear: both; padding: 0; }
#toolbar .envelope { width: 44px; height: 42px; background: url(../images/envelope.png) 0 0 no-repeat; display: block; position: absolute; left: 1px; top: 1px; }
#toolbar .envelope:hover { background: url(../images/envelope.png) 0 100% no-repeat; }
#toolbar h4 { color: #006aa6; font-size: 14px; text-transform: uppercase; padding: 12px 60px 14px 70px; margin: 0; display: block; float: left; font-weight: 700; }
#toolbar .barsep { width: 2px; height: 36px; padding: 4px 40px; background: url(../images/barsep.png) 50% 50% no-repeat; }
#toolbar ul li { display: block; float: left; padding: 9px 0; font-weight: bold; }
#toolbar ul li.last{padding-left:360px;padding-top:12px;}

/* + APPLICATIONS ANT TESTIMONIALS LISTS + */

#testapp { clear: both; position: relative; margin-bottom: 50px; }
#testapp .last { padding-bottom: 0; background: none; }
.apps { width: 600px; float: left; display: block; margin-right: 80px; }
.apps ul li { padding: 14px 0 16px 0; background: url(../images/hr.gif) repeat-x 0 100%; position: relative; clear: both; }
.apps ul li img { float: left; display: block; margin: 3px 14px 0 0; width: 64px; height: 64px; }
.apps ul li p { padding: 8px 0 0 0; }
.apps .appname { font-size: 14px; text-decoration: underline; display: block; margin-right: 100px; }


/* - Applications list - */
.applications { position: relative; margin: -25px 0 50px 0; }
.applications ul li { padding: 23px 0 25px 0; background: url(../images/hr.gif) repeat-x 0 100%; position: relative; clear: both; }
.applications ul li img { float: left; display: block; margin: 2px 14px 0 0; width: 68px; height: 68px; }
.applications ul li p { padding-top: 12px; }
.applications .appname { font-size: 16px; text-decoration: none; display: block; margin-right: 100px; font-weight: bold; }


/* - Testimonials list - */
.testimonials { width: 270px; float: left; }
.testimonials ul li { display: block; clear: both; padding: 14px 0 16px 0; background: url(../images/hr.gif) repeat-x 0 100%; }
.testimonials div { text-indent: 18px; background: url(../images/quote.png) 0 3px no-repeat; padding: 0; }
.testimonials p { margin-top: 8px; text-align: right; }



/* + BOTTOM + */

#bottom { background: url(../images/bottombg.jpg) 0 0 repeat; position: relative; clear: both; padding-bottom: 25px; }
#bottom  .bg { background: url(../images/curves.gif) 0 0 repeat-x; height: 7px; margin: 0; }

/* - Twitter - */
.twitter { float: left; width: 270px; margin: 0 80px 0 0; padding-top: 27px; }
.twitter p { display: block; margin: 14px 0 0 0; padding: 0 13px 0 26px; background: url(../images/quote.png) 2px 3px no-repeat; }
.twitter .time { float: right; color: #cd2c65; padding-top: 3px; }

/* - Clients slider - */
.clients_slider { float: left; width: 600px; padding-top: 27px; }
.clients { clear: both; position: relative; height: 140px; }
.clients a.leftarrow { top: 55px; position: absolute; display: block; width: 11px; height: 17px; background-image: url(../images/client-slider-arrow-left.gif); background-repeat: no-repeat; z-index: 1; }
.clients a.rightarrow { top: 55px; position: absolute; display: block; width: 11px; height: 17px; background-image: url(../images/client-slider-arrow-right.gif); background-repeat: no-repeat; right: 0; z-index: 1; }
.clients .wrapper { width: 538px; position: relative; left: 31px; top: 18px; }
.clients .wrapper ul { display: block; position: relative; height: 99px; left: 0px; overflow: hidden; }
.clients .wrapper ul li { display: block; float: left; width: 156px; margin: 0 35px 0 0; }
.clients .wrapper ul li img { display: block; }



/* + FOOTER + */

#footer { height: 56px; background: url(../images/footerbg.gif) 0 0 repeat-x; clear: both; }
#footer .copyright { color: #ebebeb; padding-top: 19px; display: block; float: left; }
#footer .atolye15 { color: #ebebeb; padding-top: 19px; display: block; float: right; }
#footer ul { display: block; float: left; padding: 18px 0 0 110px; }
#footer ul li { display: block; float: left; width: 22px; height: 22px; margin: 0 15px 0 0; }
#footer form { float: right; padding: 18px 0 0 61px; display: block; position: relative; }
#footer form input[type=text] { font-size: 11px; width: 210px; background: url(../images/footer-input.jpg) no-repeat; border: none; padding: 4px 5px 5px 5px; color: #838383; }
#footer form input[type=submit] { cursor: pointer; display: block; height: 22px; width: 27px; background-image: url(../images/footer-input-submit.jpg); background-repeat: no-repeat;  border: none; position: absolute; right: 0px; bottom: 1px; cursor: pointer; }
#footer form label { color: #ebebeb; margin: 0 15px 0 0; }



/* LATEST PROJECTS SLIDER */

.latest { clear: both; height: 285px; position: relative; background: url(../images/latest_slider.png) repeat-x 0 -572px; margin: 0 auto 50px auto; padding: 0; }
.latest a.leftarrow { display: block; width: 23px; height: 285px; background: url(../images/latest_slider.png) no-repeat scroll 0 0 transparent; position: absolute; left: 0; top: 0; text-indent: -9999px; }
.latest a.leftarrow:hover { background: url(../images/latest_slider.png) no-repeat scroll -24px 0 transparent; } 
.latest a.rightarrow { display: block; width: 23px; height: 285px; background: url(../images/latest_slider.png) no-repeat scroll 0 -286px transparent; position: absolute; right: 0; top: 0; text-indent: -9999px; }
.latest a.rightarrow:hover { background: url(../images/latest_slider.png) no-repeat scroll -24px -286px transparent; }
.projects_wrapper { width: 950px; height: 285px; overflow: hidden; position: relative; left: 25px; }
#projects { display: block; position: relative; margin: 0; padding: /*25px*/ 9px 0 0 0; height: 285px; overflow: hidden; width: 950px }
#projects li { width: 265px; height: 285px; padding: 0 17px 0 18px; }
#projects li p { padding: 8px 0 0 0; }
#projects .name { color: #2778c4; font-size: 14px; text-decoration: underline; padding: 16px 0 4px 0; display: block; font-weight: normal; margin: 0; }



/* CLIENTS SLIDER */

.portfolio-slider { clear: both; height: 100px; width: 600px; position: relative; padding: 0; }
.portfolio-slider a.leftarrow { top: 55px; position: absolute; display: block; width: 11px; height: 17px; background: url(../images/arrows.png) 0 0 no-repeat; left: 0; z-index: 1; }
.portfolio-slider a.leftarrow:hover { background: url(../images/arrows.png) -11px 0 no-repeat; } 
.portfolio-slider a.rightarrow { top: 55px; position: absolute; display: block; width: 11px; height: 17px; background: url(../images/arrows.png) -23px 0 no-repeat; right: 0; z-index: 1; }
.portfolio-slider a.rightarrow:hover { background: url(../images/arrows.png) -34px 0 no-repeat; }
.portfolio-slider .wrapper { width: 570px; overflow: hidden; position: relative; padding: 0; margin: 0 15px; }
.portfolio-slider .wrapper ul { position: relative; margin: 0; padding-top: 20px; height: 100px; overflow: hidden; left:-190px; width:9999px; }
.portfolio-slider .wrapper ul li { display: block; width: 156px; float: left; height: 100px; margin: 0 17px; padding: 0; }




/* BUTTONS LIST */

/* - Read more - */
.read { display: block; float: right; clear: both;  }
.read a { background: url(../images/buttons_sprite.png) no-repeat right -29px; float: right; height: 26px; display: block; }
.read a span { margin: 0 10px 0 -10px; padding: 0 8px 0 18px; position: relative; float: left; background: url(../images/buttons_sprite.png) no-repeat left -29px; color: #ffffff; text-transform: uppercase; font-size: 10px; line-height: 24px; font-weight: bolder; height: 26px; }
.read a:hover { background-position: right -55px; }
.read a:hover span { background-position: left -55px; }

/* - Begin live chat - */
.chat { margin: -3px 10px 0 55px; }
.chat a { background: url(../images/buttons_sprite.png) no-repeat 100% -82px; float: right; height: 26px; display: block; }
.chat a span { margin: 0 35px 0 -10px; padding: 0 5px 0 15px; position: relative; float: left; background: url(../images/buttons_sprite.png) no-repeat left -82px; color: #ffffff; text-transform: uppercase; font-size: 10px; line-height: 24px; font-weight: bolder; height: 26px; white-space: nowrap; display: block; }
.chat a:hover { background-position: 100% -108px; }
.chat a:hover span { background-position: 0 -108px; }

/* - Buy application - */
.buy, .buy_app { display: block; position: absolute; top: 13px; right: 0;  }
.buy_app { top: 21px; }
.buy a, .buy_app a { background: url(../images/buttons_sprite.png) no-repeat 100% -135px; float: right; height: 23px; display: block; }
.buy a span, .buy_app a span { margin: 0 8px 0 -8px; padding: 0 4px 0 30px; position: relative; float: left; background: url(../images/buttons_sprite.png) no-repeat 0 -135px; color: #ffffff; text-transform: uppercase; font-size: 11px; line-height: 22px; font-weight: bolder; height: 23px; }
.buy a:hover, .buy_app a:hover { background-position: 100% -158px; }
.buy a:hover span, .buy_app a:hover span { background-position: 0 -158px; }

/* - Apply for a job - */
.apply { display: block; position: absolute; top: 18px; right: 0; z-index: 999; }
.apply a { background: url(../images/icons/sidebar/subscribe.png) no-repeat; right; height: 26px; display: block; }
.apply a span { margin: 0 10px 0 -10px; padding: 0 5px 0 15px; position: relative; float: left; background: url(../images/buttons_sprite.png) no-repeat left -182px; color: #ffffff; text-transform: uppercase; font-size: 10px; line-height: 24px; font-weight: bolder; height: 26px; }
.apply a:hover { background-position: 100% -208px; }
.apply a:hover span { background-position: 0 -208px; }

/* - Visit website portfolio - */
.visit { position: absolute; top: 0; right: 0; }
.visit a { background: url(../images/buttons_sprite.png) no-repeat 100% -302px; float: right; height: 26px; display: block; }
.visit a span { margin: 0 35px 0 -10px; padding: 0 0 0 15px; position: relative; float: left; background: url(../images/buttons_sprite.png) no-repeat left -302px; color: #ffffff; text-transform: uppercase; font-size: 10px; line-height: 24px; font-weight: bolder; height: 26px; white-space: nowrap; display: block; }
.visit a:hover { background-position: 100% -328px; }
.visit a:hover span { background-position: 0 -328px; }

/* - Buy on app store - */
.appstore { position: absolute; top: 0; right: 0; }
.appstore a { background: url(../images/buttons_sprite.png) no-repeat 100% -355px; float: right; height: 26px; display: block; }
.appstore a span { margin: 0 35px 0 -10px; padding: 0 0 0 15px; position: relative; float: left; background: url(../images/buttons_sprite.png) no-repeat left -355px; color: #ffffff; text-transform: uppercase; font-size: 10px; line-height: 24px; font-weight: bolder; height: 26px; white-space: nowrap; display: block; }
.appstore a:hover { background-position: 100% -381px; }
.appstore a:hover span { background-position: 0 -381px; }


.left_button { margin-right: 85px; margin-left: 10px; clear: both; float: left; display: block; }
.left_button a { background: url(../images/buttons_sprite.png) no-repeat 100% -725px; float: right; height: 25px; display: block; }
.left_button a span { margin: 0 10px 0 -10px; padding: 0 15px 0 25px; position: relative; float: left; background: url(../images/buttons_sprite.png) no-repeat left -725px; color: #006aa6; text-transform: uppercase; font-size: 14px; line-height: 24px; font-weight: bolder; height: 25px; white-space: nowrap; display: block; }
.left_button a:hover { background-position: 100% -751px; }
.left_button a:hover span { background-position: 0 -751px; }

.right_button { float: left; display: block; }
.right_button a { background: url(../images/buttons_sprite.png) no-repeat 100% -778px; float: right; height: 25px; display: block; }
.right_button a span { margin: 0 10px 0 -35px; padding: 0 15px 0 25px; position: relative; float: left; background: url(../images/buttons_sprite.png) no-repeat left -778px; color: #006aa6; text-transform: uppercase; font-size: 14px; line-height: 24px; font-weight: bolder; height: 25px; white-space: nowrap; display: block; }
.right_button a:hover { background-position: 100% -804px; }
.right_button a:hover span { background-position: 0 -804px; }



/* + DEFAULT BUTTONS STYLES + */

/* - Delete it, that's just for TYPO page, temporary classes - */
.btn_temp ul {  }
.btn_temp ul li { margin: 0 38px 0 10px; display: inline-block; }

/* - Blue button - */
.bluebtn { display: block; z-index: 999; /* insert here necessary styles for your button */ }
.bluebtn a { background: url(../images/buttons_sprite.png) no-repeat 100% -182px; float: right; height: 26px; display: block; }
.bluebtn a span { margin: 0 10px 0 -10px; padding: 0 5px 0 16px; position: relative; float: left; background: url(../images/buttons_sprite.png) no-repeat left -182px; color: #ffffff; text-transform: uppercase; font-size: 10px; line-height: 24px; font-weight: bolder; height: 26px; }
.bluebtn a:hover { background-position: 100% -208px; }
.bluebtn a:hover span { background-position: 0 -208px; }

/* - Red button - */
.redbtn { display: block; z-index: 999; /* insert here necessary styles for your button */ }
.redbtn a { background: url(../images/buttons_sprite.png) no-repeat 100% -408px; float: right; height: 26px; display: block; }
.redbtn a span { margin: 0 10px 0 -10px; padding: 0 5px 0 16px; position: relative; float: left; background: url(../images/buttons_sprite.png) no-repeat left -408px; color: #ffffff; text-transform: uppercase; font-size: 10px; line-height: 24px; font-weight: bolder; height: 26px; }
.redbtn a:hover { background-position: 100% -434px; }
.redbtn a:hover span { background-position: 0 -434px; }

/* - Green button - */
.greenbtn { display: block; z-index: 999; /* insert here necessary styles for your button */ }
.greenbtn a { background: url(../images/buttons_sprite.png) no-repeat 100% -461px; float: right; height: 26px; display: block; }
.greenbtn a span { margin: 0 10px 0 -10px; padding: 0 5px 0 16px; position: relative; float: left; background: url(../images/buttons_sprite.png) no-repeat left -461px; color: #ffffff; text-transform: uppercase; font-size: 10px; line-height: 24px; font-weight: bolder; height: 26px; }
.greenbtn a:hover { background-position: 100% -487px; }
.greenbtn a:hover span { background-position: 0 -487px; }

/* - Grey button - */
.greybtn { display: block; z-index: 999; /* insert here necessary styles for your button */ }
.greybtn a { background: url(../images/buttons_sprite.png) no-repeat 100% -29px; float: right; height: 26px; display: block; }
.greybtn a span { margin: 0 10px 0 -10px; padding: 0 5px 0 16px; position: relative; float: left; background: url(../images/buttons_sprite.png) no-repeat left -29px; color: #ffffff; text-transform: uppercase; font-size: 10px; line-height: 24px; font-weight: bolder; height: 26px; }
.greybtn a:hover { background-position: 100% -55px; }
.greybtn a:hover span { background-position: 0 -55px; }

/* - Dark blue button - */
.dbluebtn { display: block; z-index: 999; /* insert here necessary styles for your button */ }
.dbluebtn a { background: url(../images/buttons_sprite.png) no-repeat 100% -514px; float: right; height: 26px; display: block; }
.dbluebtn a span { margin: 0 10px 0 -10px; padding: 0 5px 0 16px; position: relative; float: left; background: url(../images/buttons_sprite.png) no-repeat left -514px; color: #ffffff; text-transform: uppercase; font-size: 10px; line-height: 24px; font-weight: bolder; height: 26px; }
.dbluebtn a:hover { background-position: 100% -540px; }
.dbluebtn a:hover span { background-position: 0 -540px; }

/* - Purple button - */
.purplebtn { display: block; z-index: 999; /* insert here necessary styles for your button */ }
.purplebtn a { background: url(../images/buttons_sprite.png) no-repeat 100% -567px; float: right; height: 26px; display: block; }
.purplebtn a span { margin: 0 10px 0 -10px; padding: 0 5px 0 16px; position: relative; float: left; background: url(../images/buttons_sprite.png) no-repeat left -567px; color: #ffffff; text-transform: uppercase; font-size: 10px; line-height: 24px; font-weight: bolder; height: 26px; }
.purplebtn a:hover { background-position: 100% -593px; }
.purplebtn a:hover span { background-position: 0 -593px; }

/* - Orange button - */
.orangebtn { display: block; z-index: 999; /* insert here necessary styles for your button */ }
.orangebtn a { background: url(../images/buttons_sprite.png) no-repeat 100% -620px; float: right; height: 26px; display: block; }
.orangebtn a span { margin: 0 10px 0 -10px; padding: 0 5px 0 16px; position: relative; float: left; background: url(../images/buttons_sprite.png) no-repeat left -620px; color: #ffffff; text-transform: uppercase; font-size: 10px; line-height: 24px; font-weight: bolder; height: 26px; }
.orangebtn a:hover { background-position: 100% -646px; }
.orangebtn a:hover span { background-position: 0 -646px; }

/* - Sea color button - */
.seabtn { display: block; z-index: 999; /* insert here necessary styles for your button */ }
.seabtn a { background: url(../images/buttons_sprite.png) no-repeat 100% -673px; float: right; height: 26px; display: block; }
.seabtn a span { margin: 0 10px 0 -10px; padding: 0 5px 0 16px; position: relative; float: left; background: url(../images/buttons_sprite.png) no-repeat left -673px; color: #ffffff; text-transform: uppercase; font-size: 10px; line-height: 24px; font-weight: bolder; height: 26px; }
.seabtn a:hover { background-position: 100% -699px; }
.seabtn a:hover span { background-position: 0 -699px; }



/* + SERVICES PAGE + */

.service { background: url(../images/hr.gif) repeat-x 0 100%; position: relative; padding-bottom: 30px; margin-bottom: 35px; }
.service .service_name { padding: 0 0 0 105px; font-size: 16px; font-weight: bold; }
.service img { display: block; position: absolute; left: 0; top: 0px; }
.service .stats { display: block; margin: 10px 0 0 109px; padding: 0 0 0 19px; background: url(../images/icons/statistics.png) no-repeat 0 4px;}
.service .stats strong { padding-right: 5px; }
.service .dashed { padding: 20px 0; border-top: 1px dashed #d4d4d4; }
ul.options { padding: 0; display: block; } 
ul.options li { padding: 0 0 6px 20px; background: url(../images/icons/check-green.gif) no-repeat 0 4px; }
ul.options li.lastli { padding-bottom: 0; }

/* - Workload - */
.workload { display: block; margin: 10px 0 0 109px; padding: 0 0 26px 19px; background: url(../images/icons/workload.png) no-repeat 0 3px; position: relative; height: 12px; } 
.workload strong { display: block; position: absolute; left: 18px; top: -2px; }
.loader { display: block; width: 202px; height: 9px; background-color: #d8d8d8; position: relative; overflow: hidden; left: 112px; top: 4px; }
.loader .load { display: block; width: 200px; height: 7px; background: url(../images/workbar.png) no-repeat; position: absolute; top: 1px; left: -202px; z-index: 2; margin-left: 3px; }
.loader .border { display: block; position: absolute; background: url(../images/workbar_bg.png) no-repeat; width: 202px; height: 9px; z-index: 3; }
.percentage { font-weight: bold; color: #cd2c65; display: block; position: absolute; left: 345px; top: -2px;}



/* + BLOG PAGE + */

.blog_info { background: url(../images/blog_info.png) 0 0 repeat-x; height: 28px; margin-bottom: 17px; font-size: 11px; }
.blog_info ul { }
.blog_info ul li { display: inline; padding: 3px 5px 0 20px; float: left; }
.blog_info ul li.author { background: url(../images/icons/author.png) 0 9px no-repeat; width: 165px; }
.blog_info ul li.tags { background: url(../images/icons/tags.png) 0 9px no-repeat; width: 300px; }
.blog_info ul li.comments { background: url(../images/icons/comments.png) 0 9px no-repeat; width: 80px; }
.date { background: url(../images/date.png) no-repeat 0 0; position: absolute; top: -5px; left: -7px; width: 51px; height: 42px; }
.date .day { font-size: 20px; font-weight: bold; color: #fff; text-align: center; display: block; text-shadow: #000000 0 -1px 0; padding: 3px 6px 0 0;  }
.date .month { color: #ffffff; text-shadow: #000000 0 -1px 0; font-size: 11px; font-weight: bold; display: block; padding: 0; text-align: center; margin: -6px 6px 0 0; }
.post { margin-bottom: 50px; }

/* - Comments - */
#comments { position: relative; padding-top: 2px; }
.comment_details { display: block; margin: -5px 0 0 80px; }
.added, .added_date, .reply { margin: -2px 0 0 45px; font-size: 11px; }
.added { background: url(../images/icons/added.png) no-repeat 0 3px; padding-left: 18px; margin-left: 16px; }
.added_date { background: url(../images/icons/added_date.png) no-repeat 0 2px; padding-left: 18px; }
.reply { background: url(../images/icons/reply.png) no-repeat 0 5px; padding-left: 22px; }
#comments .title { background: url(../images/icons/comments_list.png) no-repeat 0 5px; display: block; padding: 3px 100px 0 25px; font-size: 16px; font-weight: bold; }
ul.comments_list .avatar { float: left; display: block; height: 80px; width: 80px; }
ul.comments_list { display: block; background: url(../images/curves.gif) repeat-x 0 0; margin-top: 20px; }
ul.comments_list li { padding-top: 40px; display: block; clear: both; }
ul.comments_list li p { padding: 8px 0 0 95px; }
ul.comments_list li.child { padding-left: 30px; background: url(../images/arrow.png) no-repeat 5px 10px; }
ul.comments_list li.child_2 { padding-left: 60px; background: url(../images/arrow.png) no-repeat 35px 10px; }
ul.comments_list li.child_3 { padding-left: 90px; background: url(../images/arrow.png) no-repeat 65px 10px; }

/* - Add comment - */
.add_comment { background: url(../images/curves.gif) repeat-x 0 0; padding-top: 37px; position: relative; margin-top: 25px; }
.add_name, .add_email { background: url(../images/text_field.png) no-repeat 0 0; width: 234px; color: #ffffff; border: none; padding: 6px 10px 8px 10px; margin-bottom: 30px; font-size: 12px; }
.add_name { margin-right: 119px; }
.add_comment textarea { background: url(../images/textarea.png) no-repeat 0 0; width: 610px; height: 151px; color: #ffffff; border: none; font-family: Arial, Helvetica, sans-serif; padding: 10px; font-size: 12px; }
.required { display: block; padding-top: 35px; font-style: italic; }



/* + REQUIRED ADD COMMENT AND SEND BUTTON STYLES + */	
	
button { position: relative; border: 0; padding: 0;  cursor: pointer; overflow: visible; margin: 0; /* removes extra side padding in IE */ }
button::-moz-focus-inner { border: none;  /* overrides extra padding in Firefox */ }
button span {  position: relative; display: block; font-family: Arial, Helvetica, sans-serif; }
@media screen and (-webkit-min-device-pixel-ratio:0) {  /* Safari and Google Chrome only - fix margins */ button span { margin-top: -1px; }}

/* - Optional styles - */		
button.submitBtn, button.sendBtn { background: url(../images/buttons_sprite.png) no-repeat 100% -408px; float: right; height: 26px; display: block; position: absolute; right: 0; bottom: 0; }	
button.sendBtn { bottom: 17px; right: 8px; }
/*button:active, button:active span { margin: 0; padding: 0; }*/
button.submitBtn span, button.sendBtn span { margin: 0 10px 0 -10px; padding: 0 5px 0 15px; position: relative; float: left; background: url(../images/buttons_sprite.png) no-repeat left -408px; height: 26px; white-space: nowrap; font-size: 10px; font-weight: bold; color: #ffffff; line-height: 24px; text-transform: uppercase; }	
button.submitBtn:hover, button.sendBtn:hover { background-position: 100% -434px; }	
button.submitBtn:hover span, button.sendBtn:hover span { background-position: 0 -434px; }



/* + TYPOGRAPHY PAGE + */

/* - Again, just delete it, for typo page only - */
.temp { padding-bottom: 10px; border-bottom: 1px dashed #d5d5d5; }
.temp_block { margin: 15px 0; }

/* - Unordered list - */
.listheader { padding: 0; font-size:14px; font-weight: bold; display: block; }/* - Listheader for all lists - */

/* - Blue plus icon - */
.plus_blue { padding: 0; }
.plus_blue li { background: url(../images/icons/plus_list_blue.png) no-repeat 0 7px; padding-left: 15px; margin-top:10px;}

/* - Red plus icon - */
.plus_red { padding: 0; }
.plus_red li { background: url(../images/icons/plus_list_red.png) no-repeat 0 7px; padding-left: 15px; }

/* - Grey plus icon - */
.plus_grey { padding: 0; }
.plus_grey li { background: url(../images/icons/plus_list_grey.png) no-repeat 0 7px; padding-left: 15px; margin-bottom:10px;}

/* - Green plus icon - */
.plus_green { padding: 0; }
.plus_green li { background: url(../images/icons/plus_list_green.png) no-repeat 0 7px; padding-left: 15px; }


/* - Blue download icon - */
.download_blue { padding: 0; }
.download_blue li { background: url(../images/icons/download_arrow_blue.png) no-repeat 0 5px; padding-left: 20px; }

/* - Red download icon - */
.download_red { padding: 0; }
.download_red li { background: url(../images/icons/download_arrow_red.png) no-repeat 0 5px; padding-left: 20px; }

/* - Grey download icon - */
.download_grey { padding: 0; }
.download_grey li { background: url(../images/icons/download_arrow_grey.png) no-repeat 0 5px; padding-left: 20px; }

/* - Green download icon - */
.download_green { padding: 0; }
.download_green li { background: url(../images/icons/download_arrow_green.png) no-repeat 0 5px; padding-left: 20px; }


/* - Blue arrow icon - */
.arrow_blue { padding: 0; }
.arrow_blue li { background: url(../images/icons/arrow_list_blue.png) no-repeat 0 6px; padding-left: 15px; }

/* - Red arrow icon - */
.arrow_red { padding: 0; }
.arrow_red li { background: url(../images/icons/arrow_list_red.png) no-repeat 0 6px; padding-left: 15px; }

/* - Grey arrow icon - */
.arrow_grey { padding: 0; }
.arrow_grey li { background: url(../images/icons/arrow_list_grey.png) no-repeat 0 6px; padding-left: 15px; padding-bottom:5px; }

/* - Green arrow icon - */
.arrow_green { padding: 0; }
.arrow_green li { background: url(../images/icons/arrow_list_green.png) no-repeat 0 6px; padding-left: 15px; }


/* - Blue quote icon - */
.quote_blue { padding: 0; }
.quote_blue li { background: url(../images/icons/quote_list_blue.png) no-repeat 0 5px; padding-left: 20px; }

/* - Green quote icon - */
.quote_green { padding: 0; }
.quote_green li { background: url(../images/icons/quote_list_green.png) no-repeat 0 5px; padding-left: 20px; }

/* - Red quote icon - */
.quote_red { padding: 0; }
.quote_red li { background: url(../images/icons/quote_list_red.png) no-repeat 0 5px; padding-left: 20px; }

/* - Grey quote icon - */
.quote_grey { padding: 0; }
.quote_grey li { background: url(../images/icons/quote_list_grey.png) no-repeat 0 5px; padding-left: 20px; }


/* - Blue tip icon - */
.tip_blue { padding: 0; }
.tip_blue li { background: url(../images/icons/check_list_blue.png) no-repeat 0 5px; padding-left: 20px; }

/* - Red tip icon - */
.tip_red { padding: 0; }
.tip_red li { background: url(../images/icons/check_list_red.png) no-repeat 0 5px; padding-left: 20px; }

/* - Grey tip icon - */
.tip_grey { padding: 0; }
.tip_grey li { background: url(../images/icons/check_list_grey.png) no-repeat 0 5px; padding-left: 20px; }

/* - Green tip icon - */
.tip_green { padding: 0; }
.tip_green li { background: url(../images/icons/check_list_green.png) no-repeat 0 5px; padding-left: 20px; }


/* - Blue roundtip icon - */
.blue_roundtip { padding: 0; }
.blue_roundtip li { background: url(../images/icons/blue_roundtip.png) no-repeat 0 4px; padding-left: 20px; }

/* - Green roundtip icon - */
.green_roundtip { padding: 0; }
.green_roundtip li { background: url(../images/icons/green_roundtip.png) no-repeat 0 4px; padding-left: 20px; }

/* - Red roundtip icon - */
.red_roundtip { padding: 0; }
.red_roundtip li { background: url(../images/icons/red_roundtip.png) no-repeat 0 4px; padding-left: 20px; }

/* - Grey roundtip icon - */
.grey_roundtip { padding: 0; }
.grey_roundtip li { background: url(../images/icons/grey_roundtip.png) no-repeat 0 4px; padding-left: 20px; }



/* + ORDERED LIST + */

/* - Roundlist background - */
.roundlist { padding: 0; }
.roundlist li { padding: 5px 0 5px 0px; }
.roundlist li span { background: url(../images/icons/ordered_list_bg.png) no-repeat 0 0; text-align: center; color: #ffffff; font-weight: bold; padding: 3px 15px 5px 7px; }


/* + COLOR BORDERS INFO BLOCKS + */

.redborder, .blueborder, .greenborder, .greyborder { border-left: 5px solid; padding-left: 20px; margin: 20px 0; }
.blueborder { border-color: #398294; }
.greenborder { border-color: #07a104; }
.redborder { border-color: #cd2c65; }
.greyborder { border-color: #a4a4a4; }



/* + INFO BLOCKS STYLES + */

.infoblock { background: url(../images/info_block.png) no-repeat 0 0; text-align: left; width: 940px; padding: 7px 43px; font-weight: bold; position: relative; margin: 20px 0; }
.thumbsup, .cool, .sad, .new { position: absolute; top: -6px; left: -20px; }

.notice, .download_block, .success, .alert, .help { text-align: center; width: 620px; padding: 7px 5px; font-weight: bold; position: relative; margin: 20px 0; }
.notice { background: url(../images/notice.png) no-repeat 0 0;  }
.download_block { background: url(../images/download_block.png) no-repeat 0 0; }
.success { background: url(../images/success.png) no-repeat 0 0; }
.alert { background: url(../images/alert.png) no-repeat 0 0; }
.help { background: url(../images/help.png) no-repeat 0 0; }



/* + IMAGES INSIDE CONTENT WITH FLOATING + */

.floating {  }
.imgright { float: right; margin: 5px 0 0 15px; position: relative; }
.imgleft { float: left; margin: 5px 15px 0 0; position: relative; }



/* + NIVO SLIDER STYLES + */

#slider-wrapper { width:950px; height:360px; margin:0 auto; }
#slider { position:relative; width:950px; height:360px; margin-left: 190px; background:url(../images/sliders/nivo/loading.gif) no-repeat 50% 50%; margin: 0 auto; }
#slider img { position:absolute; top:0px; left:0px; display:none; }
#slider a {	border:0; }

.nivo-controlNav {  width: 950px; margin: auto; text-align: center; position: absolute; bottom: -27px; height: 15px; }
.nivo-controlNav a { display: inline-block; width:10px; height:11px; background:url(../images/sliders/nivo/bullets.png) no-repeat 0 0; text-indent:-9999px; border:0; margin-right:10px; }
.nivo-controlNav a.active {	background-position:0 -11px; height: 11px; }
.nivo-directionNav a { display:block; width:46px; height:46px; background:url(../images/sliders/nivo/arrows.png) no-repeat; text-indent:-9999px; border:0; z-index: 99; }
a.nivo-nextNav { background-position:-46px 0; right:15px; }
a.nivo-prevNav { left:15px; }
.nivo-caption { text-shadow:none; }
.nivo-caption a { color:#efe9d1; text-decoration:underline; }
/*SERVICES TABLE*/
.tables{
	background:#0096D9 url(../images/blue_bg.jpg) repeat-x;
	position:relative;
	margin-bottom:30px;
	border-radius:5px 0 0 5px;
}
.table-title{
	padding:7px 0;
	float:left;
	width:10%;
}
.table-title span{
	font-size:18px;
	color:#EFEFEF;
	font-weight:bold;
	position:absolute;
	top:50%;
	left:5px;
	width:90px;
	text-align:center;
	-moz-transform:rotate(-90deg);
}
.services{
	float:left;
	width:90%;
}
.services th{
	background:#B9C9FE url(../images/th_bg.jpg) 0 -1px repeat-x;
	padding:8px;
	font-size:16px;
	color:#2494DC;
	text-shadow:-1px -1px 0 #FFF ;
}
.services tbody{
	background:#E3E1E2 url(../images/table_bg.jpg) repeat-x;
}
.services td{
	text-align:center;
	color:#777777;
	padding:12px;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #DDD;
	vertical-align:middle;
	cursor:pointer;
}
.services tr:hover td{
	background:#DDD;
}
#services-details .gallery_2 li{
	height:auto;
	margin:10px 30px;
	font-size:20px;
	background:url(../images/purple_bg.jpg) repeat-x;
	padding:20px 30px;
	width:375px;
	color:#FFF;
	font-weight:bold;
	position:relative;
	border-radius:10px;
}
#services-details .gallery_2 li span{
	position:absolute;
	top:20px;
	right:20px;
}

/* FORM */
.form {
    margin: 0;
    padding: 0;
}
.form .field {
    float: left;
    width: 100%;
}
.form .field_help {
    color: #777777;
    font-size: 90%;
    margin-left: 252px;
}
.form label, .form span.label {
    color: #444444;
    display: block;
    float: left;
    font-weight: bold;
 
    padding-right: 10px;
    position: relative;
    text-align: right;
    top: 6px;
    width: 230px;
}
.form label em, .form span.label em {
    color: #CC0000;
    font-size: 120%;
    font-style: normal;
    position: absolute;
    right: 0;
}
.form .upload {
    margin-bottom: -5em;
}
.form .buttonrow {
    display: block;
    float: left;
    margin-bottom: 2.5em;
    margin-left: 250px;
    margin-top: 1em;
}
.form .cancel {
    color: #CC0000;
    font-size: 11px;
    padding-left: 10px;
}
.form .field {
    margin-bottom: 1.5em;
}
.form .uploader {
    margin-bottom: 0.5em !important;
}
.form .phone_field input {
    margin-right: 0;
}
.label-top .field label {
    display: block;
    text-align: left;
    width: 100%;
}
.label-top .field span.label {
    display: block;
    float: left;
    position: relative;
    text-align: left;
    width: 100%;
}
.label-top .field .field_help {
    font-size: 11px;
    margin-left: 0;
}
.label-top .buttonrow {
    margin-left: 0;
}
.label-top .selector {
    display: block;
    float: left;
    width: 100%;
}
.form div.controlset label, .form div.controlset input {
    display: inline;
    float: none;
}
.form .controlset label {
    font-size: 11px;
    font-weight: normal !important;
}
.controlset {
    float: left;
    margin-bottom: 2.5em;
}
.controlset .controlset-pad {
    float: left;
    width: 300px;
}
div.radio {
    top: 8px;
}
div.checker {
    top: 7px;
}
.form input, .form textarea, .form select {
    -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
    color: #424242;
    font-family: Verdana,'Helvetica Neue',Helvetica,Arial,Geneva,sans-serif;
    font-size: 12px;
    outline: medium none;
    padding: 6px;
}
.form input.error, .form textarea.error, .form select.error{
	border: 1px solid #CC0000;
}
.form input:focus, .form textarea:focus,.form select:focus {
    border: 1px solid #80BFFF;
    box-shadow: 0 0 3px #80BFFF, 0 1px 2px rgba(0, 0, 0, 0.15) inset;
}
.form input.error:focus, .form textarea.error:focus,.form select.error:focus{
	border: 1px solid #CC0000;
    box-shadow: 0 0 3px #CC0000, 0 1px 2px rgba(0, 0, 0, 0.15) inset;
}
div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action {
    background-image: url("../images/sprite.png");
    background-repeat: no-repeat;
}
.selector, .radio, .checker, .uploader, .selector *, .radio *, .checker *, .uploader * {
    margin: 0;
    padding: 0;
}
div.selector {
    background-position: -483px -130px;
    height: 26px;
    line-height: 26px;
}
div.selector span {
    background-position: right 0;
    height: 26px;
    line-height: 26px;
}
div.selector select {
    left: 0;
    top: 0;
}
div.selector:active, div.selector.active {
    background-position: -483px -156px;
}
div.selector:active span, div.selector.active span {
    background-position: right -26px;
}
div.selector.focus, div.selector.hover, div.selector:hover {
    background-position: -483px -182px;
}
div.selector.focus span, div.selector.hover span, div.selector:hover span {
    background-position: right -52px;
}
div.selector.focus:active, div.selector.focus.active, div.selector:hover:active, div.selector.active:hover {
    background-position: -483px -208px;
}
div.selector.focus:active span, div.selector:hover:active span, div.selector.active:hover span, div.selector.focus.active span {
    background-position: right -78px;
}
div.selector.disabled {
    background-position: -483px -234px;
}
div.selector.disabled span {
    background-position: right -104px;
}
div.checker {
    height: 19px;
    width: 19px;
}
div.checker input {
    height: 19px;
    width: 19px;
}
div.checker span {
    background-position: 0 -260px;
    height: 19px;
    width: 19px;
}
div.checker:active span, div.checker.active span {
    background-position: -19px -260px;
}
div.checker.focus span, div.checker:hover span {
    background-position: -38px -260px;
}
div.checker.focus:active span, div.checker:active:hover span, div.checker.active:hover span, div.checker.focus.active span {
    background-position: -57px -260px;
}
div.checker span.checked {
    background-position: -76px -260px;
}
div.checker:active span.checked, div.checker.active span.checked {
    background-position: -95px -260px;
}
div.checker.focus span.checked, div.checker:hover span.checked {
    background-position: -114px -260px;
}
div.checker.focus:active span.checked, div.checker:hover:active span.checked, div.checker.active:hover span.checked, div.checker.active.focus span.checked {
    background-position: -133px -260px;
}
div.checker.disabled span, div.checker.disabled:active span, div.checker.disabled.active span {
    background-position: -152px -260px;
}
div.checker.disabled span.checked, div.checker.disabled:active span.checked, div.checker.disabled.active span.checked {
    background-position: -171px -260px;
}
div.radio {
    height: 18px;
    width: 18px;
}
div.radio input {
    height: 18px;
    width: 18px;
}
div.radio span {
    background-position: 0 -279px;
    height: 18px;
    width: 18px;
}
div.radio:active span, div.radio.active span {
    background-position: -18px -279px;
}
div.radio.focus span, div.radio:hover span {
    background-position: -36px -279px;
}
div.radio.focus:active span, div.radio:active:hover span, div.radio.active:hover span, div.radio.active.focus span {
    background-position: -54px -279px;
}
div.radio span.checked {
    background-position: -72px -279px;
}
div.radio:active span.checked, div.radio.active span.checked {
    background-position: -90px -279px;
}
div.radio.focus span.checked, div.radio:hover span.checked {
    background-position: -108px -279px;
}
div.radio.focus:active span.checked, div.radio:hover:active span.checked, div.radio.focus.active span.checked, div.radio.active:hover span.checked {
    background-position: -126px -279px;
}
div.radio.disabled span, div.radio.disabled:active span, div.radio.disabled.active span {
    background-position: -144px -279px;
}
div.radio.disabled span.checked, div.radio.disabled:active span.checked, div.radio.disabled.active span.checked {
    background-position: -162px -279px;
}
div.uploader {
    background-position: 0 -297px;
    height: 28px;
}
div.uploader span.action {
    background-position: right -409px;
    height: 24px;
    line-height: 24px;
}
div.uploader span.filename {
    height: 24px;
    line-height: 24px;
    margin: 2px 0 2px 2px;
}
div.uploader.focus, div.uploader.hover, div.uploader:hover {
    background-position: 0 -353px;
}
div.uploader.focus span.action, div.uploader.hover span.action, div.uploader:hover span.action {
    background-position: right -437px;
}
div.uploader.active span.action, div.uploader:active span.action {
    background-position: right -465px;
}
div.uploader.focus.active span.action, div.uploader.active:focus span.action, div.uploader.focus:active span.action, div.uploader:focus:active span.action {
    background-position: right -493px;
}
div.uploader.disabled {
    background-position: 0 -325px;
}
div.uploader.disabled span.action {
    background-position: right -381px;
}
div.selector {
    font-size: 12px;
    width: 225px;
}
div.selector select {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    width: 235px;
}
div.selector span {
    cursor: pointer;
    padding: 0 25px 0 2px;
}
div.selector span {
    color: #666666;
    text-shadow: 0 1px 0 #FFFFFF;
    width: 200px;
}
div.selector.disabled span {
    color: #BBBBBB;
}
div.checker {
    margin-right: 10px;
}
div.radio {
    margin-right: 10px;
}
div.uploader {
    cursor: pointer;
    margin-bottom: 20px;
    width: 190px;
}
div.uploader span.action {
    background-color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 1px 0 #FFFFFF;
    width: 85px;
}
div.uploader span.filename {
    border-right: 1px solid #BBBBBB;
    color: #777777;
    font-size: 11px;
    width: 82px;
}
div.uploader input {
    width: 190px;
}
div.uploader.disabled span.action {
    color: #AAAAAA;
}
div.uploader.disabled span.filename {
    border-color: #DDDDDD;
    color: #AAAAAA;
}
.selector select:focus, .radio input:focus, .checker input:focus, uploader input:focus {
    outline: 0 none;
}
div.selector {
    overflow: hidden;
    padding-left: 10px;
    position: relative;
}
div.selector span {
    display: block;
    float: left;
    overflow: hidden;
    white-space: nowrap;
}
div.selector select {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    height: 25px;
    opacity: 0;
    position: absolute;
}
div.checker {
    float: left;
    position: relative;
}
div.checker span {
    display: block;
    float: left;
    text-align: center;
}
div.checker input {
    background: none repeat scroll 0 0 transparent;
    display: inline-block;
    opacity: 0;
}
div.radio {
    float: left;
    position: relative;
}
div.radio span {
    display: block;
    float: left;
    text-align: center;
}
div.radio input {
    background: none repeat scroll 0 0 transparent;
    display: inline-block;
    opacity: 0;
    text-align: center;
}
div.uploader {
    cursor: default;
    float: left;
    overflow: hidden;
    position: relative;
}
div.uploader span.action {
    cursor: pointer;
    display: inline;
    float: left;
    overflow: hidden;
    padding: 2px 0;
}
div.uploader span.filename {
    cursor: default;
    display: block;
    float: left;
    overflow: hidden;
    padding: 0 10px;
    white-space: nowrap;
}
div.uploader input {
    border: medium none;
    bottom: 0;
    cursor: default;
    float: right;
    height: 25px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.btn, .btn-icon, .btn-mini {
    background-repeat: repeat-x;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin: 0;
    padding: 0 15px 4px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.btn:active, .btn-icon:active, .btn-mini:active {
    top: 1px;
}
.btn, .btn-icon {
    background-position: 0 -80px;
    font-size: 12px;
    height: 32px;
    line-height: 29px;
}
.btn.btn-small, .btn-icon.btn-small {
    background-position: 0 0;
    font-size: 10px;
    height: 26px;
    line-height: 23px;
}
.btn.btn-large, .btn-icon.btn-large {
    background-position: 0 -160px;
    font-size: 15px;
    height: 42px;
    line-height: 40px;
}
a.btn, a.btn-icon {
    height: 32px;
    line-height: 32px;
    padding-bottom: 0;
}
a.btn.btn-small, a.btn-icon.btn-small {
    line-height: 26px;
    padding-bottom: 0;
}
a.btn.btn-large, a.btn-icon.btn-large {
    line-height: 42px;
    padding-bottom: 0;
}
* + html .btn, * + html .btn-icon {
    border: 1px solid transparent;
}
.btn, .btn-icon, .btn-mini, .btn:visited, .btn-icon:visited, .btn-mini:visited {
    background-color: #FF9900;
    background-image: url("../images/bg-lite.png");
    border-color: #D58000;
    color: #FFFFFF;
}
.btn:hover, .btn-icon:hover, .btn-mini:hover {
    background-color: #D58000;
    color: #FFFFFF;
}
.btn-pink, .btn-pink:visited {
    background-color: #FF0066;
    border-color: #DA0C59;
}
.btn-pink:hover {
    background-color: #DA0C59;
}
.btn-blue, .btn-blue:visited {
    background-color: #066ECD;
    border-color: #0561B4;
}
.btn-blue:hover {
    background-color: #0561B4;
}
.btn-red, .btn-red:visited {
    background-color: #E40001;
    border-color: #CC0000;
}
.btn-red:hover {
    background-color: #CC0000;
}
.btn-green, .btn-green:visited {
    background-color: #77B32F;
    border-color: #689C29;
}
.btn-green:hover {
    background-color: #689C29;
}
.btn-black, .btn-black:visited {
    background-color: #111111;
    border-color: #000000;
}
.btn-black:hover {
    background-color: #000000;
}
.btn-purple, .btn-purple:visited {
    background-color: #7B0F75;
    border-color: #6A0D66;
}
.btn-purple:hover {
    background-color: #6A0D66;
}
.btn-navy, .btn-navy:visited {
    background-color: #002142;
    border-color: #00172F;
}
.btn-navy:hover {
    background-color: #00172F;
}
.btn-maroon, .btn-maroon:visited {
    background-color: #750000;
    border-color: #530000;
}
.btn-maroon:hover {
    background-color: #530000;
}
.btn-yellow, .btn-yellow:visited {
    background-color: #FFCC00;
    border-color: #D9AD01;
}
.btn-yellow:hover {
    background-color: #D9AD01;
}
.btn-teal, .btn-teal:visited {
    background-color: #39A7B6;
    border-color: #2E8794;
}
.btn-teal:hover {
    background-color: #2E8794;
}
.btn-orange, .btn-orange:visited {
    background-color: #FF9900;
    border-color: #D58000;
    color: #FFFFFF;
}
.btn-orange:hover {
    background-color: #D58000;
    color: #FFFFFF;
}
.btn-grey, .btn-grey:visited {
    background-color: #999999;
    border-color: #888888;
    color: #FFFFFF;
}
.btn-grey:hover {
    background-color: #888888;
    color: #FFFFFF;
}
.btn-blue, .btn-black, .btn-purple, .btn-navy, .btn-maroon, .btn-teal, .btn-grey {
    background-image: url("../images/bg-dark.png") !important;
}
.btn-red, .btn-orange, .btn-green, .btn-yellow, .btn-pink {
    background-image: url("../images/bg-lite.png") !important;
}
.btn-icon {
    padding-left: 32px !important;
}
* + html .btn-icon {
    padding-left: 20px !important;
    padding-right: 5px !important;
}
.btn-icon span {
    background-image: url("../images/amp-btn-icon-sprite.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 16px;
    left: 6px;
    position: absolute;
    top: 6px;
    width: 16px;
}
.btn-icon.btn-small span {
    top: 4px;
}
.btn-icon.btn-large span {
    top: 12px;
}
.btn-mini {
    background-position: 0 0;
    height: 26px !important;
    line-height: 500px !important;
    overflow: hidden;
    padding: 0;
    width: 32px;
}
.btn-mini span {
    background-image: url("../images/amp-btn-icon-sprite.png");
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    left: 50%;
    line-height: 0;
    margin-left: -8px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
.btn-arrow-down span {
    background-position: -48px 0;
}
.btn-arrow-up span {
    background-position: -32px 0;
}
.btn-arrow-right span {
    background-position: -16px 0;
}
.btn-arrow-left span {
    background-position: 0 0;
}
.btn-comment span {
    background-position: -112px 0;
}
.btn-heart span {
    background-position: -96px 0;
}
.btn-star span {
    background-position: -80px 0;
}
.btn-cart span {
    background-position: -64px 0;
}
.btn-print span {
    background-position: -128px 0;
}
.btn-rss span {
    background-position: -144px 0;
}
.btn-person span {
    background-position: 0 -16px;
}
.btn-check span {
    background-position: -16px -16px;
}
.btn-dollar span {
    background-position: -32px -16px;
}
.btn-refresh span {
    background-position: -48px -16px;
}
.btn-home span {
    background-position: -64px -16px;
}
.btn-plus span {
    background-position: -80px -16px;
}
.btn-minus span {
    background-position: -96px -16px;
}
.btn-cross span {
    background-position: -112px -16px;
}
.btn-transparent, .btn-transparent:hover {
    background-color: transparent;
    background-image: url("../images/bg-lite.png");
    border-color: rgba(0, 0, 0, 0.4) !important;
    filter: none;
    margin: 0 1em 0 0;
}
* + html .btn-transparent {
    border: medium none;
}
.form label.error{
	display:none !important;
}
.form .readonly{
	color:#BBB;
}
.form input.readonly:focus{
	border: 1px solid #AAA;
    box-shadow: 0 0 3px #EEE, 0 1px 2px rgba(0, 0, 0, 0.15) inset;
}
/* shoutbox */
#shouts{
	
}
#shouts li{
	margin-bottom:15px;
}
#shouts li span{
	display:block;
}
#shouts li span.shouttext{
	padding:7px;
	background:#FFF;
}
#shouts li span.shoutname{
	text-align:right;
	font-weight:bold;
	color:#CD2C65;
}
#shouts li span.shoutname em{
	font-weight:normal;
	color:#AAA;
	font-style:normal;
}

.personel-list table{
	width:100%;
}
.personel-list table th{
	color:#33A1E5;
}
.personel-list table td{

}
.personel-list table td.center{
	text-align:center;
}