/* ------------------------ -----------------------
Client: The Scientific Center, Kuwait
Website URL: http://www.tsck.org.kw
CSS Author: Mauritius N. D'Silva
Author E-mail: mauritiusdsilva@gmail.com
--------------------------------------------------- */

/* ------------------------ resets ----------------- */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;background:url(../imgs/main-body-bg.jpg) no-repeat center #000102;font:normal 12px Verdana, Tahoma, Arial;color:#0e4e88;text-align:justify}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}
/* ------------------------ /resets ----------------- */

/* ------------------------ defaults ----------------- */
h1,h2,h3,h4,h5,h6{font-family:Verdana, Tahoma, Arial;}
h1{font-size:16px}
h2{font-size:14px}
h3{font-size:13px}
h4{font-size:1px}
h5{font-size:8px}
h6{font-size:6px}

.clear,.clear5,.clear10,.clear12,.clear15,.clear18,.clear20,.clear40{clear:both;height:0}
.clear{height:0}
.clear5{height:5px}
.clear10{height:10px}
.clear12{height:12px}
.clear15{height:15px}
.clear18{height:18px}
.clear20{height:20px}
.clear40{height:40px}

img{border:0}
a:link,a:active,a:visited{color:#0e4e88;text-decoration:none}
a:hover{color:#009ade}
a:focus{outline:none}
textarea,input{border:1px solid #0e4e88;font-size:9px;margin:0 0 10px 0}
textarea{overflow:auto}
/* ------------------------ /defaults ----------------- */

/* ------------------------ structure ----------------- */
#main-wrapper,#header,#banner{width:800px}
#main-wrapper{height:730px; margin:0 auto;}
#header,#footer{float:left}

#header{float:left;height:146px;/*border:1px solid #FF0000;*/background:url(../imgs/header-bg.png) no-repeat; position:absolute; z-index:2}
	#logo-container{width:287px; height:87px; float:left;margin:15px 15px 0}
	#logo-container h1{width:287px; height:87px}
	#logo-container h1 a{display:block;width:287px;height:87px;background:url(../imgs/logo-main.gif) no-repeat;}
	#logo-container h1 a span{display:none}
	
	#nav-links{width:335px;height:42px;float:right;margin:15px 0 0; text-transform:uppercase}
		#nav-links ul{margin:0}
		#nav-links ul li{margin:20px 0 0 0;padding:0 0 0 10px;float:left;text-align:right;background:url(../imgs/nav-sep.gif) no-repeat 5px 3px;display:block;font-size:11px; color:#0e4e88}
		#nav-links ul li.first{background:none}
		#nav-links ul li.soc-network{width:38px;height:41px;background:none;margin:10px 0 0 0}

#banner{background:none;height:265px;margin:74px 0 0 0;float:left;position:absolute;z-index:1}

#mid-cont{float:left;clear:both;width:800px;height:564px;margin:200px 0 0 0;background:url(../imgs/body-cont-bg.png) no-repeat;position:absolute;z-index:3}
	#cont-wrap{float:left;width:800px;height:507px;}
			#news-cont{float:left;width:210px;height:320px;margin:15px 0 0 20px}
			
		#nav-flash{float:left;width:570px;height:172px;margin:15px 0 0 0}
		
		#attr-nav-cont{float:left;width:155px;height:148px}
			#attr-nav{width:155px;font-weight:bold}
			#attr-nav li{width:155px;height:18px;margin:0 0 4px 0;background:url(../imgs/attr-nav-bg.png) no-repeat right}
			#attr-nav li a{display:block;}
			#attr-nav li#buy-tickets{width:115px;padding:0 0 0 20px;background:url(../imgs/attr-nav-bg1.png) no-repeat right}
			#attr-nav li#prices-hours{width:120px;padding:0 0 0 20px;background:url(../imgs/attr-nav-bg2.png) no-repeat right}
			#attr-nav li#imax-schedule{width:125px;padding:0 0 0 25px;background:url(../imgs/attr-nav-bg3.png) no-repeat right}
			#attr-nav li#feeding-schedule{width:125px;padding:0 0 0 32px;background:url(../imgs/attr-nav-bg4.png) no-repeat right}
			#attr-nav li#plan-event{width:120px;padding:0 0 0 45px;background:url(../imgs/attr-nav-bg5.png) no-repeat right}
			#attr-nav li#kids{width:60px;padding:0 0 0 70px;background:url(../imgs/attr-nav-bg6.png) no-repeat right}

		#attr-cont{float:left;width:414px;height:338px}
			#attr-cont #attr-one,#attr-cont #attr-two,#attr-cont #attr-three,#attr-cont #attr-four,#attr-cont #attr-five{float:left}
			#attr-cont #attr-one{width:159px;height:166px;margin:35px 0 0 0;position:absolute;z-index:12}
			#attr-cont #attr-two{width:123px;height:128px;margin:5px 0 0 150px;position:absolute;z-index:11}
			#attr-cont #attr-three{width:127px;height:133px;margin:45px 0 0 265px;position:absolute;z-index:13}
			#attr-cont #attr-four{width:161px;height:170px;margin:160px 0 0 225px;position:absolute;z-index:14}
			#attr-cont #attr-five{width:159px;height:167px;margin:185px 0 0 70px;position:absolute;z-index:15}

#footer{float:left;height:20px;margin:20px 0 0 170px;font-size:10px;}
	#footer-links{height:20px;float:left}
	#footer-links ul{margin:0}
	#footer-links ul li{margin:20px 0 0 0;padding:0 0 0 10px;float:left;text-align:right;background:url(../imgs/nav-sep.gif) no-repeat 5px 3px;display:block;font-size:10px;color:#0e4e88}
	#footer-links ul li.first{background:none}
/* ------------------------ structure ----------------- */

/* ------------------------ inside page ----------------- */
#mid-cont-inner{float:left;clear:both;width:800px;height:564px;margin:200px 0 0 0;background:url(../imgs/body-cont-inner-bg.png) no-repeat;position:absolute;z-index:3}
#cont-wrap-inner{float:left;width:800px;height:507px;}
#nav-flash-inner{float:left;width:800px;height:172px;margin:0 0 0 0}
#page-cont-inner{float:left;width:560px;margin:10px 20px}
#page-cont-inner h1{font-size:14px;margin:0 0 10px 0}
#page-cont-inner p{margin:20px 0 0 0;font-size:11px;line-height:14px}
#page-sub-nav{float:left;width:180px;}
	#inner-sub-nav{float:left;margin:0 0 0 20px}
	#inner-sub-nav li{width:140px;height:21px;margin:0 0 5px 0;padding:8px 0 0 0;float:left;text-align:center;background:url(../imgs/sub-nav-bg.gif) no-repeat;display:block;font-size:11px;font-weight:bold;}
	#inner-sub-nav li.sea{background:url(../imgs/sub-nav-bg-sea.gif) no-repeat;}
	#inner-sub-nav li.desert{background:url(../imgs/sub-nav-bg-desert.gif) no-repeat;}
	#inner-sub-nav li.coastal{background:url(../imgs/sub-nav-bg-coastal.gif) no-repeat;}
	#inner-sub-nav li.sea a,#inner-sub-nav li.desert a,#inner-sub-nav li.coastal a{color:#fff}
	#inner-sub-nav li.sea a:hover,#inner-sub-nav li.desert a:hover,#inner-sub-nav li.coastal a:hover{color:#000}
	#inner-sub-nav li.buy-tickets{width:69px;height:83px;background:none;}
	#inner-sub-nav li a{width:140px;display:block;}

/* ------------------------ /inside page ----------------- */