html, body {
	background-color: #FFFFFF;
	color: #000000;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background-color: #FFFFFF;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

a, a:hover, a:active, a:visited {
	text-decoration:none;
}

#wrapper {
	width: 810px;
	height: 600px;
	margin-left: -405px;
	margin-top: -300px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-color:transparent;
}

#header {
	width:810px;
	height:64px;
	background:transparent url(../images/smartflex_logo.jpg) no-repeat top left;
	text-align:right;
	font-size:11px;
	line-height:32px;
	font-weight:bold;
	clear:both;
}

#header a {
  background-color:inherit;
	color:#000000;
  border-bottom:0px solid #FD802C;
}

#header a:hover {
  background-color:inherit;
  color:#000000;
  border-bottom:1px solid #FD802C;
}

#footer {
	width:810px;
	height:50px;
  background-color:inherit;
	text-align:right;
	font-size:11px;
	line-height:25px;
	color:#D4DADA;
	font-weight:bold;
	clear:both;
}

#content {
	width:814px;
	height:486px;
	min-height:486px;
	background:transparent url(../images/content_bg.jpg) no-repeat top left;
}

.box {
	background-color:transparent;
	border:1px solid #FFFFFF;
	float:left;
}

.doublebox {
	background-color:transparent;
	border:1px solid #FFFFFF;
	float:left;
}

.doubleboxW {
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #FFFFFE;
	float:left;
	display:block;
}

.box_size, .yell, .oran, .gray {
	width:160px;
	height:160px;
}

.doublebox_size {
	width:322px;
	height:160px;
}

.desc {
	background-color:#FFFFFF;
	color:#000000;
	width:292px;
	height:140px;
	padding:10px 15px 10px 15px;
}

.box-orange {
	background-color:#FD802C;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	float:left;
	text-align:right;
}

.box-yellow {
	background-color:#FFB400;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	float:left;
	text-align:right;
}

.box-gray {
	background-color:#515154;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	float:left;
	text-align:right;
}

.box-lightgray {
	background-color:#D4DADA;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	float:left;
	text-align:right;
}

.yell a {
	display:block;
	background-color:#FFB400;
	width:160px;
	height:160px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	float:left;
}

.yell a:hover {
	background-color:transparent;
}

.oran a {
	display:block;
	background-color:#FD802C;
	width:160px;
	height:160px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-align:right;
}

.oran a:hover {
	background-color:transparent;
	color:#FD802C;
}

.gray a {
	display:block;
	background-color:#515154;
	width:160px;
	height:160px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-align:right;
}

.gray a:hover {
	background-color:transparent;
}

.text {
	position:relative;
  top:80px;
  right:5px;
	font-size:16px;
	font-weight:bold;
	clear:both;
}

.subtext {
	position:relative;
  top:100px;
  right:5px;
	font-size:12px;
	font-weight:bold;
	clear:both;
}

.desc_title {
  background-color:inherit;
	position:relative;
  top:0;
  font-size:12px;
	font-weight:bold;
	color:#FD802C;
}

.desc_text {
  background-color:inherit;
	position:relative;
  top:20px;
	font-size:10px;
	font-weight:normal;
	color:#000000;
	text-align:justify;
}

/*
orange #FD802C
zuta #FFB400
svijetlo siva #D4DADA
tamno siva #515154
*/