/*  design and CSS: Nikola Mircic                                                     */



/* Common tags */



html {

		width:100%;

}



body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	line-height: 17px;

	color: #535551;

	width:100%;

	background: #8cd4e7 url(../images/bgrTile.jpg) repeat-x left top;

}



#preloadImages {

	width: 0px;

	height: 0px;

	display: inline;

	background-image: url(../images/bgrTile.jpg);

	background-image: url(../images/bgr.jpg);

	background-image: url(../images/logo.gif);

	background-image: url(../images/right.gif);

	background-image: url(../images/corners.gif);

	background-image: url(../images/socialIcons.gif);

}



#header h1 {

	background: url(../images/logo.gif) no-repeat left top;

	width:341px;

	height:97px;

	float:left;

	margin-top:34px;

}



#header h1 a {

	text-indent:-9999em;

	overflow: hidden;

	display:block;

	width:341px;

	height:97px;

}

















/* Layout */





body#home #wrapper {

	width:100%; height:494px;

	background: url(../images/bgr.jpg) no-repeat center top;

}



#wrapper {

	width:100%; 

	background: url(../images/bgr-empty.jpg) no-repeat center top;

}



#content {

	width:870px;

	margin:0 auto;

}



body#home #header {

	position: relative;

	height:474px;

}



.try-it-now {

	display: block;

	width: 102px;

	height: 92px;

	position: absolute;

	top: 241px;

	left: 313px;

	cursor: pointer;

	

}



.try-it-now:hover {

	background: url(../images/try-it-now.jpg) no-repeat left top;

}



.heart1 {

	display: block;

	width: 67px;

	height: 83px;

	position: absolute;

	top: 192px;

	left: 426px;

	cursor:default;

}

.heart1:hover {

	background: transparent url(../images/heart1.jpg) no-repeat right top;	

}



.heart1:active {

	background: transparent url(../images/heart2.jpg) no-repeat right top;	

}





#header {

	height:165px;

}







#edit {

	width:726px;

	padding:93px 72px ;

	margin:0 auto;

	background-color:#fff;

}



.sideColumn {

	float:left;

	width:168px;

	text-align: right;



}



.mainColumn {

	margin: 0 0 0 168px;

	padding-left:36px;

}







#footer {

	width:726px;

	padding:50px 72px 42px;

	margin: 32px auto 80px;

	background-color:#fff;

}





/* Page Elements */



.mainNavigation   {

	float:right;

	margin-top:34px;

	width:500px;

	height:26px;

}



.mainNavigation li  {

	display: block;

	float: right;

	height: 26px; /* Image height */

	margin-right: 6px;

	padding-right: 10px;/*Image Width*/

}



.mainNavigation li a {

	display: block;

	line-height: 26px; /* Image Height */

	height: 16px;

	padding: 4px 0 6px 10px;

	text-decoration:none;



	color:#fff;

	font: bold 15px Arial, Helvetica, sans-serif;

}



.mainNavigation li:hover  {

	background: transparent url(../images/right.gif) no-repeat right top;

	display: block;

	float: right;

	height: 26px; /* Image height */

	margin-right: 6px;

	padding-right: 10px;/*Image Width*/

}



.mainNavigation li:hover a {

	background: transparent url(../images/corners.gif) no-repeat left top;

	display: block;

	line-height: 26px; /* Image Height */

	height: 16px;

	padding: 4px 0 6px 10px;

	text-decoration:none;



	color:#89d5e6;

	font: bold 15px Arial, Helvetica, sans-serif;

}





/* Edit zone */





.mainColumn p {

	padding-bottom:24px;

	line-height: 19px;	

	

}



.mainColumn p a, .mainColumn table a, .mainColumn h1 a, .mainColumn h2 a {

	color:#989793;

	color:#867a73;

	text-decoration:underline;}



.mainColumn p a:hover, .mainColumn table a:hover, .mainColumn h1 a:hover, .mainColumn h2 a:hover {

	color:#fff;

	text-decoration:none;

	background-color:#8cd4e7;

}





.mainColumn h1 {

	color:#69c2d0;

	font: bold 29px/29px Arial, Helvetica, sans-serif;

	padding-bottom:0px;

}



.mainColumn h2 {

	color:#69c2d0;

	font: bold 17px/19px Arial, Helvetica, sans-serif;

	padding-bottom:0px;

}



.mainColumn img {

	padding-bottom:24px;

}





.sideColumn p {

	font: normal 11px/13px Arial, Helvetica, sans-serif;

	border-bottom: 1px dotted #b7aa9e;

	padding:6px 0;

}



.sideColumn h1 {

	color:#867a73;

	font: italic bold 24px/24px Arial, Helvetica, sans-serif;

	border-bottom: 1px dotted #b7aa9e;

	padding:43px 0 6px 0;

}



.sideColumn h2 {

	color:#867a73;

	font: italic bold 16px/19px Arial, Helvetica, sans-serif;

	border-bottom: 1px dotted #b7aa9e;

	padding:43px 0 6px 0;

}



.sideColumn p a, .sideColumn h1 a, .sideColumn h2 a {

	color:#867a73;

	text-decoration:underline;

}



.sideColumn p a:hover, .sideColumn h1 a:hover, .sideColumn h2 a:hover {

	color:#fff;

	background-color:#867a73;

	text-decoration:none;

}













/* Footer */



#footer table {

		margin-top:47px;

}



#footer table td, #footer table th {

	border-left:1px solid #eee;

	width:180px;

	font: 10px/14px Arial, Helvetica, sans-serif;		

	padding:5px 0 5px 14px;

	vertical-align:top

}



#footer table th {

	border-left:1px solid #eee;

	border-right:1px solid #eee;

}



#footer table a {

	font: 10px/14px Arial, Helvetica, sans-serif;		

	color: #535551;

	text-decoration:none;

}



#footer table a:hover {

	text-decoration:underline;

}





#footer table th a {

	margin-right:5px;

	margin-top:5px;

	width:16px;

	height:16px;

	display:block;

	float:left;

	text-decoration:none;

}



#footer table th a:hover {

	border-bottom: none;

	text-decoration:none;

}



.iconFacebook {	background: url(../images/socialIcons.gif) 0px 0px;}

.iconDigg {	background: url(../images/socialIcons.gif) -21px 0px;}

.iconTwiter {	background: url(../images/socialIcons.gif) -43px 0px;}

.iconDelicious {	background: url(../images/socialIcons.gif) -65px 0px;}

.iconRss {	background: url(../images/socialIcons.gif) -86px 0px;}











/* ShoutBox */



form {

	background: #c7f0f8 url(../images/h2QuickComment.gif) no-repeat left top;

	padding: 35px 36px 35px 204px;

	

}



form .data textarea {

	font: 13px/18px Arial, Helvetica, sans-serif;

	color: #535551;	

	height:120px;

	width:464px;

	display:block;

	border:2px #fff solid;

	font-size: 13px;

	line-height: 18px;

	padding:5px 9px;

	overflow:hidden;

	margin-bottom:10px;

}



form .data textarea:focus {

	border:2px #feca00 solid;

}







form .data input {

	color: #535551;

	height:18px;

	width:464px;

	display:block;

	border:2px #fff solid;

	padding:5px 9px;

	font: 13px/18px Arial, Helvetica, sans-serif;

}



form .data input:focus {

	border:2px #feca00 solid;

}



form a.submit {

	color: #535551;	

	background: url(../images/submit.gif) no-repeat left top;

	width:164px;

	height:37px;

	font: bold 16px Arial, Helvetica, sans-serif;

	letter-spacing: -0.04em;	

	border:none;

	outline:none;

	display:block;

	height:19px;

	width:164px;

	text-decoration:none;

	text-align:center;

	vertical-align:middle;

	padding: 10px 0 8px;

	margin-top:10px;

}



form a.submit:active {

	background: url(../images/submit.gif) no-repeat left -37px;

}



















#footer .comment {

	position: relative;

	padding: 22px 36px 13px 204px;

	border-top: 2px solid white;

	line-height:18px;

	background-color:#ffff80;

	border-bottom: 2px solid white;

	

}



#footer .commentAuthor {

	display:block;

	font: bold 11px/17px Arial, Helvetica, sans-serif;

	color: #69c2d0;

}