/* 

Flow premium html theme
Author: ehrnstrom @ Mojo-themes.com
Contact me: kontakt@ae-design.se

*/

/* 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; }

/* Styles begins */

body { background: url(../images/bg.png) 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: #0d77d2; text-decoration: none; }
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: #82B0C5; text-decoration: none; }
.blue { color: #398294; }
.red { color: #F3932C; }
.light { color: #0d77d2; }
.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.html); 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; }

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

/* 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; margin: 0 0 25px 0; }

/* Header */

#header { height: 115px; }
.logo {
	margin: 36px 0 0 0;
	width: 431px;
	height: 60px;
	position: absolute;
}

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

/* 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; }
.frame_m { position: absolute; background: url(../images/frame_content.png) no-repeat 0 0; left: 0; top: 0; width: 630px; height: 232px; }
.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: 180px; }
.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.html) 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; }

/* Page titles for inner pages */

.pagetitle { height: 72px; margin-bottom: 45px; }
.pagetitle h1 { margin: 0; padding: 26px 0 0 0; font-size: 26px; color: #ebebeb; width: 650px; }
.pagetitle span { color: #b3b3b3; padding: 5px 0; width: 650px; font-style: italic; }
.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.html) 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.html) 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: 16px 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; }

/* - Job list - */
#joblist { margin-top: -20px; }
#joblist .header { padding: 20px 0 25px 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.html) 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.html) 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: 16px; 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 5px 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; }

.pagenavi{
	clear:both; 
	padding: 5px 0px 10px 0px;
	float:right;
}
.pagenavi a, .pagenavi a:visited{
	color:#767778;
	background-color:#fff;
	padding:2px 8px;
	margin-right:5px;
	border:solid 1px #e4e4e4;
}
.pagenavi a:hover{
	text-decoration:none;
	background-color:#e4e4e4;
}

.pagenavi a.current{
	background-color:#fff;
	color:#767778;
}

/* - 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; }

/* Sidebar + */

.sidebar { float: left; width: 252px; }
.sidebar h4 { padding: 0px 0 25px 14px; 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 {  }
.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: #0D77D2; background: url(../images/sidebar-arrow-active.gif) no-repeat 22px 15px; padding-left: 40px;  }

/* - Files for download widget - */
.download {  }
.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/sidebar-arrow.gif) no-repeat 8px 13px; }
.download li a:hover { color: #0d77d2; }

/* - Our information widget - */
.info {  }
.info li { display: block; background: url(../images/hr.gif) 0 100% repeat-x; padding: 10px 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; }

/* - Our Flickr gallery widget - */
.flickr {  }
.flickr img { margin: 20px 9px 0 9px; display: inline-block; }

/* Footer styles */
div.footer {  background: url(../images/footer-bg.png) repeat-x 0 0; padding: 0; margin: 0; height: 299px; background-color: #1e3a4c; }
div.footer div.inner { width: 980px; position: relative; left: 50%; margin: 0 0 0 -490px; }
div.footer div.inner > div { padding: 30px 19px 0; width: 264px; float: left; margin-left: 37px; }
div.footer div.inner > div.first { margin-left: 0; } 
div.footer div.inner > div h4 { color: #ef9911; font-size: 18px; padding: 0 0 3px 0; font-weight: 100; } 
div.footer div.inner > div h4 span.blue { color: #3fc7f7; }
div.footer div.inner > div i { color: #b7b7b7; }
div.footer div.inner > div ul { width: 100%; border-top: 1px solid #415867; margin: 12px 0 0 0; }
div.footer div.inner > div ul li { border-bottom: 1px solid #415867; padding: 12px 3px 12px 3px; height: 57px; }
div.footer div.inner > div ul li p { color: #f0f0f0; }
div.footer div.inner > div ul li p a { background: url(../files/sprite.html) no-repeat scroll 0 -10px transparent; color: #ef9911; padding-left: 20px; }
div.footer div.inner > div span.follow { display: block; width: 100%; text-transform: uppercase; font-size: 11px; }
div.footer div.inner > div span.follow a { padding: 3px 0 0 0; color: #fff; display: block; float: right; width: 91px; height: 21px; background: url(../files/submit-sprite.html) 0 0; margin: 18px 10px 0 0; text-align: center; }
div.footer div.inner > div span.follow a:hover { background: url(../files/submit-sprite.html) 0 -26px; } 

@-moz-document url-prefix() { div.footer div.inner > div span.follow a { padding: 4px 0 0 0; height: 20px; } }

/* End Footer styles */

/* Copyright styles */
div.copyright { width: 100%; height: 62px; background-image: url(../images/copyright-bg.png); background-repeat: repeat-x; }
div.copyright div.inner { width: 980px; position: relative; left: 50%; margin: 0 0 0 -490px; padding: 24px 0 0 0; }
div.copyright div.inner p { color: #647179; display: inline; }
div.copyright div.inner a.logo { display: block; position: absolute; right: 0; top: 16px;}
/* End Copyright styles */

/* Buttons list */

/* - Veja Site - */
.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; }

.left_button { margin-right: 70px; 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: #ffffff; text-transform: uppercase; font-size: 10px; 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 -10px; padding: 0 15px 0 25px; position: relative; float: left; background: url(../images/buttons_sprite.png) no-repeat left -778px; color: #ffffff; text-transform: uppercase; font-size: 10px; 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 button 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; }

/* 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-block; padding: 3px 5px 0 20px; }
.blog_info ul li.author { background: url(../images/author.png) 0 9px no-repeat; width: 165px; }
.blog_info ul li.tags { background: url(../images/tags.png) 0 9px no-repeat; width: 300px; }
.blog_info ul li.comments { background: url(../images/comments.png) 0 9px no-repeat; width: 80px; }
.date { background: url(../images/date.html) 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.html) no-repeat 5px 10px; }
ul.comments_list li.child_2 { padding-left: 60px; background: url(../images/arrow.html) no-repeat 35px 10px; }
ul.comments_list li.child_3 { padding-left: 90px; background: url(../images/arrow.html) 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.html) 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.html) 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 */

/* - 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: 20px 0 5px 0; 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; }

/* - 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; }

/* - 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; }

/* - 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; }

/* + 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:300px; margin:0 auto; margin-top: 20px; background:url(../images/slide_bg.png); }
#slider { position:relative; top: 7px; left: -1px; width:930px; height:286px; margin-left: 120px; 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: -30px; 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; }

/* Slider */

div.slider { width: 100%; height: 344px; background: url(../images/slider_bg.jpg) repeat-x 0 0; position: relative; }
div.slider div.wrapper { height: 344px; width: 980px; position: absolute; margin: 0 0 0 -490px; left: 50%; overflow: hidden; }
div.slider div.wrapper ul { position: relative; left: 0; height: 334px; }
div.slider div.wrapper ul li { display: block; width: 980px; float: left; height: 344px; }
div.slider div.wrapper ul li div { position: relative; padding: 44px 0 0 0; }
div.slider div.wrapper ul li div img.left { float: left; margin: 0 38px 0 0; }
div.slider div.wrapper ul li div img.right { float: right; margin: 0 0 0 38px; }
div.slider div.wrapper ul li div img.big { display: block; margin: 0 auto; }
div.slider div.wrapper ul li div h1 { font-size: 36px; color: #bd2727; padding: 0; margin: 0; text-shadow: 0px 2px 0px #fbfbfb; padding: 14px 0 0 0; }
div.slider div.wrapper ul li div i { font-size: 15px; color: #2778c4; font-style: italic; line-height: 30px; }
div.slider div.wrapper ul li div p { padding: 13px 0 0 0; }

/* - Dark blue grid pattern - */


.index { background: url(../images/headers/grid1/dark_blue_grid/bg_tabs.png) 0 0 repeat-x; } /* for tabs and content slider pages */
.inner { background: url(../images/headers/grid1/dark_blue_grid/bg_inner.png) 0 0 repeat-x; } /* for inner pages */

/* End Slider */

/* Comments on blog_single */

input, textarea { 
	border: 1px solid #d3d3d3;
	background: #f1f1f1;
	padding: 7px;
	font-size: 11px;
}

input.txt { 
	width: 160px;
}

input:focus, textarea:focus { 
	border: 1px solid #aeaeae;
	background: #f9f9f9;
}

input.button, .post-navigation a { 
	font-family: "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif;
	padding: 6px 10px;
	background: #035060;
	color: #fff;
	border: 0;
}

input.button:hover, .post-navigaton a:hover { 
	cursor: pointer;
	background: #01313b;
}

input.button:active, .post-navigation a:active { 
	position: relative;
	top: 2px;
}

input#searchbutton { 
   display: inline-block;
   height: 29px;
   width: 29px;
   text-indent: -9999px;
   background: url(images/searchbutton-teal.html) 0 0 no-repeat;
   border: 0;
}

input#searchbutton:hover { 
   cursor: pointer;
}

.button { 
	margin-top: 8px;
	display: inline-block;
}

#contactform p label, #commentform p label { 
	display: inline-block;
	margin: 0 0 5px 0;
}

#contactform p.contact-message label { 
	display: block;
}

p.contact-name, p.comment-name,
p.contact-email, p.comment-email { 
	float: left;
	margin: 0 30px 0 0;
}

p.contact-name input, p.comment-name input,
p.contact-email input, p.comment-email input,
p.contact-website input, p.comment-website input { 
	display: block;
	padding: 8px;
	width: 169px;
}

p.contact-message, p.comment-text { 
	clear: both;
}

textarea#message, textarea#comment { 
	width: 603px;
	min-height: 40px;
	padding: 8px;
}

.error { 
	color: #ff0000;
	font-size: 11px;
}

.message-sent { 
	padding: 20px;
	margin: 40px 0;
	background: #f1f1f1;
	border: 1px solid #d8d8d8;
}

.message-sent span { 
	font-weight: bold;
}


/* ============================= Contact us form ====================== */

#contact_us {width:460px; margin:25px 0px 0px; overflow:hidden;}

#contact_us p.label_name, #contact_us p.input_form {float:left; margin-bottom:10px;}
p.label_name {width:80px; clear:both; color:#7f7e7e; font-size:13px;}

#contact_us input, #contact_us textarea {width:370px; background:#fff; border:#CACACA 1px solid; font-size:12px; padding:4px; margin-bottom:15px; color:#6E6E6E; font-family:"Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;}
#contact_us input.button {cursor:pointer; width:auto; float:right; font-size:12px;}

#feedback p {margin-bottom:5px;}
p.error {display:none; padding:5px 0px; color:#FF3300; font-weight:bold;}
p#submit {text-align:right;}
p#success {display:none; font-size:16px; text-align:left; margin-bottom:20px;}