@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	background-image: url(img/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
}

body.int {
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	background-image: url(img/background_int.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
}
* html {
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	background-image: url(img/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;


}
a{
	color: #333333;
}
.logo {
	height: 163px;
	width: 100%;

}

.maindiv{
	width: 980px;
	margin:0 auto
}

.thepet{

	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.white{
	background-color: #FFFFFF;
}


.mypets{ /*header of 1st demo*/
	cursor: hand;
	padding: 2px 5px;
	background-color: #757575;
	color: #FFFFFF;
}

#header{ /*header of 2st demo*/
	cursor: hand;
	padding: 2px 5px;
	background-color: #5a5959;
		color: #FFFFFF;
}


#header2{ /*header of 2st demo*/
	cursor: hand;

	padding: 2px 5px;
	background-color: #5a5959;
		color: #FFFFFF;
}

#header3{ /*header of 2st demo*/
	cursor: hand;

	padding: 2px 5px;
	background-color: #3c3c3c;
		color: #FFFFFF;
}

#header4{ /*header of 2st demo*/
	cursor: hand;

	padding: 2px 5px;
	background-color: #212121;
		color: #FFFFFF;
}

#header5{ /*header of 2st demo*/
	cursor: hand;

	padding: 2px 5px;
	background-color: black;
		color: #FFFFFF;
}

	.accordion_toggle {
	display: block;
	height: 30px;
	padding: 0 10px 0 10px;
	line-height: 30px;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 16px;
	color: #000000;
	cursor: pointer;
	margin: 0 0 0 0;
	border: 1px solid white;
	font-size: 17pt;
	font-family: "Bliss Pro";
	font-style: italic;
		}
		
		.accordion_toggle_active {

			color: #ffffff;
			border-bottom: 1px solid black;
		}
		
		.accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-family: "Bliss Pro";
	font-size: 15pt;
	font-style: italic;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 600px;
			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
  			
	.copyright {
	line-height: 30px;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 13px;
	color: white;
	margin: 0 0 0 0;
	font-family: "Bliss Pro";
	font-style: italic;
	}
		.copyright  a{
	line-height: 30px;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 13px;
	color: white;
	margin: 0 0 0 0;
	font-family: "Bliss Pro";
	font-style: italic;
	}

.larger
{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

		.back{
	line-height: 40px;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	font-size: 18px;
	color: white;
	margin: 0 0 0 0;
	font-family: "Bliss Pro";
	font-style: italic;
	}
	
		.small{
	line-height: 40px;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	font-size: 18px;
	color: black;
	margin: 0 0 0 0;
	font-family: "Bliss Pro";
	font-style: italic;
	}
			.small:hover{
	text-decoration:underline;
	color: grey;
	margin: 0 0 0 0;
	font-family: "Bliss Pro";
	font-style: italic;
	}
	#works img{
	border: 6px solid #333333;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-right: 4px;
	margin-left: 4px;
}

.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 4px solid #333333;
}
.highslide:hover img {
	border: 4px solid #666666;
}

.highslide-image {
	border: 0px solid grey;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 0px solid grey;
    border-top: none;
    padding: 5px;
    background-color: grey;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
#spacer{
	width: 20px;
	float: left;
	height: 20px;
}

a.myPlayer { 
    display:block; 
    width: 640px; 
    height:376px;  
    text-align:center; 
    margin:0 15px 15px 0; 

    border:1px solid #999; 
} 
 
/* play button */ 
a.myPlayer img { 
    margin-top:150px; 
    border:0px; 
} 
 
/* when container is hovered we alter the border color */ 
a.myPlayer:hover { 
    border:1px solid #000; 
}.largered {
	font-size: 125%;
	color: #CC0000;
}
