.cosmos, .cosmos a, .cosmos a:hover { font-size: 12px; font-weight: normal; color: #000080; text-decoration: none; }
.cosmos a:hover { text-decoration: underline; }
.cosmos a.unselected, .cosmos a.active { width: 15px; text-align: center; }
.cosmos a.unselected { background-color: #FFFCE9; border: 1px solid #ECE9D8; }
.cosmos a.unselected:hover { background-color: #ECE9D8; border: 1px solid #BBB9AB; text-decoration: none; }
.cosmos a.active { background-color: #E0B485; border: 1px solid #E0882B; }
.cosmos a.active:hover { background-color: #E0882B; border: 1px solid #90571C; text-decoration: none; }

/* custom stuff */
html {
  height: 100%;
  margin-bottom: 1px;
}

form {
  margin: 0;
  padding: 0;
}

body {
	margin: 0px 0px 0px 0px;
	height: 100%;
	font-size: 76%;
	background: #fff;
}
body#page_bg { }

body.consultancy	{ }
body.software			{ }
body.backoffice		{ }

a:link, a:visited {
	color: #2d6992;
	text-decoration: none;
	font-weight: normal;
}
a:hover {
	text-decoration: underline;
	font-weight: normal;
}

p {
  margin-top: 0;
  margin-bottom: 5px;
  text-align: left;
}

div, p, table, td, th {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	line-height: 1.3em;
	font-size: 1em;
	color: #666;	
}

.center {
	text-align: center;
}

#wrapper div, #wrapper p, #wrapper table, #wrapper td, #wrapper th {
	text-align: left;
}



a.readmore {
	background: url(/black/css/default/arrow_r_blue.png) 0 50% no-repeat;
	display: block;
	font-size: 0.8em;
	padding-left: 10px;
	margin-bottom: 10px;
}
.modifydate {
	color: #c9cacb;
	font-size: 0.8em;
	padding: 0;
}

.quote {
	min-height: 33px;
	padding: 0 0 0 48px;
	background: url(/black/css/default/quote.png) 0 0 no-repeat;
	font-style: italic;
}

img.left {
	float: left;
	margin: 0 8px 8px 0;
	border: 0;
}
img.right {
	float: right;
	margin: 0 0 8px 8px;
	border: 0;
}
a img {
	border: 0;
}


h1 {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 1.8em;
	color: #333;
	margin: 0 0 16px 0;
}

h2, .contentheading {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	color: #666;
	margin: 0 0 16px 0;
}

h3, .componentheading {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	color: #666;
	margin: 0 0 4px 0;
}
h3 a:link, h3 a:visited  {
	font-size: 1em;
	font-weight: normal;
}
h3 a:hover {}

hr {
	/*border: 0;
	height: 11px;
	text-align: left;
	clear: left;
	background: url(/black/css/default/hr.png) 50% 50% no-repeat;*/
	border: 0;
	border-top: 1px dashed #ccc;
	height: 1px;
	margin: 10px 0;
	text-align: left;
	clear: left;
}	

.clr {
	clear: both;
}

#page_bg {
	height: 100%; 
	padding: 0;
	margin-bottom: 1px;
}


/** some content stuff **/
div#wrapper {
	margin-top: 32px;
	margin-left: auto;
	margin-right: auto;
	width: 920px;
	/*min-width: 650px;
	max-width: 920px;
	width: expression(document.body.clientWidth > 920? "920px": "auto" );*/
}


div.shadow_e {
	padding-right: 10px;
}
div.shadow_w {
	padding-left: 10px;
}
#top div.shadow_e { background: url(/black/css/default/shadow_ne.png) 100% 28px no-repeat; }
#top div.shadow_w { background: url(/black/css/default/shadow_nw.png) 0 0 no-repeat; }
#middle div.shadow_e { background: url(/black/css/default/shadow_e.png) 100% 0 repeat-y; }
#middle div.shadow_w { background: url(/black/css/default/shadow_w.png) 0 0 repeat-y; }
#bottom div.shadow_e { background: url(/black/css/default/shadow_se.png) 100% 100% no-repeat; }
#bottom div.shadow_w { background: url(/black/css/default/shadow_sw.png) 0 100% no-repeat; }

div.shadow_n {
	background: #efefef url(/black/css/default/shadow_n.png) 0 0 repeat-x;
	height: 120px;
}


div#top { }

div#top a#logolink {
	width: 80px;
	height: 71px;
	display: block;
	position: relative;
	left: 40px;
	top: 30px;
	background: url(/black/css/default/logo_itfarm.png) 0 0 no-repeat;
}

div#middle { }

div#bottom {
	background: url(/black/css/default/shadow_s.png) 0 100% repeat-x;
}

div#footer {
	/*margin: 0 26px;*/
	height: 1.8em;
	padding: 2px 24px 10px 24px;
	font-size: 0.9em;
	color: #a2a7a9;
	text-align: center;
	border-top: 1px solid #ccc;
}

div.colorbar {
	padding: 4px 20px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #000;
}
.consultancy	div.colorbar { background: #922d31; }
.software			div.colorbar { background: #d57a31; }
.backoffice		div.colorbar { background: #aaa676; }

div#showcase {
	/*height: 180px;*/
	width: 100%;
	overflow: hidden;
	background: #000;
}
div#showcase p {
	margin: 0;
}

div#pathway,
div#pathway a {
	color: #fff;
}
div#pathway .sep {
	padding: 0 0.3em;
	background: url(/black/css/default/arrow_r_white.png) 50% 50% no-repeat;
	height: 1em;
}


/** tab menu stuff **/
#tabnav {
	display: block;
	text-align: right;
	float: right;
	width: auto;
	height: 24px;
	background: #fff url(/black/css/default/top_cutaway_24.png) 0 0 no-repeat;
	padding-left: 64px;
	padding-top: 4px;
	margin-top: 4px;
}
#tabnav ul#mainlevel_tab {
	list-style: none;
	margin: 0;
	padding: 0;
}
#tabnav ul#mainlevel_tab li {
	float: left;
	display: block;
	height: 24px;
	line-height: 24px;
	padding-left: 32px;
	margin-left: -40px;
	position: relative;
	font-size: 12px;
	background: url(/black/css/default/tab_red_l_24.png) no-repeat;
	white-space: nowrap;
}
#tabnav ul#mainlevel_tab li.consultancy	{ background-image: url(/black/css/default/tab_red_l_24.png); }
#tabnav ul#mainlevel_tab li.software		{ background-image: url(/black/css/default/tab_yellow_l_24.png); }
#tabnav ul#mainlevel_tab li.backoffice	{ background-image: url(/black/css/default/tab_green_l_24.png); }
#tabnav ul#mainlevel_tab li.current {
	z-index: 1;
}
#tabnav ul#mainlevel_tab a {
	display: block;
	background: url(/black/css/default/tab_red_r_24.png) 100% 0 no-repeat;
	margin: 0;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 32px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #efefef;
}

#tabnav ul#mainlevel_tab li.consultancy a	{ background-image: url(/black/css/default/tab_red_r_24.png); }
#tabnav ul#mainlevel_tab li.software a		{ background-image: url(/black/css/default/tab_yellow_r_24.png); }
#tabnav ul#mainlevel_tab li.backoffice a	{ background-image: url(/black/css/default/tab_green_r_24.png); }
#tabnav ul#mainlevel_tab li.current a {
	color: #fff;
}
#tabnav ul#mainlevel_tab a:hover {
  color: #fff;
}
#tabnav ul#mainlevel_tab li.current a:hover {
	color: #fff;
}

/* ie6 only */
* html #tabnav { background-image: url(/black/css/default/top_cutaway.png); padding-left: 100px; }
* html #tabnav ul#mainlevel_tab li { width: 80px; }
* html #tabnav ul#mainlevel_tab li.consultancy, * html #tabnav ul#mainlevel_tab li { background-image: url(/black/css/default/tab_red_l.png); }
* html #tabnav ul#mainlevel_tab li.software		{ background-image: url(/black/css/default/tab_yellow_l.png); }
* html #tabnav ul#mainlevel_tab li.backoffice	{ background-image: url(/black/css/default/tab_green_l.png); }
* html #tabnav ul#mainlevel_tab li.consultancy a, * html #tabnav ul#mainlevel_tab a	{ background-image: url(/black/css/default/tab_red_r.png); }
* html #tabnav ul#mainlevel_tab li.software a		{ background-image: url(/black/css/default/tab_yellow_r.png); }
* html #tabnav ul#mainlevel_tab li.backoffice a	{ background-image: url(/black/css/default/tab_green_r.png); }



/* main menu */
ul#nav, ul#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul#nav li {
	margin: 0 0 1px 0;
	padding: 0;
}
ul#nav a {
	display: block;
	padding: 0.2em 0.2em 0.2em 0.6em;
	margin 0;
	text-decoration: none;
	font-size: 1.1em;
	color: #fff;
	background: #000;
}
* html ul#nav a { width: 100%; }
.consultancy	ul#nav a { background: #922d31; }
.software			ul#nav a { background: #d57a31; }
.backoffice		ul#nav a { background: #aaa676; }

ul#nav a:link, ul#nav a:visited {}
ul#nav a:hover {
	background: #000;
}
ul#nav ul a {
	font-size: 0.8em;
	background: #fff !important;
	color: #666;
}
ul#nav ul a:hover {
	background: #efefef !important;
}


/* icon menu */
ul#iconmenu {
	float: right;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul#iconmenu li {
	float: left;
	margin-left: 8px;
}
ul#iconmenu a {
	 color: #fff;
}
ul#iconmenu img {
	border: 0;
}



/* content layout */
#contentarea {
	padding: 24px 0;
	width: 100%;
}
#left_column {
	float: left;
	width: 160px;
}
#content_column {
	margin: 0 0 0 160px;
	padding: 0 20px;
}
#contentarea.layout2 { background: url(/black/css/default/column_right.png) 100% 0 repeat-y; }
#contentarea.layout2 #content_column { margin: 0 270px 0 160px; }

#content_full{
	/*margin: 0 180px;*/
	margin: 0 0px 0 0;
	padding: 0 20px;
}
#right_column {
	float: right;
	width: 250px;
	margin: 0;
	padding: 0 10px;
}
* html #right_column { width: 270px; }





.panel {}
.panel .panel_title {
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	padding: 0.2em 0.2em 0.2em 1em;
	margin: 0;
	background: #000;
}
.consultancy 	.panel .panel_title	{ background: #922d31; }
.software 		.panel .panel_title	{ background: #d57a31; }
.backoffice 	.panel .panel_title	{ background: #aaa676; }

.panel .panel_stretcher {
	background: #fff;
	border: 1px solid #ccc;
	border-top: 0;
	padding: 1em;
}



.leading {
	width: 100%;
}
.intro {
	width: 45%;
	float: left;
	padding-right: 8px;
}

/*#right_column hr { display: none; }*/
#right_column .leading img { display: none; }


a.logo_itfarm img { border:0; filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5; }
a.logo_itfarm img:hover { filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0; }

form#contactform {}
form#contactform fieldset {
	border: none;
}
form#contactform legend {
	display:none;
}
form#contactform label {
	display: block;
	float: left;
	margin: 5px 0 0 0;
	padding: 0;
	text-align: left;
	width: 120px;
}
form#contactform div.req label:after {
	content:" (*)";
}
form#contactform input, form#contactform textarea {
	color: #666666;
	margin: 5px 0 0 10px;
	width: auto;
}

/* gallery */
ul.gallery {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.gallery li {
	float: left;
	margin: 4px 8px 4px 0;
}
ul.gallery a {
	display: block;
	border: 0.1em solid #ccc;
	padding: 4px;
}
ul.gallery a:hover {
	border: 0.1em solid #7ea7cf;
}
ul.gallery a img {
	border: 0;
}