/*
I.General
	a) Small reset
	b) Standard HTML Tag Definition
	c) Page Structure (wrapper, header, logo, pagination, footer)
	d) Superfish menu
	
II.Home page
	a) Slider
	b) 3 columns
	c) News
	
III.Portfolio

*/

/*------------------------------------------*/
/* I. b) Standard HTML Tag Definition       */
/*------------------------------------------*/

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #14356f;
}

h2, h3 { 	color: #14356f; }
h2 a, h3 a { 	color: #14356f; }

p a:hover {
	border-bottom-color: #14356f;
}

ul li {
	background: url(../img/datacomp/bullet.png) no-repeat 0px 7px;
}

blockquote {
	border-left: 5px solid #14356f;
}

/*------------------------------------------*/
/* I. c) Page structure 					*/
/*------------------------------------------*/

#logo a {
	color: #14356f;
}

#sidebar a:hover {
	background:	url(../img/datacomp/little-rectangle.png) no-repeat 0px 2px;
}

#sidebar h2, #sidebar h3 {
	background: url(../img/datacomp/little-rectangle.png) no-repeat 0px 7px;
}

.pagination-current-page {
	border: 1px solid #14356f;
}

.pagination a:hover{
	border-color: #14356f;
}

#footer-menu a:hover {
	color: #14356f;
}

.footer-current-page {
	color: #14356f;
}

/*------------------------------------------*/
/* I. d) SuperFish menu						*/
/*------------------------------------------*/

.sf-menu a.sf-menu-current {
	border-bottom-color: #14356f;
}

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	border-bottom-color: #14356f;
}

.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	background:	#f9f9f9 url(../img/datacomp/little-rectangle.png) no-repeat 0px 5px;
}

/*------------------------------------------*/
/* II. Home page							*/
/* II. a) Slider 							*/
/*------------------------------------------*/

#HomePageTitle 
{ 
  height: 300px;
  padding: 10px 0 10px 26px;             
  color: #14356f;
}


#HomePageTitle .Title 
{ 
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  }

#HomePageTitle .Description { 
             }

#HomePageTitle #shuffle 
{ 
  float: right;
  margin: 23px 128px 7px 24px;
  }

#shuffle img { height: 252px; width: 380px; }

#HomePageTitle ul li
{ 
  margin-bottom: 1em;
 }

#HomePageTitle a {
	color: #14356f;

}
#HomePageTitle a:hover {
                   text-decoration: underline;
                         }


/*------------------------------------------*/
/*II. b) 3 columns 							*/
/*------------------------------------------*/

#three-cols h2, #three-cols h3 {
                 color: #14356f;
	background: url(../img/datacomp/little-rectangle.png) no-repeat 0px 7px;
}

/*------------------------------------------*/
/* II. c) News 								*/
/*------------------------------------------*/

#news h2, #news h3 {
 color: #14356f;
	background: url(../img/datacomp/little-rectangle.png) no-repeat 0px 7px;
}

#news a:hover {
	color: #14356f;
}
/*------------------------------------------*/
/*III. Portfolio 							*/
/*------------------------------------------*/

#portfolio-content a:hover img {
	border: 1px solid #14356f;
}

li.loginmenu
{ 
  width: 100px;
 }

li.loginmenu ul
{ 
  width: 100%;
 }

.readmore
{ 
  margin-top: 1em;
  font-style: italic;
 }

.articleimage
{ 
  margin-left: 70px;
  border: 1px solid #000;
  padding: 3px;
 }

#ChoicesDiv, #ChoicesDiv a
{ 
  color: #14356f;
  }

#ChoicesDiv .WhoChoice
{ 
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 0.85em;
 }

#ChoicesDiv h3
{ 
  margin-top: 0px;
 }

#ChoicesDiv input.text
{ 
  background-color: #fff;
  background-image: none;
  padding: 2px;
  border: 1px solid #606060;
 }


#ChoicesDiv textarea
{ 
  background-color: #fff;
  background-image: none;
  padding: 2px;
  border: 1px solid #606060;
 }


#InfoDiv, #RealEstateDiv, #InspectorDiv
{ 
  display: none;
 }

#WhoDiv, #InfoDiv, #RealEstateDiv, #InspectorDiv, #MessageSentDiv, #MessageFailedDiv
{ 
  margin-top: 23px;
  padding: 10px;
  background: #eeeeee; /* #c4ccdb; blue */
  border: 1px solid #606060;
  width: 440px;
  height: 370px;
  overflow: hidden;
 }


#WhoDiv ul li
{ 
  background: none;
  list-style-type: none;
  margin-bottom: 0.5em;
 }

#InfoDiv p, #InspectorDiv p, #RealEstateDiv p
{ 
  margin-bottom: 8px;
 }

input.error
{ 
  border: 1px dashed #CC0000 !important;

 }

textarea.error
{ 
  border: 1px dashed #CC0000 !important;

 }

#contact-content
{ 
  height: 450px;
 }

.backbutton
{ 
  position: absolute;
  bottom: 0;
  right: 0;
 }