html, body {
	height: 100%;
	}
body {
    width:100%;
	margin:0px;    
    background:#daeff0 url(../graphics/bgGradient.png) repeat-x;
	font-family:Arial, Verdana, Helvetica, sans-serif;    
    font-size: 62.5%;    
    color:#585858;
}
#page_content {
	width: 900px;
	margin: 0 auto; 
	padding: 0px;
}
#header {
	width:900px;	
}

/*--------------------------headers----------------------------*/


#headerLogo{
	background:url(../graphics/headerLogo.jpg) no-repeat;
	/*background-color:#5cc5d1;*/
	width:890px;
	height:100px;
	float:left;
	color:#daeff0;
	/*font:Georgia, "Times New Roman", Times, serif;*/
	font-size:2em;
	font-style:italic;
	text-align:right;
}
#headerLogo:hover{
text-decoration:none;
}
#headerContact{
	background-image:url(../graphics/headerContact.png);
	width:190px;
	height:160px;
	float:left;
}
#headerImage{
	width:710px;
	height:160px;
	float:left;
}
/*--------------------------headerImages----------------------------*/
/* default header image */
#headerImage{
	background-image:url(../graphics/homeHeader.jpg);
}
#headerImage.Home{
	background-image:url(../graphics/homeHeader.jpg);	
}
#headerImage.AboutUs{
	background-image:url(../graphics/aboutUsHeader.jpg);	
}
#headerImage.ContactUs{
	background-image:url(../graphics/contactUsHeader.jpg);	
}
#headerImage.EdDesign{
	background-image:url(../graphics/edDesignHeader.jpg);	
}
#headerImage.FAQ{
	background-image:url(../graphics/faqHeader.jpg);
}
#headerImage.Glossary{
	background-image:url(../graphics/glossaryHeader.jpg);	
}
#headerImage.Multimedia{
	background-image:url(../graphics/multimediaHeader.jpg);	
}
#headerImage.News{
	background-image:url(../graphics/newsHeader.jpg);	
}
#headerImage.Portfolio{
	background-image:url(../graphics/portfolioHeader.jpg);	
}
#headerImage.Resources{
	background-image:url(../graphics/resourcesHeader.jpg);	
}
#headerImage.Services{
	background-image:url(../graphics/servicesHeader.jpg);	
}
#headerImage.Subscribe{
	background-image:url(../graphics/subscribeHeader.jpg);	
}
/*-----------------------------------------------------------------*/
#navigation {
	/* PROBLEM WITH IE8 DROPS CONTACT US - had to add extra width*/
	width:890px;
	border-top: 1px solid #9bdae0;
	border-bottom: 1px solid #9bdae0;
	margin:10px 5px 0px 5px;
}

#navigation ul {
	display: block; 
	overflow: hidden; 
	height: 1%;
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#navigation ul li {
	display: inline;
	float: left;
	width:1px;
	font-size:1.5em;
	margin:0px 17px 0px 0px;
	padding:5px 0px;
	text-align:center;
	/*margin:0px;*/
	}
#navigation ul #navHome{
	/*margin-left: 10px;*/
	width:60px;
}
#navigation ul #navEdDesign{
	width:140px;
}
#navigation ul #navServices{
	width:75px;
}
#navigation ul #navMultimedia{
	width:85px;
}
#navigation ul #navPortfolio{
	width:70px;
}
#navigation ul #navResources{
	width:90px;
}
#navigation ul #navAboutUs{
	width:80px;
}
#navigation ul #navNews{
	width:55px;
}
#navigation ul #navContactUs{
	margin: 0px;
	width:90px;
}
#navigation ul li a{
	margin: 0px;
	padding:0px;
	color:#808080;
	}
#navigation ul li a:hover{
	color:#5cc5d1;
	}
#navigation ul li.active{
	color:#585858;
	font-weight:bold;
}

#content {
	margin: 0px;
	/*margin:0px 15px 0px 20px;*/
}
#mainContent{
	margin: 15px 0px 10px 0px;
	padding:0px;
	width:620px;
	float:left;
}
#mainContent .top{
	background:url(../graphics/2colMainTop.png) no-repeat;
	height:10px;
	padding:0px;
	margin:0px;
	
}
#mainContent .middle{
	background:url(../graphics/2colMainRepeat.png) repeat-y;
	padding:0px 0px 5px 0px;
	margin:0px;
	display: block; 
	overflow: hidden; 
	height: 1%;
}
#mainContent .bottom{
	background:url(../graphics/2colMainBottom.png) no-repeat;
	height:10px;
	padding:0px;
	margin:0px;
	}
#rightSideContent{
	
	margin: 10px 0px;
	padding:0px;
	width:260px;	
	float:right;
}
#rightSideContent .top{
	background:url(../graphics/2colRightTop.png) no-repeat;
	height:40px;
	padding:0px;
	margin:10px 0px 0px 0px;
	
}
#rightSideContent .middle{
	background:url(../graphics/2colRightRepeat.png) repeat-y;
	padding:0px;
	margin:0px;
	display: block; 
	overflow: hidden; 
	height: 1%;
}
#rightSideContent .bottom{
	background:url(../graphics/2colRightBottom.png) no-repeat;
	height:10px;
	padding:0px;
	margin:0px;
}
#footer{
	
	background:url(../graphics/footer.png) no-repeat;
	
	height:50px;
	
	text-align:center;
}

/*.line{
	height:2px;
	background:#333333;
}

.lineSmall{
	height:1px;
	background:#cccccc;
}*/
/*---------------------- template 2 styles ----------------------*/

#mainContent2{
	
	margin: 15px 0px 10px 0px;
	padding:0px;
	width:510px;
	float:left;
}
#mainContent2 .top{
	background:url(../graphics/3colMainTop.png) no-repeat;
	height:10px;
	padding:0px;
	margin:0px;
	
}
#mainContent2 .middle{
	background:url(../graphics/3colMainRepeat.png) repeat-y;
	padding:0px 0px 5px 0px;
	margin:0px;
	display: block; 
	overflow: hidden; 
	height: 1%;
}
#mainContent2 .bottom{
	background:url(../graphics/3colMainBottom.png) no-repeat;
	height:10px;
	padding:0px;
	margin:0px;
}
#leftSideContent2{
	
	margin: 17px 15px 15px 0px;
	padding:0px;
	width:155px;	
	float:left;
	
}
#leftSideContent2 ul{
	
	list-style-type: none;
	/*list-style-image:url(../graphics/dot.png);*/
	padding-left: 5px;
	margin:5px 0px;
	/*margin-left: 0px;*/
}
#leftSideContent2 ul li{
	background:url(../graphics/dot.png) 0px 50% no-repeat;
	border-bottom: 1px solid #9bdae0;
	padding:8px 0px 8px 10px;
	font-size:1.3em;
}
#leftSideContent2 ul li a{
	color:#808080;
}
#leftSideContent2 ul li a:hover{
	color:#5cc5d1;
}
#leftSideContent2 ul li.active{
	color:#585858;
	font-weight:bold;
}
#rightSideContent2{
	
	margin: 10px 0px;
	padding:0px ;
	width:210px;	
	float:right;
}

#rightSideContent2 .top{
	background:url(../graphics/3colRightTop.png) no-repeat;
	height:40px;
	padding:0px;
	margin:10px 0px 0px 0px;
	
}
#rightSideContent2 .middle{
	background:url(../graphics/3colRightRepeat.png) repeat-y;
	padding:0px;
	margin:0px;
	display: block; 
	overflow: hidden; 
	height: 1%;
}
#rightSideContent2 .bottom{
	background:url(../graphics/3colRightBottom.png) no-repeat;
	height:10px;
	padding:0px;
	margin:0px;
}


/*------------------------content styles-----------------------------*/

/*------------------------Form styles------------------------*/

form{
  width: 570px;
  margin: 0px;
  text-align: left;
  padding:0px;
  position: relative;
}

fieldset{
  margin: 0px 0px 0px 20px;
  padding: 0px;
  border: 0px;
 
}
fieldset.submit{
 margin: 0px
}
label{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	width: 300px;
	margin: 0px 0px 3px 0px;
	display: block;
}

fieldset fieldset label{
  font-weight: normal !important;
  margin: 0px;
}

input[type="text"],
input[type="file"],
input[type="password"],
textarea{
  background-color: #fff;
  border: 1px solid #5cc5d1;
  font-size:1.3em;
  font-family:Arial, Verdana, Helvetica, sans-serif;
  width: 300px;
  padding: 4px;
  margin:0px 0px 5px 0px;
 
}

.error{
  position: absolute;
  left: 340px;
  width: 280px;
  padding: 0px;
  margin: 6px 0px;
  
}

.error span{
  color: #333333;
  margin:0px;
  font-size: 1.2em;
  padding: 3px 4px 3px 10px;
  background:#a0dce2 url(../graphics/formArrow.png) no-repeat top left;
}

.invalid{
  border: 1px solid red !important;
}

/*------------------------general link styles-----------------------------*/
a{
	/*color:#5cc5d1;*/
	color:#398693;
	text-decoration:none;
}
a:hover{
	color:#e2a515;
	text-decoration:none;
}
#rightSideContent .top h2 a,
#rightSideContent2 .top h2 a{
	color:#585858;
}
#rightSideContent .top h2 a:hover,
#rightSideContent2 .top h2 a:hover{
	color:#333333;
}
/*------------------------text styling-----------------------------*/

h1{
	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	font-size: 2.4em;
	color: #333333;
	margin:0px;
	padding:4px 20px 5px 16px;
}
#mainContent h1{
	background:url(../graphics/2colUnderline.png) 20px 33px no-repeat;
}
#mainContent2 h1{
	background:url(../graphics/3colUnderline.png) 20px 33px no-repeat;
}
h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	font-size:2em;
	margin:0px;
	padding:5px 20px 5px 15px;
}

h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	margin:0px;
	padding:5px 20px 5px 15px;
	font-size: 1.8em;	
}
h4{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	color:#333333;
	margin:0px;
	padding:5px 20px 5px 15px;
	font-size: 1.7em;	
}

p{
	font-size:1.3em;
	margin:0px;
	padding:5px 15px 5px 20px;
}
ol.terms{
	font-size:1.3em;
	padding:10px 20px 0px 40px;
	margin:0px;
	
}
ol.terms li{
	list-style:decimal;
	padding:3px 0px;
	margin:0px;
}
ol.terms li li{
	list-style:lower-roman;
}
ol.terms li li li{
	list-style:lower-alpha;
}

/* remove two below to restet main content bullet style*/
#mainContent ul,
#mainContent2 ul{
	padding:0px 30px;

}
#mainContent ul li,
#mainContent2 ul li{
	font-size:1.3em;
	padding:2px 0px 0px 15px;
	background:url(../graphics/dot.png) 0px 8px no-repeat;
	list-style:none;
}
#rightSideContent h2,
#rightSideContent2 h2{
	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	font-size:2em;
	text-align:right;
	margin:0px;
	padding:4px 16px 10px 0px;
}
#rightSideContent p,
#rightSideContent2 p{
	font-size:1.2em;
	margin:0px;
	padding:0px 15px 5px 20px;
}
#rightSideContent2 .discreet p{
	font-size:1.1em;
}
#rightSideContent h4,
#rightSideContent2 h4{

	margin:0px;
	padding: 5px 15px 0px 15px;
}
#rightSideContent h4.right,
#rightSideContent2 h4.right{
	text-align:right;
}
#footer p{
	font-size:1.1em;
	margin:0px;
	padding:4px 0px 0px 0px;
	font-weight:bold;
	color:#333333;
}
#footer .footerNav{
	padding:10px 0px 0px 0px;
}
#footer a,
#footer span{
	color:#808080;
}
#footer a:hover{
	color:#5cc5d1;
}
#footer span.active{
	color:#5cc5d1;
}
/*#rightSideContent p,
#rightSideContent2 p{
	margin:5px 0px 10px 0px;
}
*/
/*------------------------alignment--------------------------*/
.align-left{

	text-align:left;
}
.align-right{
	text-align:right;
}
.align-center,
.center{
	text-align:center;
}
/*------------------------images and multimedia--------------------------*/
/*Free stuff icons*/
h2.icon7,
h2.icon68,
h2.icon69,
h2.icon78,
h2.icon79,
h2.icon82,
h2.icon89,
h2.icon100,
h2.icon101,
h2.icon106,
h2.icon152{
	background:url(../graphics/iconFreeStuff.png) 0px 0px no-repeat;
}
/*Question icons*/
h2.icon10{
	background:url(../graphics/iconQuestion.png) 0px 0px no-repeat;
}
/*News icons*/
h2.icon11{
	background:url(../graphics/iconNews.png) 0px 0px no-repeat;
}
/*Testimonial icons*/
h2.icon65,
h2.icon67,
h2.icon71{
	background:url(../graphics/iconTestimonial.png) 0px 0px no-repeat;
}
/*Try it out icons*/
h2.icon103,
h2.icon77{
	background:url(../graphics/iconTryItOut.png) 0px 0px no-repeat;
}
/*Have you seen icons*/
h2.icon108{
	background:url(../graphics/iconHaveYouSeen.png) 0px 0px no-repeat;
}
/*Our work icons*/
h2.icon80,
h2.icon81,
h2.icon92,
h2.icon93,
h2.icon95,
h2.icon96,
h2.icon97,
h2.icon99,
h2.icon102{
	background:url(../graphics/iconOurWork.png) 0px 0px no-repeat;
}
/*Get in touch icons*/
h2.icon66,
h2.icon70,
h2.icon94,
h2.icon98,
h2.icon104,
h2.icon107,
h2.icon114{
	background:url(../graphics/iconGetInTouch.png) 0px 0px no-repeat;
}
/* contact icons */
#mainContent ul li.address{
	background:url(../graphics/iconAddress.gif) 0px 14px no-repeat;
	padding:8px 0px 8px 25px;
}
#mainContent ul li.phone{
	background:url(../graphics/iconPhone.gif) 0px 6px no-repeat;
	padding:8px 0px 8px 25px;
}
#mainContent ul li.mail{
	background:url(../graphics/iconMail.gif) 0px 6px no-repeat;
	padding:8px 0px 8px 25px;
}

a img {
	border: none; 
	text-decoration:none;
}
img.headerImage {
	
	margin:0px;
	padding-top:0px;
	padding-bottom:0px;
	display:inline;
}
img.contactImage {
	margin:0px;
	padding-top:0px;
	padding-bottom:0px;
	display:inline;
}

/* use h6 for images */
h6{
	margin:0px;
	padding:0px;
}

/*#mainContent h6 img.leftImage,
#mainContent2 h6 img.leftImage*/

h6 img.leftImage{
	border:solid 1px #5cc5d1;
	background:#ffffff;
	padding:4px;
	margin:5px 10px 5px 20px;
	float:left;
}

h6 img.middleImage{
	border:solid 1px #5cc5d1;
	background:#ffffff;
	padding:4px;
	margin:5px 2px 5px 2px;
}

h6 img.rightImage{
	border:solid 1px #5cc5d1;
	background:#ffffff;
	padding:4px;
	margin:5px 20px 5px 10px;
	float:right;
}
h6 a:hover img{
	border:solid 1px #e2a515;
}
/*#mainContent .centerImage,
#mainContent2 .centerImage{
	margin: 0px auto;
}
#mainContent .centerImage img,
#mainContent2 .centerImage img{
	border:solid 1px #5cc5d1;
	background:#ffffff;
	padding:4px;
	margin: 5px 0px;
}*/
.flashVideoCenter{
	margin:0px;
	padding-top:10px;
	/*width:265px;*/
	margin-left:auto;
	margin-right:auto;
	
}
img.leftIcon{
	width:36px;
	height:28px;
	margin:0px;
	padding:0px 0px 0px 20px;
	float:left;
}
img.rightIcon{
	width:36px;
	height:28px;
	margin:0px;
	padding:0px 20px 0px 0px;
	float:right;
}
div.center{
	margin: 0px auto;
}
.border{
	border:solid 1px #5cc5d1;
	background:#ffffff;
	padding:4px;
}

/*---------------------------fixes------------------------------*/
/**{
	margin:0px;
}*/
/*.push{
	height:45px;
}*/
.invisible{
	display: none;
}
.container {
	display: block; 
	overflow: hidden; 
	height: 1%;
}
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/