/* css document JDG! http://jdanielgonzalez.com */
* {
margin: 0;
padding: 0
}
ul {
list-style-type: none;
}
li {
display: inline;
}
img {
border: none;
}
a {
color: black;
text-decoration: none;
}
body {
background-color: #fff;
width: 100%;
margin: 0 auto;
font-family: helvetica, sans-serif;
overflow: hidden;
}
div#pageMenu {
font-size: 10px;
color: #666;
text-align: center;
margin-left: 15px;
padding-top: 15px;
}
div#pageMenu ul, div#pageMenu li {
background-color: #ccc;
padding: 15px;
}
div#pageMenu ul, div#pageMenu li a {
text-decoration: none;
color: #666;
}
body#tattoo #land {
background: #ffc;
height: 580px;
position: relative;
}
.cleartool {
clear: both;
}
div#wrap {
padding: 5px 10px;
}
div#navigation {
float: left;
position: absolute;
width: 480px;
}
div#land {
background: url('../images/homeyb.jpg') repeat-x center;
height: 580px;
position: relative;
}
div#title {
float: left;
display: inline;
text-align: center;
width: 400px;
color: white;
position: absolute;
margin-top: 4px;
padding: 10px;
text-align: right;
}
div#bounce {
float: left;width100px;
position: absolute;
margin-top: -20px;
}
div#title li {
font-size: 14px;
color: white;
letter-spacing: 0.03em;
padding: 1px 7px;
margin: 15px;
}
div#title ul {
opacity: 0.5;
}

div#perv {
height: 400px;
float: left;
margin: 10px 50px 0 355px;
}
.logo {
float: right;
margin-top: -15px;
}
div#tattoo {
overflow-x: scroll;
}

body#mirr {
background: #fff url('../images/waitbg.gif');
width: 1020px;
margin: 0 auto;
padding-top: 20px;
font-family: helvetica, sans-serif;
overflow: auto;
}
body#mirr #wrap {
padding: 5px 10px;
font-size: 11px;
color: black;
width: 672px;
margin: 0 auto;
text-align: center;
}
body#holiday {
background: #fff url('');
width: 1020px;
margin: 0 auto;
padding-top: 20px;
font-family: helvetica, sans-serif;
overflow: auto;
}
body#holiday #wrap {
padding: 5px 10px;
font-size: 11px;
color: black;
width: 672px;
margin: 0 auto;
text-align: center;
}
body#atlantic {
background: #fff url('');
width: 1020px;
margin: 0 auto;
padding-top: 20px;
font-family: helvetica, sans-serif;
overflow: auto;
}
body#atlantic #wrap {
padding: 5px 10px;
font-size: 11px;
color: black;
width: 821px;
margin: 0 auto;
text-align: center;
}

/*videos*/

div#video {
padding-top: 30px;
margin: 0 auto;
width: 900px;
background: transparent;
}
body#video {
background: #222 url('../images/vidbg.gif') center;
overflow: auto;
}
body#video #wrap {
background: transparent;
width: 900px;
margin: 0 auto;
text-align: center;
}

/*footer*/
div#footer {
margin-top: -71px;
position: absolute;
margin-left: 1%;
}
/* info */
body#info {
background: #fff url('../images/infobg.gif') repeat center;
color: #0000ff;
width: 950px;
}
body#info div#bounce {
margin-top: 0;
}
body#info p {
letter-spacing: 0.03em;
font-size: 14px;
width: 450px;
margin: 50px 175px;
}
body#info #bioContent {
width: 700px;
margin: 0 auto;
}
body#info #statement {
display: none;
width: 700px;
margin: 0 auto;
}
body#info .bioMenu {
float: left;
text-align: right;
width: 200px;
background-color: #fff;
margin-top: 50px;
color: #ff00ff;
line-height: 50px;
padding-right: 10px;
}
body#info a {
color: #ff00ff;
text-decoration: none;
margin: 15px;
}
body#info a:hover {
text-decoration: underline;
background-color: #ffc;
}
body#info ul, body#info li {
margin: 0;
padding: 15px;
}
body#info #bioMenu {
background-color: #fff;
width: 250px;
float: left;
margin-top: 50px;
text-align: left;
line-height: 12px;
}
body#info #bioMenu ul li {
background-color: #fff;
display: block;
}
body#info #bioMenu ul li a {
background-color: white;
}
#infomenu {
background-color: #ccc;
text-align: center;
margin-top: 15px;
}
#infomenu ul li a {
background-color: #ccc;
padding: 15px 0;
font-size: 10px;
margin: 0;
color: #666;
}
#infomenu ul li a:hover {
text-decoration: none;
background-color: transparent;
}
#infomenu a:active {
background-color: #fff;
}
body#lent {
width: 1020px;
padding-top: 20px;
background-image: url(../images/obg.gif);
overflow-y: auto;
text-align: center;
}
body#baby {
width: 1020px;
background: #fff url(../images/babybg.gif)center;
overflow: auto;
padding-top: 20px;
text-align: center;
}
body#lv {
width: 1020px;
background: #fff url(../images/lvbg.gif) fixed center;
padding-top: 20px;
}
body#lv #wrap {
width: 720px;
margin: 0 auto;
text-align: center;
}
body#california {
width: 1020px;
padding-top: 20px;
overflow: auto;
}
body#california #wrap {
text-align: center;
width: 933px;
}
.nona {
margin-left: 15px;
}
	.menu {
height: 32px;
position: relative;
z-index: 100;
padding-top: 15px;
}
	/* hack to correct IE5.5 faulty box model */
	* html .menu {
width: 746px; w\idth:745px;
}
	/* remove all the bullets, borders and padding from the default list styling */
	.menu ul {
padding: 0;
margin: 0;
list-style-type: none;
}
	.menu ul ul {
width: 149px;
}
	/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
	.menu li {
float: left;
width: 149px;
position: relative;
}
	/* style the links for the top level */
	.menu a, .menu a:visited {
display: block;
font-size: 12px;
text-decoration: none;
color: #fff;
width: 138px;
height: 30px;
border: 1px solid #fff;
border-width: 1px 1px 1px 1px;
background: #eeaeea;
padding-left: 10px;
line-height: 29px;
}
	/* a hack so that IE5.5 faulty box model is corrected */
	* html .menu a, * html .menu a:visited {
width: 149px; w\idth:138px;
}

	/* style the second level background */
	.menu ul ul a.drop, .menu ul ul a.drop:visited {
background: #d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;
}



	/* hide the sub levels and give them a positon absolute so that they take up no room */
	.menu ul ul {
visibility: hidden;
position: absolute;
height: 0;
top: 31px;
left: 0;
width: 149px;
border-top: 1px solid #000;
}
	/* another hack for IE5.5 */
	* html .menu ul ul {
top: 30px;t\op:31px;
}



	/* style the table so that it takes no part in the layout - required for IE to work */
	.menu table {
position: absolute;
top: 0;
left: 0;
border-collapse: collapse;
}

	/* style the second level links */
	.menu ul ul a, .menu ul ul a:visited {
background: #d4d8bd;
color: #000;
height: auto;
line-height: 1em;
padding: 5px 10px;
width: 128px;
border-width: 0 1px 1px 1px;
}
	/* yet another hack for IE5.5 */
	* html .menu ul ul a, * html .menu ul ul a:visited {
width: 150px;w\idth:128px;
}

	/* style the top level hover */
	.menu a:hover, .menu ul ul a:hover {
color: #000;
background: #b7d186;
}
	.menu :hover > a, .menu ul ul :hover > a {
color: #000;
background: #b7d186;
}

	/* make the second level visible when hover on first level list OR link */
	.menu ul li:hover ul,
	.menu ul a:hover ul {
visibility: visible;
}