/* globals */

body {
	background-color: #A2BBA8;
	color:#ccc;
	line-height:10px;
}
body,td,th {
	color: #000000;
}

/* IE patch for centering the page */
body { text-align:center; position:absolute; height:101%; width:100%; }
body div {
	text-align:left;
}
/* ends */

body, input, textarea { font-family:arial; font-size:13px;  }
p { margin:0 0 15px 0; }

a {color:#000000; text-decoration:none }
.style1 {font-size: 14px}
.style2 {font-size: 10px}
.style3 {
	font-size: 12px;
	line-height: normal;
	margin-left: 10px;
}
.style4 {
	color: #007558;
	font-size: 18px;
	line-height: normal;
	margin-left: 10px;
}
.style5 {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	line-height: normal;
}
.style6 {
	color: #007558;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	line-height: normal;
}
.style7 {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	line-height: normal;
}
.style8 {
	color: #007558;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	line-height: normal;
}
.style9 {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
}
.style10 {
	color: #007558;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
}
.style11 {
	font-size: 12px;
	line-height: normal;
	font-style: italic;
}
.style12 {
	font-size: 16px;
	line-height: normal;
	font-style: italic;
	font-weight: bold;
	color: #000000;
	margin-left: 10px;
}
.style13 {line-height: normal; font-style: italic; color: #000000; margin-left: 10px; font-size: 16px;}
.style14 {
	color: #DF2E2F;
	font-style: italic;
	font-size: 24px;
	font-weight: bold;
}
a:hover {
	color:#A2BBA8;
}
a.image {
}
a img {
	border:0;
}
textarea { overflow:auto; }
strong { font-weight:bold; }




/* generics */

.strong { font-weight:bold; }
.clearer { height:0px; clear:both; line-height:0px; overflow:hidden; font-size:0; }
.alert { color:#fc3; }
.success { color:#9c3; }



/* header */
#divHeaderRight {
	;
	background-position: right top;
	background-color: #A2BBA8;
	width: 65px;
	overflow: visible;
	visibility: visible;
	z-index: auto;
	margin-top: 10px;
	float: right;
	clear: right;
}
#divHeaderWrapper {
	height:100px;
	;
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #007558;
}
#divHeader {
	width:800px;
	height:100px;
	background-repeat: repeat-x;
	background-position: left top;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	margin-bottom: 0;
}
#divHeader h1 {
	background-repeat: no-repeat;
	float: left;
	margin-top: 20px;
}
#divHeader h1 a {
}
#divHeader h1 a img {
	margin-top: 31px;
	margin-right: 0;
	margin-bottom: 0px;
}
#divHeader h1 span { display:none; }
#divHeader ul.nav {
	height:100px;
	float:right;
	font-size:12px;
	width: 630px;
}
#divHeader ul.nav li {
	display:inline;
	font-family: Arial, Helvetica, sans-serif;
}
#divHeader ul.nav li a {
	display:block;
	float:left;
	height:33px;
	line-height:30px;
	text-decoration:none;
	color:#000000;
	text-transform:uppercase;
	border-bottom-width: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #007558;
	padding-top: 65px;
	padding-right: 7px;
	padding-bottom: 0px;
	margin-left: 7px;
	padding-left: 8px;
}
#divHeader ul.nav li a:hover {
	color:#007558;
	background-color: #EAEAEA;
}
#divHeader ul.nav li.current a {
	color:#007558;
}
#divHeader ul.nav li.current a.page1 { border-bottom:3px solid #FF0000; }
#divHeader ul.nav li.current a.page2 { border-bottom:3px solid #FF0000; }
#divHeader ul.nav li.current a.page3 { border-bottom:3px solid #FF0000; }
#divHeader ul.nav li.current a.page4 { border-bottom:3px solid #FF0000; }
#divHeader ul.nav li.current a.page5 { border-bottom:3px solid #FF0000; }
#divHeader ul.nav li.current a.page6 { border-bottom:3px solid #FF0000; }
#divHeader ul.nav li a.page1:hover { border-bottom:3px solid #FF0000; }
#divHeader ul.nav li a.page2:hover { border-bottom:3px solid #FF0000; }
#divHeader ul.nav li a.page3:hover { border-bottom:3px solid #FF0000; }
#divHeader ul.nav li a.page4:hover { border-bottom:3px solid #FF0000; }
#divHeader ul.nav li a.page5:hover { border-bottom:3px solid #FF0000; }
#divHeader ul.nav li a.page6:hover { border-bottom:3px solid #FF0000; }

/* logged in menu */

#divSubMenuWrapper {
	width:760px;
	background:#444;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
#divSubMenu { padding: 0 20px; text-align:center; color:#aaa; font-size:12px; }
#divSubMenu a { border:0; text-transform:uppercase; color:#aaa; }
#divSubMenu a:hover { color:#fff; border-bottom:2px solid #fff; }
#divSubMenu a.current { color:#9c3; border-bottom:2px solid #9c3; }

/* main area */

#divContentWrapper {
	width:800px;
	background-color: #FFFFFF;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0;
	padding-left: 0;
	height: auto;
}
#divContent {
	min-height:300px;
	height:auto !important;
	height:300px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}

#divContent h2 { margin:0 0 30px 0; font-size:24px; line-height:24px; font-weight:normal; color:#ddd; }

/* index.php only */
#divTopContent {
	float:right;
	width:400px;
	padding: 0px;
	height: 20px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #007558;
	clip: rect(auto,auto,auto,auto);
	color: #007558;
	font-weight: lighter;
	left: 5px;
	right: 5px;
	text-align: center;
}

#divFrontContent {
	height:auto;
	width: 590px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	float: right;
	font-family: Verdana;
	font-size: 16px;
	color: #000000;
	text-align: left;
	padding-left: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #007558;
	background-image: url(../images/solvina_bottom.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 140px;
}
#divFrontMenu {
	width:125px;
	height: 380px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #007558;
	padding-top: 10px;
	padding-left: 0px;
}
#divIntervju {
	height:auto;
	width: 490px;
	float: left;
	font-family: Verdana;
	font-size: 16px;
	color: #000000;
	text-align: left;
	background-image: url(/images/portraits/mle.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 100px;
}
#divIntervju2 {
	height:auto;
	width: 490px;
	float: left;
	font-family: Verdana;
	font-size: 16px;
	color: #000000;
	text-align: left;
	background-image: url(/images/portraits/iar.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 100px;
}
#divSigill {
	width:130px;
	height: 300px;
	float: left;
}
#divBottomContent {
	float:right;
	width:590px;
	padding: 0px;
	height: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #007558;
	clip: rect(auto,auto,auto,auto);
	font-weight: lighter;
	left: 5px;
	right: 5px;
	text-align: center;
	font-family: Verdana;
	font-size: 9px;
	background-image: url(../images/solvina_web_footer.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#divBottomContentEng {
	float:right;
	width:590px;
	padding: 0px;
	height: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #007558;
	clip: rect(auto,auto,auto,auto);
	font-weight: lighter;
	left: 5px;
	right: 5px;
	text-align: center;
	font-family: Verdana;
	font-size: 9px;
	background-image: url(../images/solvina_web_footer_eng.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#hdrFrontBig { text-align:right; font-size:24px; font-weight:normal; }
#hdrFrontBig a { border:0; }

/* projects.php only */

#divProjectsLeft { float:left; width:210px; }
#divProjectsRight { float:right; width:470px; }
#divProjectThumbs { display:none; } /* overridden using jQuery - hidden only when no javascript - this avoids a noscript tag in the head */
div.projectThumb { float:left; margin:0 28px 30px 0; }
div.projectThumb a { border:0; }
div.projectThumb a img { width:120px; height:84px; border:4px solid #ccc; }
div.projectThumb a:hover img { border:4px solid #9c3; }
#facebox a.close { border:0; }
#facebox a img.close_image { border:0; }
div.projectBox { width:580px; height:180px; padding:10px; color:#333; }
div.projectBox img.projectBoxShot { float:left; border:1px solid #333 !important; margin:0 10px 10px 0; }
div.projectBox h3 { font-size:12px; margin:0 0 0px 0; }
div.projectBox h4, div.projectBox p { margin:0 0 10px 0; }
div.projectBox a { color:#9c0; border-bottom:1px dotted #9c0; }
div.projectBox a:hover {
	color:#000000;
	border-bottom:1px dotted #adf;
}

/* contact.php only */

#divContactLeft { float:left; width:210px; }
#divContactRight { float:right; width:470px; }
div.standardForm { padding:10px; background:#444; margin:0 0 15px 0; }
div.standardForm div.row { clear:both; }
div.standardForm div.row span { padding-top:8px; }
div.standardForm div.row span.left { width:120px; float:left; text-align:right; padding-left:16px; }
div.standardForm div.row span.right { float:right; width:290px; text-align:left; }
div.standardForm div.row span.right .text { background:#eee; border:0; padding:2px; font-size:12px; }
div.standardForm div.spacer { clear:both; height:10px; }
div.standardForm input.submit { border:1px solid #999; background:#ccc; padding:4px; font-weight:bold; border-top:1px solid #eee; border-left:1px solid #eee; margin:0; }
div.standardForm img.captcha { border:0; vertical-align:middle; }
div.standardForm label.error { display:block; color:#fc3; }

/* cc page only */

table.cardNumbers { width:100%; margin-bottom:10px; }
table.cardNumbers td { vertical-align:top; width:25%; padding-bottom:10px; }


/* footer */

#divFooterWrapper {
	width:800px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
#divFooter {
	font-size:10px;
	font-family:verdana;
	margin-top: 10px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 10px;
}
#divFooter ul { width:200px; float:right; margin:0 20px 0 0; border-top:1px dotted #555; color:#777; }
#divFooter ul.left { width:460px; float:left; margin:0 0 0 20px; }
#divFooter ul li { height:30px; line-height:30px; border-bottom:1px dotted #555; }
#divFooter ul li a { color:#777; text-decoration:none; border:none; }
#divFooter ul li a.icon { display:block; height:30px; line-height:30px; }
#divFooter ul li a:hover { color:#fff; }
#divFooter ul li a.delicious { background:url(../images/) center left no-repeat; padding-left:20px; }
#divFooter ul li a.digg { background:url(../images/) center left no-repeat; padding-left:20px; }
#divFooter ul li a.reddit { background:url(../images/) center left no-repeat; padding-left:20px; }
#divFooter ul li a.stumbleupon { background:url(../images/) center left no-repeat; padding-left:20px; }


/* exceptions */

div.capabilityWarning { background:#444; color:#fc3; padding:10px; margin:0 0 30px 0; text-align:center; }
div.capabilityWarning a { font-weight:bold; }
div.domainListing { font-size:16px; margin:0 0 0.5em 0; font-weight:bold; letter-spacing:1px; }