/* 

	project: symmetry
	author:  luka cvrk (www.solucija.com) */

*
{
	margin: 0;
	padding: 0;
}
* body
{
	font: .74em "Trebuchet MS" ,Arial,Tahoma, sans-serif;
	line-height: 1.7em;
	background: #fff;
	color: #444;
	margin: 10px 0 0 0;
}
a
{
	color: #BA321A;
	background: inherit;
}
a:hover
{
	color: #6C757A;
	background: inherit;
}
.orange
{
	color: #BA321A;
}
h1 a, h2 a
{
	text-decoration: none;
}
h1 a:hover, h2 a:hover
{
	color: #FF6600;
	background: inherit;
}
h2
{
	font-size: 1.5em;
	margin-bottom: 5px;
	color: #000;
	background: inherit;
	border-bottom: 1px solid #eee;
}
h3
{
	padding: 0 0 5px 0;
	margin: 0 0 15px;
	border-bottom: 1px solid #eee;
}
p
{
	margin: 0 0 25px 0;
}
.quote
{
	background: #fff url(images/quote.gif) no-repeat right top;
}

ul
{
	list-style: none;
}
.left ul
{
	margin: 0 0 20px 15px;
	list-style: square;
}
.left ol
{
	margin: 0 0 20px 25px;
}

img
{
	border: 0;
}
.tabimg
{
	border: none;
	margin-bottom: -6px;
	margin-right: 1px;
}

/* layout
   ------ */

.content
{
	margin: 0 auto;
	width: 860px;
}

.header
{
	height: 122px;
	background: #fff url(images/headerbg.gif) repeat-x bottom;
	color: #808080;
	margin: 0 0 15px;
	padding: 0 0 0 0;
}
.top
{
	float: right;
	text-align: right;
	font-size: .9em;
	padding: 15px 0 0;
	width: 600px;
}
.logo
{
	float: left;
}

#leftmenu
{
	clear: left;
	float: left;
}
#leftmenu li
{
	float: left;
	margin: 7px 1px 0 5px;
}
#leftmenu li a
{
	padding: 6px 10px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	background: #BA321A;
}
#leftmenu li a:hover
{
	background: #A12713;
}

/* menu */
#menu
{
	position: absolute;
	top: 22px;
	left: 440px;
	width: 50%;
	max-width: 500px;
	text-align: right;
	float: right;
}
.basictab
{
	position: absolute;
	top: 92px;
	left: 440px;
	width: 50%;
	float: right;
	list-style-type: none;
	text-align: right;
}
.basictab li
{
	display: inline;
	margin: 0;
}
.basictab li a
{
	cursor: pointer;
	text-transform: uppercase;
	text-decoration: none;
	padding: 7px 15px;
	color: #fff;
}
.basictab li a:hover
{
	background: #9A2815;
	color: #fff;
}
.submenustyle
{
	margin: 0;
	display: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
}

* html .submenustyle
{
	/*IE only width definition*/
	width: 100%;
}

.submenustyle a
{
	padding: 1px 2px 1px 7px;
	margin: 0 0 0 5px;
	text-decoration: none;
	color: #fff;
	background: #C53417 url(images/bullet.gif) no-repeat center left;
}
.submenustyle a:hover
{
	background: #9A2815 url(images/bullet.gif) no-repeat center left;
	color: #fff;
}
#software, #solutions, #consulting
{
	padding: 10px;
	background: #C53417 url(images/submenu.gif) no-repeat 0 5px;
	border-left: 5px solid #992613;
}
.ch2
{
	font-size: 1.5em;
	color: #000;
	background: inherit;
}
.byline
{
	display: block;
	font-style: italic;
	font-weight: bold;
	font-size: smaller;
	margin-bottom: 5px;
	background: inherit;
	border-bottom: 1px solid #eee;
}
/* left side
--------- */

.left
{
	float: left;
	width: 550px;
	margin: 0 0 10px 0;
}

.left h2
{
	clear: both;
	color: #444;
	padding: 3px 0 3px 3px;
	font: bold 1.4em "Trebuchet MS" , Arial, Sans-Serif;
	margin: 0 0 10px 0;
}

#lh
{
	float: left;
	width: 260px;
}
#rh
{
	float: right;
	width: 260px;
}
#full
{
	float: left;
	width: 520px;
}

/* right side
   ---------- */

.right
{
	float: right;
	width: 280px;
	margin: 0 0 10px 0;
}
.box
{
	border: 1px solid #ccc;
	margin: 0 0 10px 0;
}
.inner
{
	font-size: .9em;
	background: #f4f4f4;
	border: 1px solid #fff;
	padding: 15px 15px 0;
}
.inner img
{
	float: left;
	margin: 0 10px 0 0;
}
.yellow
{
	font-size: .9em;
	background: #FFFCD4;
	border: 1px solid #fff;
	padding: 15px 15px 0;
}

.right h4
{
	margin: 0 0 4px;
}
.right ul
{
	margin: 0 0 10px;
}
.right li
{
	padding: 0 0 0 12px;
	margin: 0 0 0 5px;
	background: url(images/arrow.gif) no-repeat 0 7px;
}
.right li a
{
	background: none;
}
/* footer
   ------ */

.footer
{
	clear: both;
	font-size: .9em;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	line-height: 2em;
	color: #808080;
}
.footer a
{
	color: #808080;
	background: #fff;
}
.footer .right
{
	text-align: right;
}

/* begin css tabs */

ul#tabnav
{
	/* general settings */
	text-align: left; /* set to left, right or center */
	margin: 0em 0em 0em 0em; /* set margins as desired */
	list-style-type: none;
	background-color: #fff;
}

ul#tabnav li
{
	/* do not change */
	display: inline;
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a
{
	/* settings for selected tab link */
	background-color: #fff; /* set selected tab background color as desired */
	color: #000; /* set selected tab link color as desired */
	position: relative;
}

ul#tabnav li a
{
	/* settings for all tab links */
	background-color: #fff; /* set unselected tab background color as desired */
	color: #fff; /* set unselected tab link color as desired */
	text-decoration: none;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4
{
	/* settings for selected tab */
	background-color: #fff; /* set background color to match above border color */
}

ul#tabnav a:hover
{
	/* settings for hover effect */
	background: transparent; /* set desired hover color */
}

.dataContainer
{
	border: 4px solid #eee;
	padding-left: 4px;
	height: 330px;
}

.textBox
{
	border: 1px solid #aaa;
	font-family: Tahoma, Verdana;
	font-size: 15px;
	vertical-align: middle;
	margin-right: 0.5em;
	padding: 0.1em 0.1em 0.2em 0.2em !important /*Non-IE6*/;
	padding: 0.2em 0.1em 0.3em 0.2em /*IE6*/;
}

.mandatory
{
	/*background: #fff url(images/required.png) no-repeat right center;*/
	font-size: 20px;
	vertical-align: middle;
	color: Red;
	padding: 8px 8px 8px 8px;
}

.rowDIV
{
	margin-bottom: 0.5em;
	padding: 0.1em 0.1em 0.5em 0.4em !important /*Non-IE6*/;
	padding: 0.2em 0.1em 0.5em 0.4em /*IE6*/;
}

.mandatoryBG
{
	background: #FF4500 url(images/information.png) no-repeat right top;
	padding: 8px 8px 8px 8px;
	color: #fff;
}

.gradient
{
	z-index: 10;
}

.buttonBox
{
	font-family: Tahoma;
	border: 1px solid #eee;
	background-color: #eee;
}

.buttonBox:hover
{
	font-family: Tahoma;
	border: 1px solid #aaa;
	background-color: #eee;
}
/* end css tabs */