html, body {
    height: 100%;
}

html, body, * {
    padding: 0;
    margin: 0;

}

body {
	border: 0;
	height:100%;
	max-height:100%;  /*because we use fixed positioning*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;                 /*resets 1em to 10 pixels*/
	color: #666;
	background-attachment: fixed;
	background-image: url(../media/layout/bg_page.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #e0edf0;
	}
	

#pagecontainer {
	font-size: 1em;
	width: 100%;/*100em*/
	margin: 2em auto 0em auto;
	height: 100%;
}



#middlecolumncontainer {
position: relative;
left: 50%;
margin-left: -44em;
	width: 76em;
	min-height: 78em;
	background-attachment: scroll;
	background-image: url(../media/layout/bg_pages_scattered.png);
	background-repeat: no-repeat;
	background-position: left top;
}


#rightcolumncontainer {
	position: fixed;
	top: 8.5em;
	left: 50%;
	margin-left: 28em;
	width: 20em;
}



#titlebackground {
	width: 76em;/*68*/
	float: left;
	height: 9em;/*7.5*/
	margin: 3.2em 0 0 0;
background-attachment: scroll;
	background-image: url(../media/layout/bg_title.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}


#textbackground {
	width: 76em;
	float: left;
	min-height: 54em;
	background-image: url(../media/layout/bg_text_white.png);
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: left top;
}

#textbackground_blue {
	width: 76em;
	float: left;
	background-image: url(../media/layout/bg_text_blue.png);
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: left top;	
}


#middlecolumntext {
	float: left;
	width: 60.5em;
	border: 0;
	margin: 0;
padding: 1.6em 0em 0em 6.7em;
	font-size: 1em;

	}
	#middlecolumntext a, #middlecolumntext a:link {
	font-size: 1em;
	color: #4d6f89;

	}
	#middlecolumntext a:hover {
	color: #333;
	text-decoration:none;
	}
	
	
	#middlecolumntext p {
	border: 0;
	margin: 0 0 1.2em 0.5em; /*spaces between paras*/
	padding: 0em 0 0em 0;
	line-height:1.4em;
		font-size: 1.3em;
	color:#4d6f89;
	}
	
	#middlecolumntext p.intro {
	color:#4d6f89;
	font-size: 1.3em;
	line-height:1.4em;
	font-weight: normal;
	margin: 0em 0 1em 0.3em;
}
	
#middlecolumntext li {
	border: 0;
		color:#4d6f89;
	margin: 0em 0 0 1.5em;
	padding: 0em 0 1em 0em;
	line-height:1.5em;
	font-size: 1.2em;
		list-style-type: bullet;
		
}
	
	
	.textasimages {
		padding: 0.6em 0 0.2em 0;
	}
	
		.highlight {
	display: inline;
	padding: 0.1em 0.2em 0.1em 0.2em;
	font-size: 1em;
	line-height:1.4em;
	background-color: #aacdd8;	
	}



#rightcolumncontent {
	float: left;
	width: 20em;
	border: 0;
	margin: 0;
	padding: 0em 0 0 0;
	min-height:60em;
	background-attachment: scroll;
	background-image: url(../media/layout/bg_rightcolumn.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}


h1 {       /****** titles******/
	margin: 2.5em 0 0 3.4em;
	padding: 0em 0 0.3em 0;
	font-size:2.1em;
	line-height: 1.5em;
	color:#845282; 	/*colo845282 6d7a6d /*636 is purple*/
	font-weight: bold;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	
	h2 {       /*subtitles on -request a quote- page*/
	font-size:1.7em;
	margin: 1em 0 0.6em 0em;
	padding: 0em 0 0em 0.3em;
	font-size:1.7em;
	line-height: 1.6em;
	font-weight: bold;
	font-weight: bold;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #4d6f89;
	}



h6 {	/***to display error message for IE6 users***/
float: left;
width: 40em;
color:#845282;
border: #000 dotted 2px;
padding: 2em;
font-size:1.7em;
margin: 2em auto;
text-align: center;
}



/******       PROJECT SUB SECTION CONTAINERS       **********/


#projectcontainer {
	float: left;
	width: 60.3em;
	border: #85b2c4 solid 1px;
	background-color: #FFF;/*green 9da992 8cabab*/
	margin: 2em 0 3em 0;
	font-size: 1em;
	line-height: 1em;
	padding: 0 0 0 0;
}


#projecttitle {
	float: left;
	clear: both;
	width: 60.3em;
	padding: 0.8em 0 0.4em 0;
	background-color: #7baabd;/*aacdd8*/
font-size: 1em;
	border: #FFF solid 0px;

}

#projectcontentcontainer {
	float: left;
	width: 37em;
	font-family:Arial, Helvetica, sans-serif;
	padding: 0em 0em 0em 0em;
	margin: 0;
	font-size: 1.1em;
	font-weight: normal;
	color: #FFF;}

#projectfeaturescontainer {
float: right;	
width: 19.5em;

}

#projectcontent {
width: 100%;
float: left;
background-color: #FFF;/*d8edf3*/
margin: 0;
padding: 0;
}


#projectcontent p {
	color: #4d6f89;
	font-size: 1.2em;
line-height:1.4em;
	font-weight: normal;
	margin: 1em 1em 0em 1.5em;
	padding: 0;
}

#projectfeatures {
float: left;
width: 19em;
font-size:1em;
line-height: 1.5em;	
height: 100%;
}

#projectfeatures a, #projectfeatures a:link  {
font-size:1em;
text-decoration: none;
color:#FFF;
font-weight: bold;
}

#projectfeatures a:active, #projectfeatures a:hover  {
font-size:1em;
text-decoration: underline;
color:#FFF;

}


.projecttabularleft{
	float: left;
	width: 10.1em;
	border-top: 4px solid #FFF;
	border-left: 4px solid #FFF;
	border-right: 3px solid #FFF;
		color:#FFF;
		background-color: #85b2c4;
		padding: 0.3em 0.4em;
		font-size: 1.2em;
}
.projecttabularright{
	float: left;
text-align: center;
	width: 3.5em;
border-top: 4px solid #FFF;
	border-left: 1px solid #FFF;
			background-color: #85b2c4;
		padding: 0.3em 0.3em;
		font-size: 1.2em;
		color:#FFF;
}

.projecttabularspanwidth{
	float: left;
text-align: left;
	width:14.8em;
border-top: 4px solid #FFF;
	border-left: 4px solid #FFF;
	border-right: 0px solid #FFF;
			background-color: #85b2c4;
		padding: 0.3em 0.3em;
		font-size: 1.2em;
		line-height:1.4em;
				color:#FFF;/*295b70*/

}

#projectwebaddress_ecole { /***each featured website needs this for final block of text that houses web address****/
	float: left;
text-align: center;
	width: 15.4em;
	padding: 7.5em 0 1em 0;  /*adjust padding TOP to position blue height*/
border-top: 4px solid #FFF;
	border-left: 4px solid #FFF;
	border-right: 0px solid #FFF;
			background-color: #85b2c4;
		font-size: 1.2em;
		line-height:1.4em;
				color:#FFF;/*295b70*/
				margin: 0 0 0.5em 0;
}
	
 #projectwebaddress_jr {
float: left;
text-align: center;
	width: 15.4em;
	padding: 16.5em 0 1em 0;
border-top: 4px solid #FFF;
	border-left: 4px solid #FFF;
	border-right: 0px solid #FFF;
			background-color: #85b2c4;
		font-size: 1.2em;
		line-height:1.4em;
				color:#FFF;/*295b70*/
								margin: 0 0 0.5em 0;

	}
	
	#projectwebaddress_jj {
	float: left;
text-align: center;
	width: 15.4em;
	padding: 27em 0 1em 0;
border-top: 4px solid #FFF;
	border-left: 4px solid #FFF;
	border-right: 0px solid #FFF;
			background-color: #85b2c4;
		font-size: 1.2em;
		line-height:1.4em;
				color:#FFF;/*295b70*/
								margin: 0 0 0.5em 0;

}
#projectwebaddress_star {
	float: left;
text-align: center;
	width: 15.4em;
	padding: 22em 0 1em 0;
border-top: 4px solid #FFF;
	border-left: 4px solid #FFF;
	border-right: 0px solid #FFF;
			background-color: #85b2c4;
		font-size: 1.2em;
		line-height:1.4em;
				color:#FFF;/*295b70*/
								margin: 0 0 0.5em 0;

}

.imageborder {
	border-bottom: #85b2c4 solid 1px;
		border-right: #85b2c4 solid 1px;

}

.flags {
	float: left;
	margin: 0em 0em 1em 3em;

}



.align-left {
float: left;
margin: 0em 2em 0em 0em;
}

.align-right {
	float: right;
	margin: 0 0 0 2em;

}


.align-right-border {
	float: right;
	margin: 0 0 0 2em;
	border-left:#666 solid 1px;
		border-bottom:#666 solid 1px;
}




#clientquote {
	color: #FFF;
	width: 60%; 
	margin: 0em auto 1em auto;
	padding: 1em 2em;
	text-align:center;
	font-size:1.3em;
	line-height:1.5em;
	font-weight:bold;
	background-color: #6f95a7;
}

#arrowup {
	float: left;
	clear:both;
	width: 100%;
	margin: 0 auto 1em auto;
	text-align: right;
}



img {border: 0;}

.caption{
	font-size: 1em;
	color: #666;
	font-weight:normal;
	line-height:2em;
	margin: 0em;
	padding: 0.4em 0.5em 0.5em 0em;
	border-right: #666 dotted 0.1em;
	border-bottom: #666 dotted 0.1em;
	text-align:left;
	
}

.logos {
float: left;
margin: 2em 3em;	
text-align: center;
	
}

#centerit {
margin: 0.2em auto;
text-align: center;
	
}

#footercontainer {
	float: left;
	width: 74em;
	min-height: 10em;
	padding: 0em;
	background-attachment: scroll;
	background-image: url(../media/layout/bg_footer.png);
	background-repeat: no-repeat;
	background-position: left top;	
	overflow: hidden;
	}

	
	
	#footercontent {
	float: left;
	width: 58.5em;
	margin: 1.1em 0em 0em 8em;
	
	}

#copyright{
	float: right;
width: 23%;
text-align:right;
margin: 1.6em 0 0 0;
color:#666;}


#spacer {
float: left;
width: 100%;
height: 10em;
	}
	
	img.img_cristalkate {
		width: 60.3em;
		height: 60.9em;
		border-style:none;
	}
	
		img.img_cristal_60 {
		width: 60.3em;
		height: 84.9em;
				border-style:none;

	}


/*Forces containing div to contain sub-divs. Assign to a BR tag placed just before closing DIV tag*/
								.clearfloat {
									clear: both;
									height: 0;
									line-height: 0.0;
									font-size: 0;
									}