* {margin: 0;padding: 0} img {border: none} html {font-size: 100%}

body {
	font: 14px Arial, Helvetica, sans-serif;
	color: #000000;
}

.clearFix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.displace {
	position: absolute;
	left: -5000px;
}

.left {float:left; margin:10px 20px 10px 0}
.right {float:right; margin:0 0 10px 20px}


.caption {
	font-size:10px;
	font-style:italic;
	width:350px;
}

.reset-p {
	width:690px;
	height:250px;
}

.mission {
	width:30px;
	height:30px;
	font-size:20px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
}

.m-mission { vertical-align:middle; }

blockquote {
	float:right;
	width:320px;
	background:url(../images/quotes-start.png) no-repeat 0 0;
	margin:30px;
}
blockquote p {
	color:#999999;
	font-size:16px;
	background:url(../images/quotes-end.png) no-repeat 100% 90%;
	padding:0 60px;
	margin-bottom:0;
}
.signature {
	text-align:right;
	padding-right:60px;
}

.hide {
	display:none;
}

table, th, td {
	border-collapse:collapse;
	border:none;
	padding:2px;
	vertical-align:top;
}
th {
	text-align:left;
	font-size:16px;
	color:#284062;
	padding-top:25px;
}

ul, ol {
	margin-bottom:15px;
}

#wrap {
	width: 1020px;
	margin: 0 auto;
}

p {
	margin-bottom:15px;
	line-height:20px;
	text-align:justify;
}

h1, h2, h3, h4 {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight:900;
	text-transform:uppercase;
	color:#284062;
	margin:5px 0;
}

/*************************************** HEADER ***************************************/

#header {
	position:relative;
	height:100px;
}

#logo {
	position:absolute;
	z-index:-1;
	top:3px;
	left:20px;
}

#contact {
	position:absolute;
	top:40px;
	right:0;
}
#contact h1, #contact h2 {
	font-size:20px;
	text-align:right;
}
#contact h2 { font-size:12px; }

/*************************************** TOP NAV ***************************************/

#top-nav {
	-moz-border-radius:0 0 20px 20px;
	-webkit-border-radius:0 0 20px 20px;
	-khtml-border-radius:0 0 20px 20px;
	border-radius:0 0 20px 20px;
	float:right;
	background: url(../images/top-nav-bg.png) repeat-x 0 0;
	width:300px;
	height:41px;
}

#top-nav ul {list-style:none; margin:0}
#top-nav li {
	float:left;
	padding:0 10px;
}

#top-nav a:link, #top-nav a:visited {
	font:14px 'Oswald', Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-transform:uppercase;
	text-decoration:none;
	line-height:34px;
	display:block;
	height:34px;
}
#top-nav a:hover, #top-nav a:active {
	color:#e1e1e1;
}

#top-nav li ul {
	display:block;
	position:absolute;
	z-index:500;
	background-color:#284062;
	width:200px;
	padding:10px;
}

#top-nav li li {
	float:none;
	border-bottom:1px solid #39557d;
}

#home-link a:link, #home-link a:visited {
	display:block;
	background:url(../images/home-link.png) no-repeat 0 0;
	width:20px;
	height:20px;
	margin-top:8px;
}

#home-link a:hover, #home-link a:active {
	background-position:0 -24px;
}

#home-link li a:link, #home-link li a:visited {background:none}

#fb {float:left; margin-right:10px}
#fb a:link, #fb a:visited {
	display:block;
	background:url(../images/facebook-link.png) no-repeat 0 0;
	width:22px;
	height:21px;
	margin-top:8px;
}
#fb a:hover, #fb a:active {
	background-position:0 -27px;
}

#yt {float:left; margin-right:10px}
#yt a:link, #fb a:visited {
	display:block;
	background:url(../images/youtube-link.png) no-repeat 0 0;
	width:22px;
	height:21px;
	margin-top:8px;
}
#yt a:hover, #fb a:active {
	background-position:0 -27px;
}

#search {margin:4px 0 0 30px}
#search input[type=text] {
	font-size:10px;
	color:#666666;
	width:150px;
	padding:2px 5px;
}
#search #submit {
	background:url(../images/search-btn.png) no-repeat 0 4px;
	width:20px;
	height:23px;
	cursor:pointer;
	border:none;
	margin-left:-5px;
}

/*************************************** SLIDER ***************************************/

#slider dl {
	list-style: none;
	margin:10px 0;
	height:310px;
	background:url(../images/slider-bg.png) repeat-y 0 0;
	overflow:hidden;
}

#slider dd ul {
	padding:20px 0 0 120px;
	background-color:#7d8d96;
	height:290px;
}
 
#slider dd {
	float:right;
	position:relative;
	display: block;
	height:310px;
	width:100px;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	border-left: 1px solid #fff;
	overflow:hidden;
}
	 
.heading {
	width:100px;
	height:310px;
	color:#000;
	border: none;
	border-right: 1px solid #fff;
	float: left;
	text-align:center;
	cursor:pointer;
}
 
#slider dd.active {
	width: 413px;
}

#info-on-eyes {background:#284062 url(../images/slide1.jpg) no-repeat 0 0}
#laser-vision {background:#284062 url(../images/slide2.jpg) no-repeat 0 0}
#other-options {background:#284062 url(../images/slide3.jpg) no-repeat 0 0}
#near-vision {background:#284062 url(../images/slide4.jpg) no-repeat 0 0}
#cornea-centre {background:#284062 url(../images/slide5.jpg) no-repeat 0 0}
#cataract-centre {background:#284062 url(../images/slide6.jpg) no-repeat 0 0}
#eye-diseases {background:#284062 url(../images/slide7.jpg) no-repeat 0 0}

/*************************************** SLIDER-NAV ***************************************/

#slider h1, #slider h2 {
	color:#ffffff;
	font-size:16px;
	font-weight:normal;
	text-align:left;
	text-transform:capitalize;
	margin:260px 0 0 10px;
}
#slider h2 {
	font-weight:bold;
	text-transform:uppercase;
	margin:-3px 0 0 8px;
}

#slider dd li {
	display:block;
	font-size:11px;
	text-transform:uppercase;
}

#slider a:link, #slider a:visited {
	display:block;
	width:250px;
	padding:2px;
	color:#ffffff;
	text-decoration:none;
}
#slider a:hover, #slider a:active {
	background-color:#284062;
}

/*************************************** MENU ASIDE (#666666) ***************************************/

.menu-aside {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
	list-style:none;
	background-color:#cad3d8;
	padding:3px;
}

.menu-aside li {
	background-color:#e5e9eb;
	font-size:14px;
	font-weight:normal;
	margin:0;
	border-bottom:1px solid #cad3d8;
	border-top:1px solid #ffffff;
	cursor:pointer;
}

.menu-aside li a:link, .menu-aside li a:visited {
	text-transform:capitalize;
	text-decoration:none;
	display:block;
	padding:5px 40px 5px 15px;
	color:#284062;
}

.menu-aside li a:hover, .menu-aside li a:active {
	background-color:#dadfe1;
}

/*************************************** SLIDER 2 ***************************************/

#rotating-item-wrapper {
    position: relative;
    width: 300px;
    height: 230px;
}
.rotating-item {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

/*************************************** CONTENT ***************************************/

#aside {
	float:left;
	width:300px;
	height:500px;
	margin-right:20px;
}

#aside ul {
	list-style:none;
}

#article {
	width:690px;
	min-height:580px;
	float:right;
}

#article h1 {
	font-size:22px;
}

#article h2 {
	font-size:16px;
	font-weight:400;
	color:#000000;
}

#article h4 {
	font-size:13px;
	font-weight:400;
	text-decoration:underline;
}

#article a:link, #article a:visited {
	color:#F00;
	text-decoration:none;
}

#article a:hover, #article a:active, #readmore:hover {
	color:#284062;
}

#article ul, #article li {
	list-style:none;
	line-height:20px;
	text-align:justify;
}

#article li {
	background:url(../images/arrow.png) no-repeat 0 4px;
	padding-left:12px;
	margin:12px 0 12px 15px;
}
#article li li, #article ol ul li {
	list-style:circle;
	background:none;
}

#article li.lh {
	background-image:none;
	margin-left:0;
	text-decoration:underline;
}

#article ol li {
	list-style:decimal;
	background:none;
	padding-left:0;
	margin:6px 0 6px 32px;
}

.blurb img {
	float:right;
	margin-left:20px;
}

#read-more, #readmore {
	color:#F00;
	margin:10px 0;
	cursor:pointer;
}

.direc {
	float:left;
	width:310px;
	height:150px;
	margin-right:15px;
	padding:10px;
}

.direc-gau {
	float:left;
	width:310px;
	height:100px;
	margin-right:15px;
	padding:10px;
}

/*************************************** NEWS ***************************************/

.news {
	height:200px;
	margin-top:30px;
}
.news img {
	margin-top:-10px;
}

/*************************************** POP UPS ***************************************/

#article a.popup-link {
	color:#333333;
	border-bottom:1px dashed #000000;
}

.popup {
	max-width:300px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:500;
	font-size:12px;
	font-weight:normal;
	text-align:justify;
	line-height:15px;
	padding:8px;
	background-color:#dddddd;
	border:1px solid #999999;
}

/*************************************** ACCORDIAN ***************************************/

.accordian h3 {
	background:#27415a url(../images/close.png) no-repeat 98% 50%;
	color:#ffffff;
	font-size:14px;
	font-weight:normal;
	padding:5px 40px 5px 15px;
	margin:0;
	border-bottom:1px solid #02152d;
	border-top:1px solid #7d9cc2;
	cursor:pointer;
}

.accordian h3.close {background-image:url(../images/open.png)}

.accordian .acc-body {
	padding:10px 0;
}

.accordian .close-icon {
	display:block;
	margin-left:660px;
	background:url(../images/close-icon.png) no-repeat 0 0;
	width:20px;
	height:20px;
	cursor:pointer;
}

/*************************************** FDA TABLE ***************************************/

#fda, #fda td {
	border-collapse:collapse;
	border:1px solid #000000;
	padding:3px;
	text-align:center;
	font-size:10px;
}
.blue {color:#00F}
.green {color:#0F0}
.red {color:#F00}

/*************************************** CONTACT INFO ***************************************/

#c-main {
	width:690px;
}

.c {
	float:left;
	width:200px;
	height:160px;
	border:1px solid #cccccc;
	padding:10px;
	margin:0 12px 3px 0;
	line-height:22px;
}

.c:last-child { margin-right:0; float:right; }

#c-main h2, #c-aside h3 {
	color:#ffffff;
	background-color:#7d8d96;
	font-size:16px;
	line-height:40px;
	padding-left:20px;
	margin-bottom:15px;
}

#c-form fieldset {
	padding:10px 100px 10px 20px;
	border:1px solid #cccccc;
}

#c-form label {
	display:block;
	width:170px;
	float:left;
	margin-bottom:10px;
}

#c-form select {
	display:block;
	margin-bottom:10px;
	height:22px;
	font-size:16px;
	color:#879eb3;
}

#c-form input[type=text] {
	display:block;
	width:510px;
	height:22px;
	font-size:16px;
	color:#879eb3;
	margin-bottom:10px;
}

#c-form textarea {
	dislpay:block;
	width:510px;
	height:200px;
	font:16px Arial, Helvetica, sans-serif;
	color:#879eb3;
	margin-bottom:10px;
}

#c-form .captcha {
	margin:0 0 10px 170px;
}

#c-form #submit {
	border:none;
	cursor:pointer;
	margin-left:170px;
	font:14px 'Oswald', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#ffffff;
	background-color:#7d8d96;
	padding:5px 10px;
}

/*************************************** FOOTER ***************************************/

#footer {
	margin-top:35px;
	padding:20px 0 20px 0;
	border-top:1px solid #7d8d96;
}

#footer ul {list-style:none}

#footer h2 {
	font-size:13px;
	padding-bottom:3px;
	border-bottom:1px solid #d3ddeb;
}

#footer li {
	float:left;
	width:128px;
	margin:0 10px;
}
#footer li:first-child {margin-left:0}
#footer li:last-child {margin-right:0}
#footer li li:first-child {margin-left:-5px}
#footer li li:last-child {margin-right:-5px}

#footer li li {
	float:none;
	margin:0 0 0 -5px;
	padding:3px 0 3px 5px;
	border-bottom:1px solid #d3ddeb;
}

#footer li a:link, #footer li a:visited {
	color:#284062;
	font-size:9px;
	text-decoration:none;
	text-transform:uppercase;
}

#footer li li:hover, #footer li li:active {
	background-color:#e8edf4;
}

#btt {
	position:fixed;
	right:20px;
	bottom:20px;
}