@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
}

html{ background: #000D2A url(../images/html-bg-rpt.png) repeat-y center top; }
body{
	background: url(../images/body-bg.jpg) no-repeat center top;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
}

h1,h2,h3,h4,h5,h6{ font-weight: normal }
ul,ol,blockquote{ padding-left: 45px; margin: 10px 0 10px 0; }
p,ul,ol{ font-size: 11pt; }
a{ outline-style: none; }
a:link,a:visited{ color: #0000CC; text-decoration:none; }
a:hover{ text-decoration: underline; }
.clear{clear: both;}
.hidelink{text-indent: -9999px;}
.uppercase{ text-transform: uppercase }
.font-10{ font-size: 10px }
.font-11{ font-size: 11px }
.font-13{ font-size: 13pt }
.font-bold{ font-weight: bold; color: #B8854E; }
.color-white{ color: #fff }
.margin-left-10{ margin-left: 10px }
.margin-right-10{ margin-right: 10px }
.margin-bottom-10{ margin-bottom: 10px }
.margin-bottom-5{ margin-bottom: 5px }
.padding-right-8{ padding-right: 8px }
.padding-left-25{ padding-left: 25px }
.border-1{ border-bottom: 1px solid #000 }
.font-italic{ font-style: italic; }
.float-left{ float: left; }
.text-center{ text-align: center; }
.height-4{ height: 4px; }
img.float-left{ float: left; margin: 0px 5px 0px 0; border: 1px solid #061831;} 
img.float-right{ float: right; margin: 0px 0 0px 5px; border: 1px solid #061831;}  

#wrapper{
	margin: 0 auto;
	width: 981px;
	text-align:left;
}
	/*top css*/
	div#top{
		height: 148px;
		position: relative;        
        z-index: 8;
	}
		ul#main-nav{
			background: url(../images/main-nav.png) no-repeat left;
			width: 981px;
			height: 35px;
			margin: 0;
			padding: 0;
			position: absolute;
			left: 0;
			bottom: 0;
		}
			ul#main-nav li{
				float: left;
				list-style-type: none;
			}
			ul#main-nav li.back{
				background: url(../images/menu-arrow.png) no-repeat bottom center;
				position: absolute;
				z-index: 9;     
			}
				ul#main-nav li a{
					display: block;
					height: 35px; 
					position: relative;
					z-index: 10;
				}
					li a#home{ width: 63px; }
					li a#conf-info{ width: 186px; }
					li a#pres-appli{ width: 167px; }
					li a#vendors-spon{ width: 149px; }
					li a#register{ width: 76px; }
					li a#video{ width: 60px; }
					li a#etc-comm{ width: 114px; }
					li a#feedback{ width: 82px; }
					li a#contact{ width: 83px; }
					
	/*doc-body-wrapper*/
	div#doc-body-wrapper{
		background: url(../images/doc-body-rpt.png) repeat-y top left;
		width: 981px;
		min-height: 750px;
		height: auto!important;
		height: 750px;
	}
		/*left div css*/
		div#left-div{
			float: left;
			width: 707px;
		}
			div.banner{ 
                background: url(../images/banner-top-bg.jpg) no-repeat top left;
				padding: 15px 10px 0 19px; 
                position: relative;
                z-index: 7;
                height: 243px; 
			}
            div.banner-home{
                height: 328px;
            } 
            div#main-photo-slider{
                /*background: url(../images/main-photo-bg-rpt.jpg) repeat-y;*/         
            }
                div#curve{
                    position: absolute;
                    background: url(../images/banner-curve.png) no-repeat top left; 
                    height: 52px;
                    width: 707px;
                    z-index: 9;
                    top: 0;
                    left: 0;
                }
                div.panel{ 
                    z-index: 8;
                    top: 0px;
                }
                div#boxes{
                    background: url(../images/banner-box-bg.jpg) no-repeat top left; 
                    height: 80px; 
                    width: 676px;
                    padding-top: 5px;
                    position: absolute;
                    bottom: 0;
                }
					.banner p{
						font-size: 12px;
					}
					.banner a.navbox{
						font-size: 14px;
						font-weight: bold;
						text-transform: uppercase;
                        text-decoration: none;
                        color: #fff;
					}
					div#boxes p a, div#footer ul a{
						text-transform: uppercase;
						color: #e2c347;
					}
                    
                        #boxes div{ float: left; }
						.banner div#box1{ 
							width: 186px; 
							padding: 10px 10px 0 20px; 
						}
						.banner div#box2{ 
							width: 216px;
							padding: 10px 10px 0 10px;  
						}
						.banner div#box3{ 
							width: 200px; 
							padding: 10px 10px 0 10px; 
						}
                    .banner div.active{ background: url(../images/banner-arrow.png) no-repeat top center; }
                        
			div.doc-body{
				background: url(../images/title-bar-bg.jpg) no-repeat top left;
				color: #0e1f3d;
				padding: 10px 20px 0 18px;
				line-height: 18px;
			}
				.doc-body h2{
					font-family: "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
					line-height: 24px; 
                    height: 48px;
					font-size: 24px;
					text-transform: uppercase;
					color: #778d37;
					margin-bottom: 20px; 
                    display: block; 
                    vertical-align: middle;                  
				}
                .doc-body h3, h4.list-title{ font-weight: bold; }
			div.doc-home{ background: url(../images/title-home-bg.jpg) no-repeat top left; }
			   .doc-home h2{ background: none; }
			   .doc-home div#div-doc-home{ float: left; width: 322px; }
               .doc-home div#div-doc-home h2{ margin-left: 30px; }
               .doc-home p, .doc-home ul, .doc-home ol{ font-size: 10pt; }
		
		/*right div css*/		
		div.right-div{
			background: url(../images/whats-new-notext.jpg) no-repeat top;
			float: right;
			width: 274px;
			height: 604px;
		}
        div.right-div-home{ background: url(../images/whats-new.jpg) no-repeat top; }
			.right-div p{ font-size: 12px; }
			h2.sidebar-home{ margin-bottom: 70px; }
            h2.sidebar{ 
                padding: 60px 0 0 50px; 
                text-transform: uppercase;
                color: #e9e9e9;
            }
            
            div.sidebar{
                /*background: url(../images/sidebar-bg-notxt.jpg) no-repeat top; */
                padding: 0 10px 0 10px;
                height: 241px;
            }
            div.sidebar-home{
                background: url(../images/sidebar-bg-boxes.jpg) no-repeat top;
            }
            
            div.sidebar a{ color: #E2C347 }
			ul.sidebar-home{
				margin: 0; padding: 0;
				font-size: 12px;
			}
					.right-div h4{
						font-size: 12px;
						font-weight: bold;
						text-transform: uppercase;
					}
						h4#sidebox a{ color: #86b9d9; }
					ul.sidebar-home li{
						list-style-type: none;
						display: block;
						height: 70px; 
                        padding: 10px 0 0 0;
					}
					.right-div img{ 
						float: left;
						margin-right: 8px;
						border: 1px solid #4978A9;
					}
                    
			div#form{ 
                background: url(../images/learn-more.png) no-repeat top; 
                padding: 45px 20px 0 15px;
                clear: right;
            }
            #form h2{ margin-bottom: 10px; } 
				form#valform input.textbox{ width: 200px; height: 18px; }
				form#valform textarea{ width: 200px; height: 110px; }
				form#valform .submit{
					margin-top: 10px;
					padding-left: 130px;
				}
				form#valform label{ 
					font-size: 12px;
					color: #e2c347;
					height: 16px;
                    display: block;
				}	
                form#valform p{ margin-bottom: 5px; }
				
/*footer css*/
div#footer-wrapper{ 
	background: url(../images/footer-wrapper-bg.jpg) no-repeat top center;
    width: 100%;
}
    a#rss{ display: block; width: 30px; height: 30px; margin-left: 20px; text-indent: -9999px; }
    
	div#footer{
		background: url(../images/footer-bg.jpg) no-repeat top left;
		margin: 0 auto;
		width: 981px;
		height: 306px;
		text-align:left;
		padding: 98px 0 0 0;
	}
		div#footer p{ font-size: 12px; }
		div#footer ul{
			margin: 0; padding: 0;
		}
		div#footer ul h3{
			font-size: 14px;
			font-weight: bolder;
			text-transform: uppercase;
			color: #86b9d9;
		}
			div#footer ul li{
				float: left;
				list-style-type: none;
				padding-left: 15px;
				padding-right: 10px;
			}
		ul#latest-news{ height: 79px; }
        ul#latest-news li{ overflow: hidden; height: 80px; }
		ul#latest-news li#box1, ul#sponsors li#box1{ width: 205px; }
		ul#latest-news li#box2, ul#sponsors li#box2{ width: 225px; }
		ul#latest-news li#box3, ul#sponsors li#box3{ width: 215px; }
		ul#latest-news li#box4, ul#sponsors li#box4{ width: 210px; }
		
		ul#sponsors{
			text-align: center;
			height: 81px;
			padding-top: 50px;
		}
			ul#sponsors img{ border: none; }
        
        h1#cybernautic-logo{ padding-left: 650px; }
        h1#cybernautic-logo a{ display: block; width: 320px; height: 80px; text-indent: -9999px; }

/*form validation*/            
div#form label.error, label.error {
    color:red;
    display:block;
    font-size:12px;
}