@charset "UTF-8";
img, object, embed, video {
	max-width: 100%;
}
body,td,th {
	background-image:url(../images/bgpattern.png);
}
.ie6 img {
	width:100%;
}
#example{
	float:left;
	padding-right:5px;
}

/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}

/* CUSTOM FONT*/
@font-face {
 font-family: Custom;
 src: url("custom.eot"); /* EOT file for IE */
}
@font-face {
 font-family: Custom;
 src: url("custom.ttf"); /* TTF file for CSS3 browsers */
}

/* COMMON CLASSES */
.break { clear:both; }

/*TOP */
#top {display:inline; height:130px; width:100%; background-image:url(../images/navbg.png); z-index: 1000; position:absolute;
-webkit-box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, .3);
box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, .3);
}

/*TOP2 */
#top2 {display:none;
}

/*lOGO */
#logo{
	position:absolute;
	width: 100%;
	top: 130px;
	background-image: url(../images/logo3.png);
	background-repeat:no-repeat;
	background-position:center;
	height: 280px;
}

/* HEADER */
#header { height:400px; }
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:400px; position:absolute; }

/* MENU */
#menu { position:relative; top:5px;}
#menu ul { list-style:none; text-align: center; }
#menu ul li { font-size:20px; font-family:Custom;}
#menu ul li a { color:#000; text-decoration:none; padding-right:10px; padding-left:10px; }
#menu ul li a:hover { text-decoration:underline; }

/* MENU2 */
#menu2 {display:none;}

/* HEADER HAVIGATION */
#headernav-outer { position:relative; top:230px; margin:0 auto; padding-right:10px; display:none;}
#headernav { float:right; display:none;}

/* CONTENT */
#content { color:#666; font-family:custom; font-size:20px; margin:0 auto; max-width:960px; width:100%; padding-top:20px;  padding-right:5px; padding-left:5px;}

/* FOOTER */
#footer { color:#666; font-family:custom; font-size:15px; margin:0 auto; text-align:center; max-width:960px; width:100%; padding-top:20px; padding-bottom:20px;}


@media only screen and (min-width: 642px) {

/* COMMON CLASSES */
.break { clear:both; }

/*TOP */
#top {display:none;
}

/*TOP2 */
#top2 {display:inline; height:35px; width:100%; position:fixed; background-image:url(../images/navbg.png); z-index: 1000;
-webkit-box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, .3);
box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, .3);
}


/*lOGO */
#logo{
	position:absolute;
	width: 100%;
	top: 15px;
	background-image: url(../images/logo2.png);
	background-repeat:no-repeat;
	background-position:center;
	height: 400px;
}

/* HEADER */
#header { height:400px;}
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:400px; position:absolute;}

/* MENU */
#menu {display:none;}

/* MENU2 */
#menu2 {padding-top:5px; display:block; color:#666;}
#menu2 ul { list-style:none; text-align: center; }
#menu2 ul li { display:inline; font-size:19px; font-family:Custom; color:#666;}
#menu2 ul li a { color:#000; text-decoration:none; padding-right:10px; padding-left:10px; }
#menu2 ul li a:hover { text-decoration:underline; }

/* HEADER HAVIGATION */
#headernav-outer { position:relative; top:350px; right:20px; margin:0 auto; width:100%; display:none;}
#headernav { padding-left:70%; display:none;}

/* CONTENT */
#content { color:#666; font-family:custom; font-size:20px; margin:0 auto; max-width:960px; width:100%;  padding-top:20px; padding-right:5px; padding-left:5px;}

/* FOOTER */
#footer { color:#666; font-family:custom; font-size:15px; margin:0 auto; text-align:center; max-width:960px; width:100%; padding-top:20px; padding-bottom:20px;}
}

@media only screen and (min-width: 1000px) {

/* COMMON CLASSES */
.break { clear:both; }

/*TOP */
#top {display:none;
}

/*TOP */
#top2 {display:inline; height:35px; width:100%; max-width:1600px; left: 0; right: 0; margin:0% auto; position:fixed; background-image:url(../images/navbg.png); z-index: 1000;
-webkit-box-shadow: 0 2px 3px -3px rgba(0, 0, 0, .3);
       -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .3);
            box-shadow: 0 2px 3px rgba(0, 0, 0, .3);
}


/*lOGO */
#logo{
	position:absolute;
	width: 100%;
	top: 45px;
	background-image: url(../images/logo.png);
	background-repeat:no-repeat;
	background-position:center;
	height: 440px;
}

/* HEADER */
#header { height:500px; max-width:1600px;}
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:500px; max-width:1600px; left: 0; right: 0; margin:0% auto; position:absolute;}

/* MENU */
#menu {display:none;}

/* MENU2 */
#menu2 {padding-top:5px; display:block; color:#666;}
#menu2 ul { list-style:none; text-align: center; }
#menu2 ul li { display:inline; font-size:20px; font-family:Custom; color:#666;}
#menu2 ul li a { color:#000; text-decoration:none; padding-right:10px; padding-left:10px; }
#menu2 ul li a:hover { text-decoration:underline; }

/* HEADER HAVIGATION */
#headernav-outer { position:relative; top:450px; margin:0 auto; width:960px; display:none;}
#headernav { padding-left:864px; display:none;}

/* CONTENT */
#content {background-image:url(../images/bgpattern.png); color:#333; font-family:custom; font-size:20px; margin:0 auto; max-width:960px; width:100%; padding-top:20px; padding-right:5px; padding-left:5px;}

/* FOOTER */
#footer { color:#666; font-family:custom; font-size:12px; margin:0 auto; text-align:center; max-width:960px; width:100%; padding-top:20px; padding-bottom:20px;}
}