/* CSS Document
BUNNYGO
C/O UPROARMultimedia.com
Designer Gregory Gunther
Copyright 2007 - 2009.

*/
/* --- RESET ---*/


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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}


/* --- GENERAL ---*/


body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	color: #777;
	background-color:#fdc642;
	background-image:url(../img/background-pink.jpg);
}


/* --- FONTS SYTLES --- */
p {
line-height: 1.65;
font-size:1.2em;
margin-bottom:15px;
}

h1{
font-size:2em;
font-weight:bold;
color: #FF66FF;
}
h2{
margin-top:25px;
font-size:1.55em;
font-weight:bold;
color:#555;
text-transform:uppercase;
}

a{line-height: 1.55;}


/* --- STRUCTURAL ---*/

div#wrapper{
margin:auto;
width:960px;
padding-top:15px;
}


div#navBar{
float:right;
width:475px;
height:29px;
margin-right:116px;
}

div#BannerTop{
clear:left;
width:868px;
height:195px;
}


div#mainPage{
background-image:url(../img/box-middle.png);
background-repeat:repeat-y;
width:868px;
height:470px;
padding-top:15px;
}


div#boxBottom{
clear:left;
background-image:url(../img/box-bottom.png);
background-repeat:no-repeat;
width:868px;
height:48px;
}

div#mainPort{
float:left;
margin-top:20px;
margin-left:75px;
width:750px;
height:425px;
}
div#mainPort p{
width:375px;
font-size:120%;
}
div#mainPort a:link{color:#690;text-decoration:none;}
div#mainPort a:visited{color:#690;text-decoration:none;}
div#mainPort a:hover{color:#FF66FF;text-decoration:underline;}

div#mainAbout{
float:left;
margin-top:20px;
margin-left:75px;
width:750px;
height:450px;
background-image:url(../img/about-back.jpg);
background-repeat:no-repeat;
background-position:bottom right;
}
div#mainAbout p{
width:375px;
font-size:120%;
}
div#mainAbout a:link{color:#690;text-decoration:none;}
div#mainAbout a:visited{color:#690;text-decoration:none;}
div#mainAbout a:hover{color:#FF66FF;text-decoration:underline;}


div#gallery {
float:left;
width:850px;	
height:400px;
}
div#gallery li{
display:inline;
width:215px;
}


div#contactMain{
float:left;
margin-top:20px;
margin-left:75px;
width:500px;
height:425px;
}
html> div#contactMain{
margin-left:85px;
}
div#contactMain p{
font-size:120%;
}
div#contactMain a:link{color:#690;text-decoration:none;}
div#contactMain a:visited{color:#690;text-decoration:none;}
div#contactMain a:hover{color:#FF66FF;text-decoration:underline;}




/* -- FOOTER --*/
div#footer{
clear:left;
width:868px;
margin-top:45px;
text-align:center;
}
div#miniMenu{margin-bottom:10px;color:#fff;}

div#miniMenu ul{
color:#fff;
font-family:Arial, Helvetica, sans-serif;
}
div#miniMenu ul li{
font-size:1.25em;
display:inline;
margin-left:10px;
}

.copyright{color:#f374ed;}

div#footer a:link{color:#fff; text-decoration:none;}
div#footer a:visited{color:#fff; text-decoration:none;}
div#footer a:hover{color:#ff9;text-decoration:underline;}


/* --- NAVIGATION ---*/
div#nav {
float:right;
width: 500px;
height:25px;
margin-right:75px;
}

div#nav ul{
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:bold;
}
div#nav ul li{
font-size:1.4em;
color: #FFFF99;
display:inline;
margin-left:10px;
}

div#nav a:link{color:#FF9; text-decoration:none;}
div#nav a:visited{color:#FF9;text-decoration:none;}
div#nav a:hover{color:#fff;border-top: 2px solid #fff;border-bottom: 2px solid #fff;}

.current{color:#fff;}



/* -- EXTRA CLASSES --*/
.title{font-weight:bold;}
.lc{text-transform:lowercase;}
.linkback{margin-top:50px;text-align:right;}
.reg{text-transform:none;}
.clear{clear:left;}
.bold{font-weight: bold;}
.italics{font-style:italic;}
.super{font-size: .75em;vertical-align:super;}
.right{text-align:right;margin-bottom: 25px;}
.extraspace{margin-left: 50px;}
.indent{margin-left: 15px;}
div#leftMain p.small{font-size:120%;}
div#leftMain p.xsmall{font-size:100%;line-height:1.2;}
.upspace{margin-top:50px;}
.downspace{margin-bottom:25px;}
ul.resource-links{font-size:150%;}
ul.resource-links li{margin-bottom:5px;}
.divider{margin-bottom: 20px;}
.inline{display:inline;}
.cartbutton{margin-top:-50px;}


/* -- Photo Styles --*/

.galleryThumb {
display:block;
float:left;
background-image:url(../img/port-grid.jpg);
background-repeat:repeat;
padding:10px;
margin-right:10px;
margin-bottom:10px;
}

.photoL {
display:block;
float:left;
background-color:#f5f5f2;
margin-top: 25px;
margin-right:25px;
margin-bottom:3px;
padding:5px;
border:1px solid #d8d6ce;
}

.photoR {
display:block;
float:right;
background-color:#f5f5f2;
margin-right:10px;
padding:5px;
border:1px solid #d8d6ce;
}

#bunnySkip{
float: right;
margin-top:175px;
margin-right:75px;
width:150px;
height:250px;
}

#bunnyGoFlash{
margin:auto;
width:500px;
height:350px;
}