/********** BODY ***********/
body {
  background-color : #FFFFFF;
  text-align : center;
  margin : 0 0 0 0;
  padding : 0 0 0 0;
}

div#container {
  margin : 5px auto 0 auto;
  width : 800px;
  background-color : white;
  background-image : url('../i/gita.jpg');
  background-repeat: no-repeat;
  background-position: bottom left; 
}

div#content {
  text-align : left;
  margin : 5px 5px 5px 150px;
  padding: 5px 0px 5px 10px;
  background-image : url('../i/figa.jpg');
  background-repeat: no-repeat;
  background-position: top right; 
  border-left: 1px solid #BB141B;
}

h1 {
  color : #BB141B;
  border-bottom : 1px solid #BB141B;
  text-align : left;
  margin : 0px 210px 5px 0px;
  padding : 0px 0px 0px 0px;
  font-style : italic;  
}

h2 {
  color : #BB141B;
  border-bottom : 1px solid #BB141B;
  text-align : left;
  margin : 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
  font-style : italic;  
}

/********** HEADER ***********/
div#header {
  width : 800px;
  height : 120px;
  margin : 0 0 0 0;
  padding : 0 0 0 0;
}

/******** LINKS ************/
div#sections {
  float: left;
  width: 140px;
  font-weight : bold;
}

div#sections ul {
  margin : 5px 0px 0px 0px;
  padding : 5px 0px 0px 0px;
  text-align : left;
}

div#sections li {
  list-style-type : none;
  padding: 5px 0px 5px 0px;
  border-bottom : 1px dashed #BB141B;
}

div#sections li a {
  padding: 0px 0px 0px 25px;
}

div#sections li a:hover {
  border : none;
  background-repeat: no-repeat;
  background-position: center left; 
}

div#sections li a.s1:hover {
  background-image : url('../i/house.jpg');
  color : blue;
}

div#sections li a.s2:hover {
  background-image : url('../i/house2.jpg');
  color : purple;
}

div#sections li a.s3:hover {
  background-image : url('../i/house3.jpg');
  color : green;
}

div#sections li a.s4:hover {
  background-image : url('../i/house4.jpg');
  color : #FFA500;
}

/****** FOOTER *********/
div#footer {
  text-align : center;
  padding : 5px 5px 5px 5px;
  margin : 0px 5px 0px 5px;
  font-weight : bold;
}

div#footer a {
  text-decoration : none;
}

div#footer a img {
  border : none;
}

/************ FAQs **************/
dl#faq dt {
  margin : 5px 5px 5px 5px;
  padding : 10px 0px 0px 0px;
  font-weight : bold;
  border-bottom : 1px solid #BB141B;
  cursor : pointer;
}


/************ ADVANTAGES **************/
dl dt {
  margin : 5px 5px 5px 5px;
  padding : 10px 0px 0px 0px;
  font-weight : bold;
  border-bottom : 1px solid #BB141B;
}

/************** CONTACT ***********/
div#contact {
  background-image : url('../i/phone.jpg');
  background-repeat: no-repeat;
  background-position : left;
  margin : 0px 50px 0px 50px;
  padding : 50px 0px 50px 0px;
  width : 500px;
}

div#contact div {
  text-align : left;
	background-color: #FFFFFF;
	padding : 5px 5px 5px 200px;
	background : transparent;
}

div#contact div span {
  display : block;
  font-weight: bold;
  font-size : 20px;
  font-family : Bradley Hand ITC;
}

/********* TABLES ************/
table  {
  width : 500px;
  margin : 10px 50px 0px 50px;
  border-collapse: collapse;
}

table tr th {
  text-align : left;
  background-color : #FFFFFF;
  color : #BB141B;
  font-style : italic;
}

table tr.odd td {
  background-color : #EBE8D6;
  font-weight : bold;
  padding : 0 0 0 5px;
}

table tr.even td {
  font-weight : bold;
  padding : 0 0 0 5px;
}

/********* PRICES ************/
div#promo {
  text-align : left;
  color : green;
  font-size : 24px;
}

td.aud, th.aud {
  display : none;
}

td.cad, th.cad {
  display : none;
}

td.eur, th.eur {
  display : none;
}

td.gbp, th.gbp {
  display : none;
}

/******* SOFTWARE *************/
a.image1 {
  float : left;
  margin : 10px 5px 5px 5px;
  padding : 0px 0px 0px 0px !important;
  padding : 0px 6px 0px 0px; 
  position: relative;
  background: url('../i/shadow.gif') no-repeat bottom right;
}

a.image2 {
  float : right;
  margin : 10px 0px 5px 10px;
  padding : 0px 0px 0px 0px !important;
  padding : 0px 6px 0px 0px; 
  position: relative;
  background: url('../i/shadow.gif') no-repeat bottom right;
}

img.software {
  border : 1px solid #BB141B;
  margin: -6px 6px 6px -6px !important;
  margin: -6px 6px 2px -6px;
  position: relative;
  padding : 4px 4px 4px 4px;
}

ul {
  list-style-type : decimal;
  color : #BB141B;
  font-weight : bold;
}

/********* INDEX ************/
div.info {
  width : 200px;
  float : left;
  margin : 0px 5px 5px 5px;
  padding : 0px 0px 0px 0px !important;
  padding : 0px 0px 5px 0px; 
  position: relative;
  background: url('../i/shadow.gif') no-repeat bottom right;
}

div.info div.box {
  border : 1px solid #BB141B;
  margin: -6px 6px 6px -6px !important;
  margin: 0px 6px 0px 0px;
  position: relative;
}

div.info span.title {
  display : block;
  background-color : #BB141B;
  color : #FFFFFF;
  padding : 2px 2px 2px 2px;
  font-weight : bold;
}

div.info span.text {
  display : block;
  padding : 2px 2px 2px 2px;
  background : #FFFFFF;
}

/********* IMAGE ************/
img#ishelter {
	border : none;
	padding : 5px 5px 5px 5px;
	margin : 25px 5px 5px 5px;
}

img#admin {
	border : none;
	padding : 5px 5px 5px 5px;
	margin : 25px 5px 25px 200px;
}

img.screen {
  width : 600px;
  display : block;
  margin : 10px 5px 5px 5px;
}

/********* FEATURES **********/
div#f ul.p {
  float : left;
  width : 260px;
  list-style-type : none;
  padding : 0px 0px 0px 0px;
  margin : 0px 0px 15px 20px;
}

div#f li.t {
  font-size : 24px;
  margin-bottom : 5px;
  border-bottom : 1px solid #BB141B;
  color : #BB141B;
}

div#f li {
  color : #000000;
}

div#f li.pl {
  color : gray;
}

/********* GENERAL **********/
p:first-letter {
  color : #BB141B;
  font-size: 200%;
}

br {
	clear : both;
}

a {
  text-decoration: none;
  color : #7F7F7F;
}

a:hover {
  color : #BB141B;
}

span.important {
  color : #BB141B;
  font-weight : bold;
}

/******* FORMS **********/
div#content form#form {
  margin : 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
}

div#content form#form label {
  font-weight : bold;
  float : left;
  text-align: right;
  width : 30%;
  margin : 5px 0px 0px 0px;
  padding : 0px 5px 0px 0px;
}

div#content form#form label:after {
  content : ' :';
}

div#content form#form input,  div#content form#form textarea {
  margin: 5px 0px 5px 10px;
  padding : 0px 0px 0px 0px;
  border : 1px solid #BB141B;
  width : 250px;
}

div#content form#form textarea {
  width : 250px;
  height : 100px;
}

div#content form#form input#submit {
  margin : 5px 0px 0px 30%;
  background-color : #BB141B;
  color : #FFFFFF;
  width : 70px;
}

div#content span.e {
  margin : 0px 200px 0px 200px;
  color : red;
  font-style : italic;
}