/*  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, 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;
}
:focus {
	outline:0;
}
ol, ul {
	list-style:none;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}

/*  MAIN STYLES  */

html body {
	width:100%;
	height:100%;
	font:11px/1.5em Arial;
	background:url(../images/bg.jpg);
	/*overflow-y:hidden;*/
}	
img {
	border:0;	
}
h1 {
	font-size:5.0em;
}
h2 {
	font-size:36px;
}
h3 {
	font-size:24px;
	color:#000;	
	border-bottom:1px solid #dcdcdc;
	margin-bottom:15px;
	clear:left;
}
h4 {
	font-size:14px;	
}
blockquote {
	font-size:1.5em;
}
p {
	 margin-bottom:1.25em;	
}
input {
	font-size:1.0em;
}
small {
	font-size:0.75em;
}
h2 {
	border-bottom:1px solid #dcdcdc;
	color:#000;
	margin-bottom:18px;
}
#site {
  width:100%;
  height:800px;
  background:url(../images/contentBg.png) no-repeat center 170px;
}
.more {
	float:right;
	margin:10px 0 0 0;	
}

/*  TOP  */

#top {
	margin:0 auto;
	width:980px;
	height:136px;
	margin-top: -20px;
}
h1 a.logo {
	margin:24px 0 0 10px;
	float:left;	
}
h1 a.logo span {
	display:none;	
}

/*  CSS SWITCH  */

#cssSwitch {
	float:right;
	margin-top:30px;
	width:195px;
	height:25px;
	padding:5px 5px 0 9px;
	background:url(../images/cssSwitchBg.png);	
}
#cssSwitch ul {
	list-style-type:none;	
	position:relative;
	top:5px;
}
#cssSwitch ul li {
	float:left;
	margin-right:5px;	
}
#cssSwitch span {
	float:left;
	color:#2d2d2d;
	margin:2px 10px 0 6px;
}
#cssSwitch a {
	float:left;
	width:10px;
	height:10px;	
}
#cssSwitch a img {
	vertical-align:middle;	
}
.cssBlue {
	background:#1d9edf;
}
.cssGreen {
	background:#7fc61a;
}
.cssOrange {
	background:#e8711e;
}
.cssRed {
	background:#e93333;
}
.cssPink {
	background:#ea2e64;
}
.cssViolet {
	background:#b440ef;
}
.cssMarine {
	background:#33c6e0;
}


/*  MENU  */

#menu {
	margin:0 auto;
	width:980px;
	height:60px;	
}
#navigation {
  list-style:none;
}
#navigation li {
  float:left;
}

#navigation a * {
  display:none;
  cursor:pointer;
}
#navigation a, #navigation a .hover {
  height:60px;
	position:relative;
	display:block;
	background:url(../images/menu_blue.png) 0 0 no-repeat;
}
#navigation a.home {
  background-position:0 0;
  width:130px;
}
#navigation .highlight a.home:hover, #navigation a.home .hover {
  background-position:0 -60px;
}

#navigation a.offer {
  background-position:-130px 0;
  width:210px;
}
#navigation .highlight a.offer:hover, #navigation a.offer .hover {
  background-position:-130px -60px;
  width:210px;
}
#navigation a.portfolio {
  background-position:-340px 0;
  width:324px;
}
#navigation .highlight a.portfolio:hover, #navigation a.portfolio .hover {
  background-position:-340px -60px;
}
#navigation a.testimonials {
  background-position:-410px 0;
  width:139px;
}
#navigation .highlight a.testimonials:hover, #navigation a.testimonials .hover {
  background-position:-410px -60px;
}
#navigation a.contact {
  background-position:-549px 0;
  width: 115px;
}
#navigation .highlight a.contact:hover, #navigation a.contact .hover {
  background-position: -549px -60px;
}

/*  SEARCH FORM  */

#searchForm {
	float:right;
	width:180px;
	height:30px;
	background:url(../images/searchBg.png);	
	margin:16px 20px 0 0;
}
#searchForm input[type=text] {
	color:#b6b6b6;
	font:11px Arial;
	background:none;
	border:none;
	width:140px;
	padding:0 5px;
	float:left;	
	margin-top:8px;
}
#searchForm input[type=submit] {
	float:left;
	width:30px;
	height:30px;
}

/*  CONTENT  */

#content {
	height:450px;
	margin:40px auto 0;
	overflow:hidden;
	position:relative;
	width:925px;
}

#offerPage h2 {
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	font-size: 22px;
	line-height: 1.7;
	color: #0D88CE;
	text-align:left;

}

#mainPage, #offerPage, #pfPage, #testPage, #contactPage {
	float:left;
	padding-bottom:20px;
	width:920px;
}

#offerPage p {
	font-size: 14px;
	line-height: 1.5;
	width: 640px;
	color: #444;
}

#offerPage .ullist {
	float: left;
	margin: 0 0 50px 0;
}

#offerPage ul .list {
	background-image: url("http://knjigovodstvoaktiva.com/images/bullet.png");
	background-position: 0% 50%;
	background-repeat: no-repeat;
	color: #444444;
	font-size: 15px;
	height: 23px !important;
	line-height: 1.3;
	padding-left: 32px !important;
	color: #444;
}

.usluge_levo {
	float: left;
	width: 888px;
	background-image: url("http://knjigovodstvoaktiva.com/images/knjigovodstvo01.png");
	background-repeat: no-repeat;
	background-position: 95% 13%;
}

.usluge_desno {
	float: right;
	margin-left: -100px;
	margin-top: 24px;
}

#mainPage > div, #offerPage > div, #pfPage > div, #testPage > div, #contactPage > div {
	float:left;
	height:450px;
	width:920px;
	padding-bottom:20px;
	overflow-x:hidden;
}

#contactPage > div {
	background-image: url("http://knjigovodstvoaktiva.com/images/kontakti-bg.png");
	background-repeat: no-repeat;
	background-position: 100% 77%;
}


#contactPage h2 {
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	font-size: 22px;
	line-height: 1.7;
	color: #0D88CE;
	text-align:left;

}

#content ul {
	clear:both;	
	width:100%;
}
#content ul li {
	float:left;
	width:100%;
	height:auto;
	padding:0;	
	margin:0;
	display:block;
	padding-top: 4px;
}
#content ul li.fIcons {
	float:left;
	height:22px;
	width:22px;
	padding:0;	
	margin:0 10px 0 0;
	clear:right;
}

#cBoxLeft h3, #cBoxCenter h3 { 
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	font-size: 14px;
	line-height: 1.7;
	color: #333;
	text-align:left;
	font-weight: normal;
}

/*  MAIN PAGE  */

#mainSlider {
	background:url(../images/mainSlider.png);
	float:left;
	height:174px;
	margin:10px 0 30px 0;
	overflow:hidden;
	padding:3px;
	width:894px;
}
.mainLeft {
	float:left;
	width:525px;	
}

.mainLeft .ml {
	color: #444;
	font-size: 13px;
	line-height: 1.4;
}

.mainLeft h3, .fC h3 {
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	font-size: 22px;
	line-height: 1.7;
	color: #0D88CE;
	text-align:left;

} 

.mainLeft .ico img {
	float:left;
	margin-right:20px;	
	display:block;
}
.ico strong {
	display:block;
	font-size:14px;	
}
.ico span {
	clear:right;
}
.ico img {
	float:left;
	margin:0 10px 10px 0;	
}
.fC {
	float:left;
	margin:0 0 0 30px;
	width:300px;
	padding-bottom:20px;
}
.fC ul {
	padding-left:50px;	
}
.fC div {
	float:left;
	width:220px;
	height: 30px;
	margin-bottom:20px;	
}
#mainRight h2 {
	clear:left;	
}
#mainRight ul {
	float:left;
	margin-bottom:20px;	
}
#mainAU {
	float:left;
	width:340px;	
}

/*  OFFER PAGE  */

.oGItem {
	background:url(../images/oBg.png);
	float:left;
	width:445px;
	height:150px;	
	overflow:hidden;
}
.oRight {
	margin:0 0 20px 10px;	
}
.offerImg {
	float:left;
	margin:2px 20px 0 3px;
}	
.oGItem  h3 {
	border:0;
	clear:right;
	margin:15px 20px 5px 0;	

	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	font-size: 15px;
	line-height: 1.2;
	color: #0D88CE;
	text-align:left;	
}
.oGItem p {
	margin-right:20px;	
	height:80px;
}

/*  PORTFOLIO PAGE  */

#pfFilter {	
	width:880px;
	height:40px;
	float:left;
	background:url(../images/pfFilter.png) no-repeat left top;
	margin-left:10px;
}
#pfFilter ul {
	float:left;	
	clear:none;
	width:auto;
	list-style:none;
	margin-top:12px;
}
#pfFilter ul li {
	margin:0 10px;
	width:auto;
	float:left;
}
#pfFilter ul li a {
	color:#4e4e4e;
	font-size:18px;	
	text-decoration:none;
}
.pfDescItem {
	float:left;
	margin-bottom:20px;	
	width:906px;
}
.pfDesc a {
	float:left;
	padding:3px;
	background:url(../images/pfBg.png) no-repeat left top;
	width:274px;
	height:149px;
	text-decoration:none;
	margin:10px;
	cursor:pointer;
}

/*  TESTIMONIALS PAGE  */

#testTxt {
	float:left;
	width:595px;	
}
.textItemTxt {
	float:left;
	margin-bottom:20px;
	border-bottom:1px solid #dcdcdc;	
	padding:0 0 20px 40px;
	background:url(../images/quote.png) no-repeat left 5px;
}
.textItemTxt i {
	float:right;	
	color:#666;
	text-decoration:underline;
	padding-left:30px;
}
#testSidebar {
	float:left;
	width:240px;
	margin-left:30px;	
}
#testSidebar ul {
	float:left;
	margin-bottom:20px;	
}
#testSidebar li a {
	display:block;	
}

/*  CONTACT PAGE  */

#cBoxCenter {
	float:left;
	width:300px;
	margin-left:35px;	
}
#cBoxCenter a:link, #cBoxCenter a:visited , #cBoxCenter a:hover {
	background:url(../images/mapBg.png) no-repeat left top;
	float:left;
	height:154px;
	margin-bottom:20px;
	padding:3px;
	width:293px;
}
#cBoxCenter a img {
	float:left;	
}
#cAddress1 {
	float:left;
	/*width:140px;*/
}
#cAddress2 {
	float:left;	
	width:140px;
	margin-left:20px;
}
#cBoxLeft {
	float:left;
	width:265px;
}
#cBoxRight {
	float:left;
	width:240px;
	margin-left:35px;
}
#cBoxRight ul {
	margin-bottom:20px;
	float:left;	
}
#cBoxLeft input[type=text] {
	border:none;
	height:30px;
	line-height:30px;
	margin-bottom:10px;
	padding:0 3px;
	width:260px;
}
.inName {
	background:url(../images/inName.png) no-repeat left top;	
}
.inMail {
	background:url(../images/inMail.png) no-repeat left top;	
}
.inPhone {
	background:url(../images/inPhone.png) no-repeat left top;	
}
.tA {
	float:left;
	height:120px;	
	width:266px;
	margin-bottom:10px;
	background:url(../images/inMsg.png) no-repeat left top;	
}
#cBoxLeft textarea {
	border:none;
	height:114px;	
	width:260px;
	padding:3px;
	background:none;
}
#cBoxLeft input[type=submit] {
	width:116px;
	height:30px;
	float:right;	
	border:0;
	cursor:pointer;
}

#cBoxLeft iframe {
	width: 320px;
	height: 330px;
	margin-left: -17px;
	overflow: hidden;
}

/*  FOLLOW US  */

#content .followUs {
	float:right;
	position:relative;
	right:20px;
	top:0;
}

#content .followUs ul {
	width:auto;
	float:left;
	list-style:none;	
	clear:right;
	display:inline;
}
#content .followUs ul li {
	width:auto;
	float:left;
	display:inline;
	clear:right;	
	margin-left:10px;
}

/*  FOOTER */

#footer {
	width:100%;
	height:40px;
	position:fixed;
	bottom:0;
	color:#767676;
	font-size:11px;
	background:#e3e3e3;
	border-top:1px solid #d6d6d6;
	z-index: 999999;

	-webkit-box-shadow: 0px -3px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    0px -3px 5px rgba(0, 0, 0, 0.1);
	box-shadow:         0px -3px 5px rgba(0, 0, 0, 0.1);
}

#footer p {
	float:left;
	line-height:40px;
	margin-left:20px;	
}
#footer ul {
	float:right;
	list-style-type:none;	
	line-height:40px;
	margin-right:20px;
}
#footer ul li {
	float:left;	
	margin-left:15px;
}
#footer ul li a {
	text-decoration:none;
}

/*  SCROLL PANE  */

.jScrollPaneContainer {
	position:relative;
	overflow:hidden;
	z-index:1;
}
.jScrollPaneTrack {
	position:absolute;
	cursor:pointer;
	right:0;
	top:0;
	background:#e7e7e7;
	margin-top:10px;
}
.jScrollPaneDrag {
	position:absolute;
	background:#d4d4d4;
	cursor:pointer;
	overflow:hidden;
}
.jScrollPaneDragTop {
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneContainer > div {
	margin-top:10px;
}

/*  IMAGE CAPTION  */

.caption-top, .caption-bottom {
	color:#fff;	
	padding:1.2em;
	font:bold 13px Arial;
	border:0px solid #334143;
	background:#000;
	text-shadow:1px 1px 0 #202020;
}
.caption a, .caption a {
	border:0 none;
	text-decoration:none;
	background:#000;
	padding:0.3em;
}
.caption a:hover, .caption a:hover {
	background:#202020;
}
.caption-wrapper {
	float:left;
	display:inline;
}
br.c { 
	clear:both; 
}