/* CSS Document */

/* makes all link borders invisible */
a img {border:none;}
/* makes all link borders invisible */


#banner img, #banner span { position:absolute; top:0; left:0; width:960px; }

#banner {
width: 960px;
height: 100px;
position:relative;
background:#FFF;
padding: 0 0px 0 20px;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
font-family: Futura, Verdana, Arial, Helvetica;
font-size:86px;
color: #2da3cb;
}


#wrapper{ 
	    padding: 0 0 0 0;
	    text-align:left; /* leave unchanged */ 
   		width:480px;
   		height:700px;
   		position:static;
		margin-top: 40px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom:20px;
		background-color: #000;
		} 
		
#wrapper_web{ 
	    padding: 0 0 0 0;
	    text-align:left; /* leave unchanged */ 
   		width:970px;
   		height:100%;
   		position:static;
		margin-top: 0px;
		margin-bottom:20px;
		background-color: #FFF;
		} 
		
body { background: #000; margin-bottom:20px; width:100%; }

h3 span {font-family: Verdana, Arial, Helvetica; font-size:10px; color: #FFF; }
p {font-family: sans-serif, Arial, Helvetica; font-size:12px; color: #FFF; }
span {font-family: sans-serif, Arial, Helvetica; font-size:11px; color: #fff; }

#header{ width:480; height:28px; padding 10px 10px 10px 10px: position:relative; }
#header p{ color:#444; font-size:18px; padding: 40px 20px 20px 20px; margin-top: 20px;}
#header h1{ color:#FFFFFF; font-size:26px; padding: 10px 10px 10px 10px; text-align: center;}
#header a{ border-bottom: 0px solid #eee; font-family: Helvetica, Futura, Verdana, Arial; font-size:18px; color: #444; }
#header a:hover{ border-bottom: 0px solid #eee; font-family: Helvetica, Futura, Verdana, Arial; font-size:18px; color: #44d1c3; text-decoration: none; }

#SEO{ width:480px; height:120px; padding 10px 10px 10px 10px: position:relative; }
#SEO p{ color:#444; font-size:18px; padding: 40px 20px 20px 20px; margin-top: 20px;}
#SEO h1{ color:#FFFFFF; font-size:26px; padding: 10px 10px 10px 10px; text-align: center;}
#SEO a{ border-bottom: 0px solid #eee; font-family: Helvetica, Futura, Verdana, Arial; font-size:18px; color: #444; }
#SEO a:hover{ border-bottom: 0px solid #eee; font-family: Helvetica, Futura, Verdana, Arial; font-size:18px; color: #44d1c3; text-decoration: none; }
	
#column120 {width: 116px; float: left; margin-right: 22px; margin-left: 22px; margin-top: 10px; border: 0px solid #444; }
#column120 h1{ font-family: Helvetica, Futura, Verdana, Arial; font-size:14px; color: #44d1c3; text-align: center; }
#column120 a{ font-family: Helvetica, Futura, Verdana, Arial; font-size:12px; color: #666; }
#column120 a:hover{ font-family: Helvetica, Futura, Verdana, Arial; font-size:12px; color: #44d1c3; text-decoration: none; }

/* ----------------------------- about me ---------------------------*/

.about-me{
background-color: #none;
border-bottom: 1px solid #eee;
margin-bottom: 10px;
width:980px;
height:100%;
padding:0px 0px 0px 0px;
font-family: Helvetica, Futura, Verdana, Arial;
font-size:100%;
color: #333;
position:relative;
float: left;
}

.about-me a{ border-bottom: 0px solid #eee; font-family: Helvetica, Futura, Verdana, Arial; font-size:100%; color: #666; text-decoration: none; }
.about-me a:hover{ border-bottom: 0px solid #eee; font-family: Helvetica, Futura, Verdana, Arial; font-size:100%; color: #2da3cb; text-decoration: none; }
.about-me h3 {font-family: Verdana, Arial, Helvetica; font-size:16px; color: #666; margin-bottom: 0px;}
.about-me span {font-family: Verdana, Arial, Helvetica; font-size:12px; color: #999; margin-top: 0px;}



/* ----------------------------- head begins ---------------------------*/

#head{
background-color: #8A8863;
border-right: 0px solid #F7F6F1;
border-left: 0px solid #F7F6F1;
margin-left: none;
margin-top:none;
margin-bottom: 10px;
background: url(../img/hdr.gif) repeat-x;
width:100%;
height:0px;
padding:0px 0 0 0;
font-family: Verdana, Arial, Helvetica;
font-size:10px;
color: #FFF;
position:relative;
z-index: 2;
}


#head ul
{
list-style: none;
margin: 0;
border: none;
margin-left:none;
}

#head li
{
border-bottom: none;
margin: 0;
}

#head li a
{
display: auto;
padding: none;
border-right:none;
background-color: none;
color: #ccc;
text-decoration: none;
margin-top: none;
}

html>body #head li a { width: auto; }

#head li a:hover
{
border-right:none;
background-color: none;
color: #FFF;
}

/* ----------------------------- break ---------------------------*/


#center{
background-color: #FFF;
border-top: 1px solid #EDEDED;
border-right: 1px solid #EDEDED;
border-left: 1px solid #EDEDED;
width:980px;
height:100%; 
padding: 0 0 0 0;
margin-bottom: 5px;
margin-left: 0px;
margin-right: 5px;
margin-top: -10px;
*margin-top: -3px;
font-family: sans-serif, Verdana, Arial, Helvetica;
font-size:14px;
padding: 0px 0 0 0;
}



/* ----------------------------- web_hover begins ---------------------------*/


#web_hover ul {
border: 0px solid #666;
margin:10px 0px 0px 0px;
width: 110px;
height: 70px;
font-size: 20px;
font-family: Lunabar, Verdana, Times New Roman, Arial;
overflow:hidden;
float:left;
}

#web_hover ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
background: url(../img/web_hover.png) no-repeat;
color: #3C5776;
text-decoration: none;
margin:0px 0px 0px 0px;
width: 110px;
height: 140px;
margin-top:0px;
overflow:hidden;
}

html>body #web_hover ul a {  }

#web_hover ul a:hover {
padding: 0px 0px 0px 0px;
background-color: #464D5B;
background: url(../img/web_hover.png) no-repeat;
color: #FFF;
width: 110px;
height: 140px;
margin-top:-70px;
overflow:hidden;
}

/* ----------------------------- photo begins ---------------------------*/


#photo_hover ul {
border: 0px solid #666;
margin:10px 0px 0px 0px;
width: 110px;
height: 70px;
font-size: 20px;
font-family: Lunabar, Verdana, Times New Roman, Arial;
overflow:hidden;
float:left;
}

#photo_hover ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
background: url(../img/photo_hover.png) no-repeat;
color: #3C5776;
text-decoration: none;
margin:0px 0px 0px 0px;
width: 110px;
height: 140px;
margin-top:0px;
overflow:hidden;
}

html>body #photo_hover ul a {  }

#photo_hover ul a:hover {
padding: 0px 0px 0px 0px;
background-color: #464D5B;
background: url(../img/photo_hover.png) no-repeat;
color: #FFF;
width: 110px;
height: 140px;
margin-top:-70px;
overflow:hidden;
}

/* ----------------------------- graphic begins ---------------------------*/
#graphic_hover ul {
border: 0px solid #666;
margin:10px 0px 0px 0px;
width: 110px;
height: 70px;
font-size: 20px;
font-family: Lunabar, Verdana, Times New Roman, Arial;
overflow:hidden;
float:left;
}

#graphic_hover ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
background: url(../img/graphic_hover.png) no-repeat;
color: #3C5776;
text-decoration: none;
margin:0px 0px 0px 0px;
width: 110px;
height: 140px;
margin-top:0px;
overflow:hidden;
}

html>body #graphic_hover ul a {  }

#graphic_hover ul a:hover {
padding: 0px 0px 0px 0px;
background-color: #464D5B;
background: url(../img/graphic_hover.png) no-repeat;
color: #FFF;
width: 110px;
height: 140px;
margin-top:-70px;
overflow:hidden;
}

/* ----------------------------- music begins ---------------------------*/
#music_hover ul {
border: 0px solid #666;
margin:10px 0px 0px 0px;
width: 110px;
height: 70px;
font-size: 20px;
font-family: Lunabar, Verdana, Times New Roman, Arial;
overflow:hidden;
float:left;
}

#music_hover ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
background: url(../img/music_hover.png) no-repeat;
color: #3C5776;
text-decoration: none;
margin:0px 0px 0px 0px;
width: 110px;
height: 140px;
margin-top:0px;
overflow:hidden;
}

html>body #music_hover ul a {  }

#music_hover ul a:hover {
padding: 0px 0px 0px 0px;
background-color: #464D5B;
background: url(../img/music_hover.png) no-repeat;
color: #FFF;
width: 110px;
height: 140px;
margin-top:-70px;
overflow:hidden;
}

/* ----------------------------- film begins ---------------------------*/
#film_hover ul {
border: 0px solid #666;
margin:10px 0px 0px 0px;
width: 110px;
height: 70px;
font-size: 20px;
font-family: Lunabar, Verdana, Times New Roman, Arial;
overflow:hidden;
float:left;
}

#film_hover ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
background: url(../img/film_hover.png) no-repeat;
color: #3C5776;
text-decoration: none;
margin:0px 0px 0px 0px;
width: 110px;
height: 140px;
margin-top:0px;
overflow:hidden;
}

html>body #film_hover ul a {  }

#film_hover ul a:hover {
padding: 0px 0px 0px 0px;
background-color: #464D5B;
background: url(../img/film_hover.png) no-repeat;
color: #FFF;
width: 110px;
height: 140px;
margin-top:-70px;
overflow:hidden;
}

/* ----------------------------- center begins ---------------------------*/

#center{
background-color: #FFF;
border-top: 1px solid #EDEDED;
border-right: 1px solid #EDEDED;
border-left: 1px solid #EDEDED;
width:960px;
height:100%; 
padding: 0 0 0 0;
margin-bottom: 5px;
margin-left: 0px;
margin-right: 5px;
margin-top: -10px;
*margin-top: -3px;
font-family: Courier New, Verdana, Arial, Helvetica;
font-size:14px;
float:left;
min-height:200px;
padding: 0px 0 0 0;
}



/* ----------------------------- left begins ---------------------------*/
#left{
background: url(../img/logopatt5.gif) repeat;
border-top: 2px solid #eee;
border-right: 0px solid #bbb;
border-left: 0px solid #bbb;
border-bottom: 0px solid #bbb;
padding: 30px 20px 10px 0px;
margin-left: 10px;
margin-right: 0px;
margin-top: 10px;
margin-bottom: 10px;
width:150px;
height:100%;
font-family: Lunabar, Verdana, Futura, Arial, Helvetica;
font-size:14px;
color: #504E0E;
position:relative;
float:left;
}

/* ----------------------------- left begins ---------------------------*/
#leftnormal{
background: url(../img/logopatt5.gif) repeat;
padding: 0px 0px 10px 0px;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px;
margin-bottom: 10px;
width:275px;
height:30px;
font-family: sans-serif, Futura, Arial, Helvetica;
font-size:12px;
color: #333;
position:relative;
float:left;
}

/* ----------------------------- left begins ---------------------------*/
#left2{
background: url(../img/logopatt2.gif) repeat;
border-top: 2px solid #eee;
border-right: 0px solid #bbb;
border-left: 0px solid #bbb;
border-bottom: 0px solid #bbb;
padding: 10px 0px 10px 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 10px;
margin-bottom: 10px;
width:100%;
height:100%;
font-family: Verdana, Arial, Helvetica;
font-size:10px;
color: #504E0E;
position:relative;
float:left;
}

#left-slide{
background: url(../img/logopatt2.gif) repeat;
border-top: 0px solid #eee;
border-right: 0px solid #bbb;
border-left: 0px solid #bbb;
border-bottom: 0px solid #bbb;
padding: 10px 0px 10px 0px;
margin-left: 10px;
margin-right: 10px;
margin-top: 0px;
margin-bottom: 40px;
width:100%;
height:220px;
font-family: Verdana, Arial, Helvetica;
font-size:10px;
color: #504E0E;
position:relative;
float:left;
}






/* ----------------------------- line div begins ---------------------------*/

#horiz{
background-color: #eee;
padding: 0 0 0 0;
margin: 10px 0px 10px 0px;
height: 1px;
width: 870px;
position:relative;
border-top: 1px solid #eee; 
border-bottom: 1px solid #fff; 
}

/* ----------------------------- line div begins ---------------------------*/

#horiz2{
background-color: #888;
padding: 0 0 0 0;
margin: 10px 0px 10px 0px;
height: 1px;
width: 220px;
position:relative;
border-top: 1px solid #ccc; 
border-bottom: 1px solid #ccc; 
}


/* ----------------------------- l3 begins ---------------------------*/

#l3{
background-color: #888;
border-right: 0px solid #F7F6F1;
border-left: 0px solid #F7F6F1;
margin-left: none;
margin-top:10px;
margin-bottom:none;
width:770px;
*width:830px;
height:30px;
padding: -10px 30px 0px 30px;
*padding: -10px 30px 0px 60px;
font-family: Courier New, Times New Roman, Arial;
font-size:16px;
color: #000;
position:relative;
z-index: 0;
}

#l3 ul
{
list-style: none;
margin: 0;
border: none;
margin-left:none;
padding: 5px 0px 0px 0px;
}

#l3 li
{
border-bottom: none;
margin: 0;

}

#l3 li a
{
display: auto;
padding: 8px 30px 0 30px;
border-right:none;
background-color: none;
color: #000;
text-decoration: none;
margin-top: none;
}

html>body #l3 li a { width: auto; }

#l3 li a:hover
{
border-right:none;
background-color: none;
color: #ccc;
padding: 5px 30px 0 30 px;
}




/* ----------------------------- begins ---------------------------*/
#title{
padding: 0 30px 0px -40px;
*padding: 0 30px 0px 20px;
margin-left: 20px;
font-family: Lunabar, Verdana, Times New Roman, Arial;
font-size:30px;
color: #FFF;
position:relative;
z-index: 0;
}

#title a
{
display: auto;
padding: 8px 30px 0px 0px;
border-right:none;
background-color: none;
color: #504E0E;
text-decoration: none;
margin-top: none;
}

#title a:hover
{
border-right:none;
background-color: none;
color: #ff9000;
padding: 5px 30px 0px 0 px;
}




/* ----------------------------- about me ---------------------------*/

.footer-menu{
background-color: #444;
border-bottom: 1px solid #eee;
margin-top: 0px;
margin-bottom: 0px;
width:900px;
height:20px;
padding:10px 10px 10px 10px;
font-family: Helvetica, Futura, Verdana, Arial;
font-size:100%;
color: #333;
position:absolute;
}

.footer-menu a{ border-bottom: 0px solid #eee; font-family: Helvetica, Futura, Verdana, Arial; font-size:100%; color: #666; text-decoration: none; }
.footer-menu a:hover{ border-bottom: 0px solid #eee; font-family: Helvetica, Futura, Verdana, Arial; font-size:100%; color: #2da3cb; text-decoration: none; }



/* ----------------------------- about me ---------------------------*/

.footer-text{
background-color: #none;
border-bottom: 1px solid #eee;
margin-bottom: 10px;
width:960px;
height:20px;
padding:0px 0px 0px 0px;
font-family: Helvetica, Futura, Verdana, Arial;
font-size:100%;
color: #333;
position:relative;
}

/* ----------------------------- about me ---------------------------*/

.footer-index{
background-color: #none;
border-bottom: 0px solid #eee;
margin-top: 10px;
margin-bottom: 10px;
width:430px;
height:40px;
padding: 40px 20px 20px 20px;
font-family: Helvetica, Futura, Verdana, Arial;
font-size:10px;
color: #333;
position:relative;
}


/* ----------------------------- footer begins ---------------------------*/

#footer{
margin-left: 1px solid #F7F6F1;
margin-top:-10px;
margin-bottom:45px;
background-color: none;
width:785px;
height:330px;
padding:5px 50px 30px 155px;
font-family: Verdana, Arial, Helvetica;
font-size:10px;
color: #666;
position:relative;
float: left;
}

#footer ul
{
list-style-type: none;
margin-top:0px;
border: none;
margin-left:none;
height:35px;
}

#footer li
{
border-bottom: none;
margin: 0;
}

#footer li a
{
display: auto;
padding:5px 50px 30px 150px;
border-right:none;
background-color: none;
color: #666;
text-decoration: none;
margin-top: none;
}

html>body #footer li a { width: auto; }

#footer li a:hover
{
border-right:none;
background-color: none;
color: #222;
}

/* ----------------------------- jquery begins ---------------------------*/

ul {
	list-style:none;
	margin:0;
	padding:0;
}
li {
	float:left;
	width:100px;
	margin:0;
	padding:0;
	text-align:center;
}
li a {
	display:block;
	padding:5px 10px;
	height:100%;
	color:#000;
	text-decoration:none;
	border-right:1px solid #000;
}
li a {
	background:url(../img/bg.jpg) repeat 0 0;
}
li a:hover {
	background-position:50px 0;
}