body{
	font-family:  arial, sans-serif;
	font-size:100%;
	margin-left:1%;
	margin-right:1%;
	margin-top:0;
	padding:0;
}
a, p, li, h1, h2, label{
	-webkit-text-size-adjust:none;
}
img{
	border:0;
	height:auto;
	max-width:100%;
	vertical-align:top;
}
p{
	padding-left:5%;
	font-size:1.2em;
	color:#000066;
}
li{
	font-size:1.2em;
}

h1,h2{
	font-size:1.2em;
	color:#E23130;
	margin-left:30px;
}
.red{
	color:#E23130;
	font-weight:bold;
}
.small{
	font-size:0.8em;
}
#logo{
	max-width:1024px;
	margin:0 auto;
	margin-top:20px;
}
.tele{
padding: 5px 15px 5px 5px;
font-weight:normal;
font-size:0.8em;
	
}
.wideblue{
	background-color:#000066;
    	background-image: url("images/man.gif");
    	background-repeat: no-repeat;
	background-position:bottom right;

}
.wideblue2{
	background-color:#000066;
}
.container{
	max-width:1024px;
	margin:0 auto;
}
#promo{
    	background-image: url("images/promo_back.gif");
    	background-repeat: no-repeat;
	background-position:center center;
	background-color:#c7dced;
	padding:2.2%;
}
#promo img{
/*centering all div content*/
	display:block;
	margin-left: auto;
    	margin-right: auto
}
#intro{
    	background-image: url("images/arrow.gif");
    	background-repeat: no-repeat;
	background-position:top left;
}

#intro p, #seminars1 p, #aboutus p{
	font-style:italic;
}
#question{
	margin-right:1%;

}
#doctor{
	float:left;
	width:50%;
}
#seminars1{
    	background-image: url("images/i.gif");
    	background-repeat: no-repeat;
	background-position:top left;
	padding-left:10px;

}
#seminars2{
	padding-left:10px;
	margin-right:1%;
}
#seminars1 p, #seminars2 p, #aboutus p{
	color:white;
}
#seminars1 ul, #seminars2 ul{
	color:white;
	list-style:none;
	margin-bottom:0px;
}
#seminars1 li, #seminars2 li{
	background:url('images/chevron.gif');
	background-repeat: no-repeat;
	background-position:left top;
	font-style:italic;
   	/* top, right, bottom, left*/
	padding:0px 0px 0px 25px;
}
#example{
    	background-image: url("images/clipboard.gif");
    	background-repeat: no-repeat;
	background-position:top left;
	position:relative;
	z-index:1;

}
#example ul{
	list-style:none;

}
#example li{
	background:url('images/white_chevron.gif');
	background-repeat: no-repeat;
	background-position:left top;
	font-style:italic;
   	/* top, right, bottom, left*/
	padding:0px 0px 0px 25px;
	color:#000066;
}
#lecturer{
	position:absolute;
	bottom:0;
	right:0;
	z-index:10;
}
#comment{
    	background-image: url("images/tick.gif");
    	background-repeat: no-repeat;
	background-position:top left;
	margin-right:1%;
	background-color:#cccccc;
	padding-bottom:5px;
}
#comment p{
	font-style:italic;
}
#aboutus{
    	background-image: url("images/aboutus.gif");
    	background-repeat: no-repeat;
	background-position:top left;
}
#associates{
    	background-image: url("images/associates.gif");
    	background-repeat: no-repeat;
	background-position:top left;
}
#associates p{
	color:white;
	font-style:italic;
	padding-left:30px;
	margin-right:3%;
}
#associates a{
	color:white;
}
.topmargin{
	margin-top:55px;
}
#contact{
    	background-image: url("images/envelope.gif");
    	background-repeat: no-repeat;
	background-position: top left;
	background-position:1% 3%;
}
#links{
    	background-image: url("images/world.gif");
    	background-repeat: no-repeat;
	background-position:1% 3%;
	margin-right:1%;
}
#contact, #links{
	border: 2px solid #000066;
}

#contact, #links{
	margin-right:1%;
	padding: 0 40px 0 20px;
}
#contact h1, #links h1{
	margin-top:12px;
	margin-left:15px;

}
#testimonial img, #accreditation img, #product1 img, #product2 img, #product3 img, #product4 img, #product5 img, #product6 img, #product7 img, #product8 img, #heat2 img, #heat4 img, #heat6 img, #heat8 img{
/*centering all div content*/
	display:block;
	margin-left: auto;
    	margin-right: auto
}
/* ==============================================================*/
/* RWD Grid based on 1140 grid by Andy Taylor http://cssgrid.net */
/* ==============================================================*/
.row {
	width: 100%;
	max-width: 100%;
	min-width: 730px;
	margin: 0 auto;
	overflow: hidden;

}
.onecol, .elevencol{
	float:left;
	word-wrap: break-word;
	margin:10px 0px 10px 0px;
}
.row .elevencol {
	width: 60%;
}
.row .onecol {
	width:40%;
}

/* Mobile */
@media handheld, only screen and (max-width: 730px) {

	.row, body, .container {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.row .onecol, .row .elevencol{
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	#lecturer{
		display:none;
	}
	.wideblue{
		background-image:none;
	}
	.topmargin{
	margin-top:0px;
	}
}
/*End*/
/****Horizontal Menu****/
#navcontainer {
    position: fixed;
    top: 0;
    right:1%;
    z-index: 100;
}
.horizontalcssmenu ul{
margin: 0;
padding: 0 0 5px 0;
list-style-type: none;

}
/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float:left;
background-color:#E23130;

}
/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
padding: 5px 10px 5px 10px;
text-decoration: none;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}

/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
position: absolute;
display: block;
visibility: hidden;
background-color:#cccccc;
z-index: 100;
width:100%;
}
/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
background-color:#cccccc;
}
/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
color:#000066;
text-align:left;
padding: 5px 15px 5px 5px;
font-weight:normal;
font-size:0.8em;
}
.horizontalcssmenu ul li ul li p{
margin:0;
padding: 5px 0px 5px 5px;
font-weight:normal;
font-size:0.8em;

}
.horizontalcssmenu ul li a:hover{
}
.horizontalcssmenu ul li ul li a:hover{
background-color: #dcdcdc;
}

/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float:left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* Horizontal Menu End */

/* box corners*/
/*http://www.webreference.com/programming/css_borders/2.html*/
.box1{
 	float:right;
	width:50%;
	margin-bottom:1%;
}
.box1 .boxcontent {
  border-left:1px solid #E23130;
  border-right:1px solid #E23130;
  padding:5px 10px 5px 10px;

}
.box1{
	font-size:0.9em;

}
.box1 .b1, .box1 .b2, .box1 .b3, .box1 .b4{
  display:block; 
  overflow:hidden;
  }
.box1 .b1, .box1 .b2, .box1 .b3{
  height:1px;
  }
  .box1 .b1 {
  margin:0 5px; 
  background:#E23130;
  }
.box1 .b2 {
  border-left:1px solid #E23130;
  border-right:1px solid #E23130;
  margin:0 3px; 
  border-width:0 2px;
  }
.box1 .b3 {
  border-left:1px solid #E23130;
  border-right:1px solid #E23130;
  margin:0 2px;
  }
.box1 .b4 {
  border-left:1px solid #E23130; 
  border-right:1px solid #E23130;
  height:2px; 
  margin:0 1px;
}

.box2{
width:90%;
margin-left:1%;

}
.box2 .boxcontent {
  border-left:10px solid #999999;
  border-right:10px solid #999999;
  border-top:5px solid #999999;
  border-bottom:5px solid #999999;
  padding:0px 0px 10px 0px;

}

#whiteboard{

	list-style:none;
	margin-bottom:0px;
}
#whiteboard li{
	background:url('images/grey_chevron.gif');
	background-repeat: no-repeat;
	background-position:left top;
	font-style:normal;
   	/* top, right, bottom, left*/
	padding:0px 0px 0px 25px;
	color:#666666;

}
.box2 .b1, .box2 .b2, .box2 .b3, .box2 .b4{
  display:block; 
  overflow:hidden;
  }
.box2 .b1, .box2 .b2, .box2 .b3{
  height:1px;
  }
.box2 .b1 {
  margin:0 5px; 
  background:#999999;
  }
.box2 .b2 {
  border-left:1px solid #999999;
  border-right:1px solid #999999;
  margin:0 3px; 
  border-width:0 2px;
  background:#999999;
  }
.box2 .b3 {
  border-left:1px solid #999999;
  border-right:1px solid #999999;
  margin:0 2px;
  background:#999999;
  }
.box2 .b4 {
  border-left:1px solid #999999; 
  border-right:1px solid #999999;
  height:2px; 
  margin:0 1px;
  background:#999999;
}