/*
Theme Name: CEA Theme
Theme URI: http://www.ivatanackovic.info
Description: Custom theme
Version: 1.0
Author: Iva Tanackovic
Author URI: http://www.ivatanackovic.info
*/


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


body {
	line-height: 1;
}
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! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*  Basics */


body {background-color: #C8946D; margin: auto; 
padding: 0; text-align: center; background-image: url(images/background.jpg); background-attachment: fixed; background-repeat: repeat-y; background-position: center; color: #4d4d4d; font-family: Tahoma, Verdana, Arial, sans-serif; line-height: 16px; font-size: 80%; }


.center { text-align: center; }

.left { text-align: left; }

.right { text-align: right; }

p { text-align: justify;}

.hidden {display: none;}


/* Links */

a { color: #687588; font-weight: bold; text-decoration: none; text-align: left;}

a:hover { color: #ffffff; text-decoration: none; background-repeat: repeat; }

a img {border:0;}




/* Tipografija */

h2.title, h2.title a { font-weight: bold; padding: 0;letter-spacing: -1px; margin-left: -2px; color: #333333; line-height: 40px; font-size: 24px; text-align: center;}

h2.title {background-image: url(images/h2.png); background-repeat: no-repeat; background-position: center;}

h2.title a:hover, h2 a:hover {text-decoration: none; border: 1px dotted #000000; }

#sidebar h2 { font-weight: bold; padding: 0;letter-spacing: -1px; margin-left: -2px; color: #333333; line-height: 40px; font-size: 14px; text-align: center;}

#footer { clear: both; width: 1000px; height: 400px; padding: 0; margin: 0; background-image: url(images/footer.jpg); background-repeat: no-repeat;}

h3, h4 { font-weight: bold; padding: 0;letter-spacing: -1px; margin-left: -2px; color: #2b2b2b; font-size: 16px; text-align: center; line-height: 40px; text-decoration: underline;}

#sidebar p {font-size: 10pt;}


/*  Postavka */

#container {
width: 1000px;
height: 100%;
margin: auto;
position: relative;
text-align: left;
border: 2px solid #000000;}

#header {padding: 0px; margin: 0px; text-align: left; width:1000px; height:602px; background: url(images/header.jpg); background-repeat: no-repeat; position:relative; }

#wrapper {
 clear:both;
 width:1000px;
 position: relative;
 background-image: url(images/innerbg.jpg); position: absolute; top: 878px; left: 0;}

#content { width: 630px; float: left; text-align: justify; padding: 0 40px;}

#sidebar { width: 150px; float: left; margin: -150px 0 0 85px; padding: 0; }

#footer { clear: both; width: 998px; height: 659px; padding: 0; margin: 0; background-image: url(images/footer.jpg); background-repeat: no-repeat;}

/*  Seksi fensi meni */

#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 1000px;
  height: 132px;
}


#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}



#menu a:hover, #menu .current a {
  background-position: left bottom;
}



#menu .offers {
	position:absolute;
	left:0px;
	top:602px;
	width:227px;
	height:45px;
  background: url(images/offers.jpg) no-repeat;

}


#menu .alarms {
	position:absolute;
	left:227px;
	top:602px;
	width:189px;
	height:45px;
  background: url(images/alarms.jpg) no-repeat;
}


#menu .services{
	position:absolute;
	left:416px;
	top:602px;
	width:351px;
	height:45px;
  background: url(images/services.jpg) no-repeat;
}

#menu .contact {
	position:absolute;
	left:767px;
	top:602px;
	width:233px;
	height:276px;
  background: url(images/contact.jpg) no-repeat;
}

#menu .intercoms {
	position:absolute;
	left:0px;
	top:647px;
	width:188px;
	height:43px;
  background: url(images/intercoms.jpg) no-repeat;
}

#menu .access {
	position:absolute;
	left:188px;
	top:647px;
	width:228px;
	height:43px;
  background: url(images/access.jpg) no-repeat;
}


#menu .terms {
	position:absolute;
	left:416px;
	top:647px;
	width:351px;
	height:43px;
  background: url(images/terms.jpg) no-repeat;
}


#menu .electrical {
	position:absolute;
	left:0px;
	top:690px;
	width:188px;
	height:63px;
  background: url(images/electrical.jpg) no-repeat;
}


#menu .cctv{
	position:absolute;
	left:188px;
	top:690px;
	width:228px;
	height:63px;
  background: url(images/cctv.jpg) no-repeat;

}

#menu .feedback {
	position:absolute;
	left:416px;
	top:690px;
	width:351px;
	height:63px;
  background: url(images/feedback.jpg) no-repeat;
}


#menu .vouchers {
	position:absolute;
	left:0px;
	top:753px;
	width:767px;
	height:125px;
  background: url(images/vouchers.jpg) no-repeat;
}