/* ----------------
// Standard Elements
// ---------------- */

* {
	margin:                 0;
}

html, body {
	height:                 100%;
}

body {
	margin:                 0;
	padding:                0;
  font:                   10pt "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color:                  #000000;
  background:             url(page_bg.jpg) no-repeat center top;
}

a {
  color:                  #a00e0e;
}

a:hover {
	text-decoration:        none;
}

img {
	border:                 0px;
}

p {
  margin:                 0 0 20px 0;
  padding:                0;
}

form {
	margin:                 0;
	padding:                0;
	text-align:             left;	
}

label.form {
	display:                block;
	min-width:              150px;
	font-weight:            bold;
	margin:                 4px 0 2px 0;
}

input.input,
select.input,
textarea.input,
iframe.input {
	color:                  #505050;
	padding:                4px !important;
	border:                 1px solid #cccccc;
	border-top:             2px groove #dddddd;
	margin-bottom:          2px;
	letter-spacing:         0px;
}

.indent {
	margin-left:            20px;
}

.clear {
  clear:                  both;
}

/* ----------------
// Page
// ---------------- */

#page {
  min-height:             100%;
  height:                 auto !important;
  height:                 100%;
  margin:                 0 auto -50px;
}

/* ----------------
// Header
// ---------------- */

#header {
  height:                 240px;
  color:                  #ffffff;
  background:             url(header_bg.gif) repeat-x top;
}

#header a {
  color:                  #ffffff;
}

#header .content {
  width:                  970px;
  margin:                 0 auto;
}

#header .logo {
  float:                  left;
  margin:                 0 11px 0 8px;
}

#header .text {
  float:                  left;
  margin-top:             10px;
  width:                  277px;
  height:                 190px;
  font-size:              0pt;
  text-indent:            -999em;
  background:             url(locales/is/header_text.png) no-repeat left center;
  overflow:               hidden;
}

#header .info {
  float:                  left;
  width:                  465px;
  margin-top:             70px;
  font-size:              0.9em;
}

#header .info img {
  float:                  left;
  margin-right:           10px;
}

#header .info p {
  margin:                 0 0 16px 0;
}

/* ----------------
// Headers
// ---------------- */

h1 {
  margin:                 5px 0 0 0;
  padding:                0;
}

h1 a {
  display:                block;
  width:                  190px;
  height:                 190px;
  font-size:              0pt;
  text-indent:            -999em;
  background:             url(logo.png) no-repeat;
  overflow:               hidden;  
}

h2 {
  height:                 41px;
  margin:                 6px 0 0 0;
  padding:                0;
  font-size:              1.8em;
/*  font-size:              0pt;
  text-indent:            -999em;*/
  overflow:               hidden;
}

/*h2#header_1 {
  background:             url(locales/is/page/header_1.gif) no-repeat left center;
}

h2#header_2 {
  background:             url(locales/is/page/header_2.gif) no-repeat left center;
}

h2#header_3 {
  background:             url(locales/is/page/header_3.gif) no-repeat left center;
}*/

h3 {
  margin:                 0 0 10px 0;
  padding:                0;
  font-size:              1.1em;
  color:                  #a00e0e;
/*  color:                  #536b7b;*/
}

/* ----------------
// Content
// ---------------- */

#main {
  clear:                  both;
  width:                  930px;
  margin:                 0 auto;
}

/*#sidebar {
  float:                  left;
  padding:                0 10px 0 10px;
  margin-right:           20px;
  width:                  148px;
}

#sidebar .contact {
  padding:                0 4px;
}*/

#content {
  float:                  left;
  width:                  930px;
  line-height:            1.5em;
}

/* ----------------
// Menu
// ---------------- */

#main_menu {
  margin:                 0 0 40px 0;
  padding:                0;
  list-style-type:        none;
}

#main_menu li {
  padding:                0;
  margin:                 0;
}

#main_menu li a {
  display:                block;
  height:                 25px;
  padding:                7px 10px 5px 10px;
  text-decoration:        none;
  font-size:              1.4em;
  color:                  #536b7b;
/*  font-size:              0pt;*/
/*  text-indent:            -999em;*/
  overflow:               hidden;
}

#main_menu li.open a {
  color:                  #ffffff;
  background:             #536b7b;
}

#main_menu li.right {
  margin-top:             10px;
  padding-left:           10px;
}

#main_menu li.right a {
  display:                inline;
  padding:                0 5px 0 0;
}

/*#menu li a.item_1 {
  background:             url(locales/is/menu/item_1.gif) no-repeat left center;
}

#menu li.selected a.item_1 {
  background:             url(locales/is/menu/item_1_selected.gif) no-repeat left center;
}

#menu li a.item_2 {
  background:             url(locales/is/menu/item_2.gif) no-repeat left center;
}

#menu li.selected a.item_2 {
  background:             url(locales/is/menu/item_2_selected.gif) no-repeat left center;
}

#menu li a.item_3 {
  background:             url(locales/is/menu/item_3.gif) no-repeat left center;
}

#menu li.selected a.item_3 {
  background:             url(locales/is/menu/item_3_selected.gif) no-repeat left center;
}*/

/* ----------------
// Footer
// ---------------- */

#footer {
  clear:                  both;
  background:             url(footer_bg.gif) repeat-x;
  overflow:               hidden;
}

#footer .content {
  width:                  930px;
  padding-top:            20px;
  margin:                 0 auto;
  font-size:              0.9em;
  color:                  #ffffff;
}

#footer .content a {
  color:                  #ffffff;
}

#footer, .push {
	height:                 50px;
}

#footer .poweredby {
  float:                  right;
}

/* ----------------
// Lists
// ---------------- */

ul.grid {
  margin:                 0;
  padding:                0;
  list-style-type:        none;
}

ul.grid li {
  float:                  left;
}

ul.cols3 li {
  margin-right:           40px;
}

ul.cols3 li.last {
  margin-right:           0;
}

/* ----------------
// Screenshots
// ---------------- */

ul.screenshots li {
  padding-bottom:         30px;
}

ul.screenshots li strong {
  display:                block;
  padding:                10px 0 5px 0;
}

img.screenshot {
  padding:                10px;
  background:             url(screen_border.gif) no-repeat;
}