/* CSS Document av Dieter Schneider 2007 */

* {margin: 0; padding: 0;}

/************************************* Main structure *************************/

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%;
}

#container {
	background-image: url(../images/container_bg.png);
	background-repeat: no-repeat;
	height: 465px;
	width: 931px;
	font-size: 1.2em;
	margin: 4px;
	border-top: 1px solid white;
}

#header {
	height: 205px;
	padding-top: 10px;
	margin-left: 291px;
}

#mainbanner {
        float: left;
	width: 565px;
	height: 129px;
	padding:13px 0px 0px 0;
        margin:0 0 20px 0;
}

#maincontent {
        float: left;
	width: 565px;
}

#header_right {
        float: right;
        height: 206px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 100px;
}

#left {
	float:left;
	width: 225px;
	margin-left: 45px;
	margin-top: 120px;
}

#right {
	margin-left: 340px;
	margin-top: 70px;
	margin-right: 50px;
}

#footer {
	padding: 20px;
	text-align: center;
	border-top: 1px dotted #CCCCCC;
	background-color: #F9F7EA;
}

.footer {
    font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 90.0%;
}

.date_box {
	background-color: #FFFFFF;
	background-image: url(../images/date.jpg);
	height: 51px;
	width: 52px;
	float: left;
}

.date_box_month {
	padding-top: 6px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 3px;
	text-align: center;
	color: #75a006;
}

.date_box_day {
	font-size: 22px;
	font-weight: bold;
	padding-left: 3px;
	text-align: center;
	font-style: italic;	
	color: #654040;
}

table {
    padding:0 0 10px 20px;
}

table.sitting {
    width: 100%
}

table.sitting th {
    background-color: #DCE3ED;
}

table.sitting th.sub{
  background-color: #A6BB7A;
}

table.sitting td {
    background-color: #F9F7EA;
    text-align: center;
}

/************************************* Right Header *************************/

#header_right h3 {
	margin-top: 20px;
	padding: 5px;
	font-size: 1.2em;
	color: #A6BB7A;
}

#header_right ul{
    padding: 5px;
    list-style: none;
}

#header_right ul li{
    padding-bottom: 7px;
    
}

/************************************* Left Header *************************/

#header_left h1 {
	color: #87a448;
	margin-top: 50px;
	margin-left: 10px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 2.2em;
}

#header_left h2 {
	color: #bf8a44;
	margin-left: 60px;
	font-size: 1.4em;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
}

/******************************* Text and image formatting *******************************/

#googlemap {
    height: 400px;
    border: 1px solid silver;
    margin-left: 2.0em;
}
p {padding:0 0 10px 20px;
}

p.quote:first-letter 
{
	color: #6F9800;
	font-size:xx-large;
	margin-top: 20px;
	font-size: 2.5em;
    padding-right: 2px;  
}

#right ul{
    list-style: url(../images/li.png);
	padding-left: 50px;
}

#right ol{

	padding-left: 50px;
}


#right h3 {
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #F5F9EB;
	padding: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CEAC86;
	border-bottom-color: #CEAC86;
	font-size: 1.2em;
	color: #A6BB7A;
}

.red {color: #614240;}

h4 {
	width: 210px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #F5F9EB;
	padding: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CEAC86;
	border-bottom-color: #CEAC86;
	font-size: 1.2em;
	color: #A6BB7A;
}

blockquote {
	background-color: #F4F7F0;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 30px;
	padding-bottom:30px;
	border: 1px dotted #EBE2B7;
	background-image: url(../images/blockquote.png);
	background-repeat: no-repeat;
	font-style: italic;
}

.read_more {
	background-color: #FFFFFF;
	padding: 3px;
	text-align: right;
	font-weight: bold;
	font-style: italic;
}

img {border: none;}

.float_left {float: left;
              margin-right: 10px;}
			  
.float_right {float: right;
              margin-left: 10px;}
			 
a:link {color: #557C2B; text-decoration: none;}     /* unvisited link */
a:visited {color: #83A956; text-decoration: none;}  /* visited link */
a:hover {color: #821115; text-decoration: none;}   /* mouse over link */
a:active {color: #577E2D; text-decoration: none;}   /* selected link */

/********************************* Navigation **********************************/

#navcontainer { }

#navcontainer ul
{
	list-style-type: none;
	font-weight: bold;
	color: #990000;
}

#navcontainer a
{
	display: block;
	padding-top: 17px;
	padding-left: 37px;
	width: 182px;
	background-color: #DCE3ED;
	border-bottom: 1px solid #eee;
	background-image: url(../images/menu.png);
	background-repeat: repeat-x;
	height: 20px;
}


#navcontainer a:link, #navlist a:visited
{
color: #93B26E;
text-decoration: none;
}

#navcontainer a:hover 
{	
	background: url(../images/menu.png) 0 -45px;
	color: #562930;
}


/**************************************************************
   Posts
 **************************************************************/

.post {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;
  margin-left: 1.5em;
  margin-bottom: 1.5em;
  border-bottom: 1px solid #CCCCCC;
}

.post .date {
  position: absolute;
  top: 0;
  left: 5px;
  width: 2.3em;
  text-align: right;
}

.post .date .month {
  text-transform: uppercase;
  font: 700 1.0em arial, sans-serif;
  color: #A6BB7A;
}

.post .date .day {
  display: block;
  margin-top: -5px;
  font: 700 2.1em arial, sans-serif;
  color: #A6BB7A;
}

.post .title {
  display: block;
  padding: 0 0 5px 0;
  font-size: 1.0em;
  font-weight: bold;
  color: #A6BB7A;
}

.post p {
  margin: 0 0 0 3.5em;
  padding:  0 0 1em 1.2em;
  border-left: 1px solid #CCCCCC;
}

/* contact page - form layout */

.address_table{
	cellspacing: 1000px
}



td {
    background-color: #FFFFFF;
}

.contact_table{
margin-left: 1.5em;
}
form{margin-top: 0px;}

div.row
{ clear: both;
  width: 448px;
}

div.row span.formlabel 
{ float: left;
  width: 150px;
  text-align: left;
}

div.row span.forminput
{ float: right;
  text-align: right;
} 

div.spacer
{ clear: both;
  width: 80px;
}

/*input, textarea
{ width: 259px; 
  font-family: verdana, arial, sans-serif;
  border: 1px solid;
  font-size: 14px;
  margin: 2px;
  height: 20px
}*/


.submit
{ font-family: verdana, arial, sans-serif;
  margin-left: 1.5em;
  border: 1px solid;
  width: 70px;
  height: 22px;
  cursor: pointer;
  font-size: 100%;
}

.fieldWithErrors {
  padding: 2px;
  background-color: #003366;
  display: table;
}


#errorExplanation h2 {
  margin-top: 2px;
	margin-bottom: 2px;
	background-color: #A6BB7A;
	padding: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CEAC86;
	border-bottom-color: #CEAC86;
	font-size: 1.2em;
	color: #F5F9EB;
}
table.payments {
	border-spacing:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#E7E7E7;
	color: #666;
	width: 440px;
}

table.payments caption {
	font-weight: bold;
	background: url(../images/bgnavigation.png) repeat-x;
	/*border-bottom:2px solid #1975d7;*/
	color: #FFF;
	text-transform:uppercase;
	padding:10px;
}

table.payments td {
	padding: 4px;
}

table.payments th {
	padding: 4px;
    width: 220px
}

table.payments thead th {
	text-align: center;
	background: #F5F9EB;
	color: #666;
	border: 1px solid #FFF;
	text-transform:uppercase;
}


table.payments tbody th {
	font-weight: bold;
    background: #F5F9EB;
    width: 220px;
}

table.payments tbody tr		{
	background-color:#FFF; 
	text-align:left;
	}
table.payments tbody tr.odd 	{
	background: #F5F9EB;
	border-top:1px solid #FFF;
}


table.payments tbody th a:link, tbody th a:visited{
	color:#96D030;
	background:url('../images/layout.gif') no-repeat; 
	padding:3px 0px 0px 18px;
	}
table.payments tbody th a:hover{
	color:#FF8601;
	}

table.payments tbody tr td { 
	height:25px;
	background: #FFF;
	border: 1px solid #FFF;
	}

table.payments tbody tr.odd td{ 
	/*background: #f9f9f9;*/
    background: #F5F9EB;
	border-top:1px solid #FFF;
	}

table.payments table td a:link, table td a:visited {
	color: #1975D7;
	text-decoration: none;
}

table.payments table td a:hover {
	color: #50ADEA;
	border-bottom:2px solid #8FD5FF;
	text-decoration: none ;
}

table.payments tbody td a[href="http://www.infectedfx.net"] {
	margin: 0 auto;
	height: 15px;
	background: url('../images/ok.gif') no-repeat;
	border-bottom: 0;
	padding:3px 0px 0px 18px;
	font-weight:bold;
	color:#FF8601;
}

table.payments table a[title="Download"] { 
	background: url('../images/down.gif') no-repeat center;
	padding:20px 0px 0px 15px;
}

table.details {
	border-spacing:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#E7E7E7;
	color: #666;
	width: 440px;
}

table.details caption {
	font-weight: bold;
	background: url(../images/bgnavigation.png) repeat-x;
	/*border-bottom:2px solid #1975d7;*/
	color: #FFF;
	text-transform:uppercase;
	padding:10px;
}

table.details td {
	padding: 4px;
}

table.details th {
	padding: 4px;
    width: 110px
}

table.details thead th {
	text-align: center;
	background: #F5F9EB;
	color: #666;
	border: 1px solid #FFF;
	text-transform:uppercase;
    width: 110px;
}


table.details tbody th {
	font-weight: bold;
    background: #F5F9EB;
    width: 110px;
}

table.details tbody tr		{
	background-color:#FFF; 
	text-align:left;
	}
table.details tbody tr.odd 	{
	background: #F5F9EB;
	border-top:1px solid #FFF;
}

table.details tbody td.currency 	{
	text-align: right
}

table.details tbody th a:link, tbody th a:visited{
	color:#96D030;
	background:url('../images/layout.gif') no-repeat; 
	padding:3px 0px 0px 18px;
	}
table.details tbody th a:hover{
	color:#FF8601;
	}

table.details tbody tr td { 
	height:25px;
	background: #FFF;
	border: 1px solid #FFF;
	}

table.details tbody tr.odd td{ 
    background: #F5F9EB;
	border-top:1px solid #FFF;
	}

/*table.details table td a:link, table td a:visited {
	color: #1975D7;
	text-decoration: none;
}

table.details table td a:hover {
	color: #50ADEA;
	border-bottom:2px solid #8FD5FF;
	text-decoration: none ;
}

table.details tbody td a[href="http://www.infectedfx.net"] {
	margin: 0 auto;
	height: 15px;
	background: url('../images/ok.gif') no-repeat;
	border-bottom: 0;
	padding:3px 0px 0px 18px;
	font-weight:bold;
	color:#FF8601;
}

table.details table a[title^="Download"] { 
	background: url('../images/down.gif'') no-repeat center;
	padding:20px 0px 0px 15px;
}*/

.map{
	padding-right:10px;
}

/* Form Style Properties*/

.cssform p{
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
color: #666;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
font-family: "trebuchet ms", verdana, arial, tahoma;
color: #666;
}

.cssform textarea{
width: 99%;
height: 150px;
}

hr {border: none 0;
border-top: 2px dotted #A6BB7A;/*the border*/
width: 99%;
height: 2px;/*whatever the total width of the border-top and border-bottom equal*/
}

#right h3.error{
    color:red;
}

.clear{
    clear:both;
}

div.service_banners{
    text-align: center;
}

div.service_banners p {

    padding:10px;
}

b.red{
    color:red;
}