/* 

	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; }
.feature-image {padding: 15 0 0 0; vertical-align: top; text-align: right; }
.feature-description {padding: 15 0 0 10; vertical-align: top; text-align: left; }

img { border: 0; }

/* 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 span { padding: 6px 10px; color: #fff; text-decoration: none; font-size: 18px; background: #BA321A; }
	#leftmenu li a:hover { background: #A12713; }
	
	/* menu */
	#menu { position: absolute; top: 22px; left: 660px; width: 500px; text-align: right; }
	.basictab { position: absolute; top: 92px; left: 560px; width: 600px; 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, #documentation, #outsourcing { padding: 10px; background: #C53417 url(images/submenu.gif) no-repeat 0 5px; border-left: 5px solid #992613; }
	
/* left side
--------- */

.left {
	float: left;
	width: 500px;
	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: 310px; }	
	
		
/* 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: #D22A03; border: 1px solid #fff;padding: 15px 15px 0; color: white; font-weight:bold;}
	.inner img { float: left; margin: 0 6px 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; }