/********************************************/
/*         Written by: Lars Astrom          */
/*         2006 - A3 IT Solutions           */
/********************************************/

html, body{
  margin:0 0 0 0;
  width:100%;
  height:100%;
  min-height:100%;
}

body{
  background:#c4e8f1 url(/images/home/background.jpg) repeat-y center;
}

.container{
  position:relative;
  top:0px;
  left:0px;
  width:768px; /* set width here */
  height:100%;
  margin-left:auto; 
  margin-right:auto;
}

.header{
  position:relative;
  top:0px;
  left:0px;
  width:768px;
  height:214px;
  background:url(/images/home/header.jpg) no-repeat 1px 0px; 
}

.homeLink{
  position:absolute;
  top:0px;
  left:0px;
}

.headerPadding{
  width:150px;
  margin:0 0 0 0;
}

.leftCol{
  position:relative;
  top:0px;
  left:0px;
  width:162px;
  float:left;
  text-align:center;
}

.leftPadding{
  width:160px;
  padding:10px 0px 10px 0px;
}

.homeTestimonials{
  width:135px;
  margin:0 0 0 10px;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size:11px;
  color:#333333;
  line-height:normal;
  text-align:left;
}

.interiorTestimonials{
  width:130px;
  margin:15px 0 0 5px;
  padding:10px 10px 10px 10px;
  background:#c6edf4;
  float:right;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size:11px;
  color:#333333;
  line-height:normal;
  text-align:left;
}

.interiorAds{
  width:150px;
  margin:0px0;
  padding:0px;
  background:#FFFFFF;
  float:right;
  text-align:left;
}

.news{
  width:130px;
  margin:15px 0 0 10px;
  padding:10px 10px 10px 10px;
  background:#c6edf4;
  float:right;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size:11px;
  color:#333333;
  line-height:normal;
  text-align:left; 
}

.rightCol{
  width:575px;
  margin:0 0 0 5px;
  float:left;
}

.topNav{
  width:575px;
  text-align:right;
}

.content{
  position:relative;
  top:0px;
  left:0px;
  margin:0 0 0 25px;
  width:570px;
  /* font styles */
  font-family: arial, verdana, helvetica, sans-serif;
  font-size:12px;
  color:#666666;
  line-height:normal;
}

.interiorText{
  position:relative;
  top:0px;
  left:0px;
  padding:0 0 0 95px;
  _padding:15px 0 0 95px;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size:12px;
  color:#333333;
  line-height:normal;
  width:305px;
}

.homeText{
  padding:0 10px 0 95px;
  _padding:15px 10px 0 95px;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size:12px;
  color:#333333;
  line-height:normal;
  width:470px;
}

.pictureHolder{
  position:absolute;
  top:45px;
  left:-15px;
  width:100px;
  text-align:left;
}

.floatLeft{
  float:left; 
  margin:0 5px 30px 0;
}

.noSpace{
  margin:0 0 0 0;
  padding:0 0 0 0; 
}

.formLabels{
  width:160px;
  float:left;
  text-align:right;
  line-height:22px; 
}

.formField{
  margin:1px 0 1px 0;
  width:200px;
  /* font styles */
  font-family: arial, verdana, helvetica, sans-serif;
  font-size:12px;
  color:#666666;
  line-height:normal;
}

.radioButton{
  margin:4px 0 1px 0;
  *margin:1px 0 1px 0;
  /* font styles */
  font-family: arial, verdana, helvetica, sans-serif;
  font-size:12px;
  color:#666666;
  line-height:normal;
}

/* Gallery Styles */
#rightColumn{
  position:relative;
  top:0px;
  left:0px;
  width:400px;
  float:right;
  margin:0 0 10px 10px;
}

#galleryHolder{
  width:568px;
  height:140px;
  margin:10px 0 0 0; 
  clear:both;
}

#scrollingGallery{
  width:518px;
  float:left;
  height:140px;
  padding:0 0 0 0;
  overflow:auto; 
  /* IE Only Scrollbars */
  scrollbar-3dlight-color: #ffffff; 
  scrollbar-highlight-color: #ffffff; 
  scrollbar-face-color: #2ebed8; 
  scrollbar-shadow-color: #ffffff; 
  scrollbar-darkshadow-color: #ffffff; 
  scrollbar-arrow-color: #ffffff; 
  scrollbar-track-color: #ffffff; 
}

#srollingSpecs{
  width:400px;
  height:168px;
  padding:5px 10px 0 5px;
  overflow:auto; 
}


/* Box Navigation styles */

a.mainNavLink:link, a.mainNavLink:visited, a.mainNavLink:active{
  display:block;
  margin:0 0 0 0;
  padding:1px 0 0 0;
  width:130px;
  height:15px;
  /* font styles */
  font-size:11px; 
  font-style:normal; 
  text-decoration:none; 
  font-family: arial, verdana, helvetica, sans-serif;
  line-height:13px;
  color:#ffffff;
}
a.mainNavLink:hover{
  color:#333333;
  background:#ffffff;
}

/* Link Styles */
a.topNavLink:link		  {font-size:10px; font-style:normal; text-decoration:none; font-family: arial, verdana, helvetica, sans-serif; color:#333333;}
a.topNavLink:visited  {font-size:10px; font-style:normal; text-decoration:none; font-family: arial, verdana, helvetica, sans-serif; color:#333333;}
a.topNavLink:active	  {font-size:10px; font-style:normal; text-decoration:none; font-family: arial, verdana, helvetica, sans-serif; color:#333333;}
a.topNavLink:hover 	  {font-size:10px; font-style:normal; text-decoration:none; font-family: arial, verdana, helvetica, sans-serif; color:#2ebed8;}

a.purpleNavLink:link		  {font-size:12px; font-style:normal; text-decoration:none; font-family: arial, verdana, helvetica, sans-serif; color:#af6aab;}
a.purpleNavLink:visited   {font-size:12px; font-style:normal; text-decoration:none; font-family: arial, verdana, helvetica, sans-serif; color:#af6aab;}
a.purpleNavLink:active	  {font-size:12px; font-style:normal; text-decoration:none; font-family: arial, verdana, helvetica, sans-serif; color:#af6aab;}
a.purpleNavLink:hover 	  {font-size:12px; font-style:normal; text-decoration:none; font-family: arial, verdana, helvetica, sans-serif; color:#333333;}

a.brownNavLink:link		  {font-size:12px; font-style:normal; text-decoration:none; font-family: arial, verdana, helvetica, sans-serif; color:#55290e;}
a.brownNavLink:visited  {font-size:12px; font-style:normal; text-decoration:none; font-family: arial, verdana, helvetica, sans-serif; color:#55290e;}
a.brownNavLink:active	  {font-size:121px; font-style:normal; text-decoration:none; font-family: arial, verdana, helvetica, sans-serif; color:#55290e;}
a.brownNavLink:hover 	  {font-size:12px; font-style:normal; text-decoration:none; font-family: arial, verdana, helvetica, sans-serif; color:#333333;}

a.blueNavLink:link		  {font-size:12px; font-style:normal; text-decoration:none; font-family: arial, verdana, helvetica, sans-serif; color:#2ebed8;}
a.blueNavLink:visited   {font-size:12px; font-style:normal; text-decoration:none; font-family: arial, verdana, helvetica, sans-serif; color:#2ebed8;}
a.blueNavLink:active	  {font-size:12px; font-style:normal; text-decoration:none; font-family: arial, verdana, helvetica, sans-serif; color:#2ebed8;}
a.blueNavLink:hover 	  {font-size:12px; font-style:normal; text-decoration:none; font-family: arial, verdana, helvetica, sans-serif; color:#333333;}

a.greenNavLink:link		  {font-size:12px; font-style:normal; text-decoration:none; font-family: arial, verdana, helvetica, sans-serif; color:#9bba4b;}
a.greenNavLink:visited  {font-size:12px; font-style:normal; text-decoration:none; font-family: arial, verdana, helvetica, sans-serif; color:#9bba4b;}
a.greenNavLink:active	  {font-size:12px; font-style:normal; text-decoration:none; font-family: arial, verdana, helvetica, sans-serif; color:#9bba4b;}
a.greenNavLink:hover 	  {font-size:12px; font-style:normal; text-decoration:none; font-family: arial, verdana, helvetica, sans-serif; color:#333333;}

a.blue:link		  {font-size:12px; font-style:normal; text-decoration:none; font-family: arial, verdana, helvetica, sans-serif; color:#2ebed8;}
a.blue:visited  {font-size:12px; font-style:normal; text-decoration:none; font-family: arial, verdana, helvetica, sans-serif; color:#2ebed8;}
a.blue:active	  {font-size:12px; font-style:normal; text-decoration:none; font-family: arial, verdana, helvetica, sans-serif; color:#2ebed8;}
a.blue:hover 	  {font-size:12px; font-style:normal; text-decoration:none; font-family: arial, verdana, helvetica, sans-serif; color:#333333;}

a.purple:link		  {font-size:12px; font-style:normal; text-decoration:none; font-family: arial, verdana, helvetica, sans-serif; color:#b071af;}
a.purple:visited  {font-size:12px; font-style:normal; text-decoration:none; font-family: arial, verdana, helvetica, sans-serif; color:#b071af;}
a.purple:active	  {font-size:12px; font-style:normal; text-decoration:none; font-family: arial, verdana, helvetica, sans-serif; color:#b071af;}
a.purple:hover 	  {font-size:12px; font-style:normal; text-decoration:none; font-family: arial, verdana, helvetica, sans-serif; color:#333333;}

/* Text Styles */

h2  {font-family: arial, verdana, helvetica, sans-serif; font-size:14px; color:#55290e; line-height:normal;}
h1  {font-family: arial, verdana, helvetica, sans-serif; font-size:16px; color:#55290e; line-height:normal; font-weight:bold; font-style:italic;}

.text{font-family: arial, verdana, helvetica, sans-serif; font-size:12px; color:#666666; line-height:normal;}

.mainNavTitle {font-size:11px; font-style:normal; text-decoration:none; font-family: arial, verdana, helvetica, sans-serif; color:#ffffff;}

.homeBrown {font-family: arial, verdana, helvetica, sans-serif; font-size:11px; font-style:italic; color:#55290e;}

.smallPurple {font-family: arial, verdana, helvetica, sans-serif; font-size:12px; color:#af6aab; line-height:25px; font-weight:bold;}
.smallBrown {font-family: arial, verdana, helvetica, sans-serif; font-size:12px; color:#55290e; line-height:25px; font-weight:bold;}
.smallBlue {font-family: arial, verdana, helvetica, sans-serif; font-size:12px; color:#2ebed8; line-height:25px; font-weight:bold;}
.smallGreen {font-family: arial, verdana, helvetica, sans-serif; font-size:12px; color:#aed24e; line-height:12px; font-weight:bold;}

.mediumPurple {font-family: arial, verdana, helvetica, sans-serif; font-size:14px; color:#af6aab; line-height:25px; font-weight:bold;}
.mediumBrown {font-family: arial, verdana, helvetica, sans-serif; font-size:14px; color:#55290e; line-height:25px; font-weight:bold;}
.mediumBlue {font-family: arial, verdana, helvetica, sans-serif; font-size:14px; color:#2ebed8; line-height:25px; font-weight:bold;}
.mediumGreen {font-family: arial, verdana, helvetica, sans-serif; font-size:14px; color:#aed24e; line-height:12px; font-weight:bold;}

.largePurple {font-family: arial, verdana, helvetica, sans-serif; font-size:16px; color:#af6aab; line-height:normal; font-weight:bold; font-style:italic;}
.largeBrown {font-family: arial, verdana, helvetica, sans-serif; font-size:16px; color:#55290e; line-height:normal; font-weight:bold; font-style:italic;}
.largeBlue {font-family: arial, verdana, helvetica, sans-serif; font-size:16px; color:#2ebed8; line-height:normal; font-weight:bold; font-style:italic;}
.largeGreen {font-family: arial, verdana, helvetica, sans-serif; font-size:16px; color:#aed24e; line-height:normal; font-weight:bold; font-style:italic;}

.leftNavPurple {font-family: arial, verdana, helvetica, sans-serif; font-size:11px; color:#af6aab; line-height:40px; font-weight:bold;}
.leftNavBrown {font-family: arial, helvetica, verdana,  sans-serif; font-size:11px; color:#55290e; line-height:12px; font-weight:bold;}
.leftNavBlue {font-family: arial, verdana, helvetica, sans-serif; font-size:11px; color:#2ebed8; line-height:40px; font-weight:bold;}
.leftNavGreen {font-family: arial, verdana, helvetica, sans-serif; font-size:11px; color:#aed24e; line-height:12px; font-weight:bold;}

.required   {font-family: arial, verdana, helvetica, sans-serif; font-size:12px; color:#cc3333; line-height:normal;}
