#bread { 

background-image: url(../images/breadcrumbs-bg.gif); 
background-repeat: no-repeat;		
text-align: center;

}


.lightbg {background-image: url(../images/bg-lightgrey.gif); }
.blackborder {border: 1px solid black;}
.leftsatin {background-image: url(../images/sidebarbg.gif); }



.floatleft { float: left; padding-right: 10px; }
.midway {text-align: center;}


img.galleryimg { /* border: 1px solid #666; */ }

/*
img.sidebar { margin: 2px; border: 1px solid #000; }
span { margin: 5px; }
.extrapadleft {padding-left: 5px;}


.navtest {float: left; clear: both; width: 620px; }
.navtest2 {display: block; }


.gallerybox {
background-image: url(../images/bg-darkgrey.gif);
border: 1px solid black;
}


.contentmain { 

background-image: url(../images/bg-lightgrey.gif);
border: 1px solid black;
padding-left: 20px;			   

}


*/
.mainpageimg {z-index: 999; float: right; margin-left: 10px;}

.navone {position: relative; top: 350px; left: 0px; clear: both;}

.dropdown {position: absolute; top: 135px;}

#head { background-image: url(../images/pinkhearttop.jpg); height: 115px;}






.grid_gallery { 	
	display: inline;
	float: left;
	margin-left: 0px;
	margin-right: 0px; 
	}


#footer { background-color: #8CCEEE; text-align: center; margin-bottom: 20px;}

/****** TOP NAV SECTION *****/	




    #nav {

    background:url(../images/511nav.jpg) no-repeat;

    width:620px;

    height:200px;

    margin:0;

    padding:0;


	



    }



    #nav span {

    display: none;

    }



    #nav li, #nav a {

    height:200px;

    display:block;

    }



    #nav li {

    float: left;

	margin: 0;

    list-style:none;

    display:inline;


    }



    #navA {width: 124px; }

    #navB {width: 124px; }

    #navC {width: 124px; }

    #navD {width: 124px; }

    #navE {width: 124px; }





    #navA a:hover {background:url(../images/511nav.jpg) 0px -200px no-repeat; }

    #navB a:hover {background:url(../images/511nav.jpg) -124px -200px no-repeat; }

    #navC a:hover {background:url(../images/511nav.jpg) -248px -200px no-repeat; }

    #navD a:hover {background:url(../images/511nav.jpg) -372px -200px no-repeat; }

    #navE a:hover {background:url(../images/511nav.jpg) -496px -200px no-repeat; }	


/***************** LEVEL 2 *****************/
	
	
	#nav2 {

    background:url(../images/navigation-tier2.png) no-repeat;
    width:478px;
    height:107px;
    margin:0;
    padding: 0px;
	

	position: relative;
	top: -20px;

    }



    #nav2 span {

    display: none;

    }



    #nav2 li, #nav2 a {

    height:107px;
    display:block;

    }



    #nav2 li {

    float: left;
	margin: 0;
    list-style:none;
    display:inline;


    }

    #navA2 {width: 166px; }

    #navB2 {width: 155px; }

    #navC2 {width: 155px; }

    #navD2 {width: 151px; }



    #navA2 a:hover {background:url(../images/navigation-tier2.png) 0px -107px no-repeat; }

    #navB2 a:hover {background:url(../images/navigation-tier2.png) -166px -214px no-repeat; }

    #navC2 a:hover {background:url(../images/navigation-tier2.png) -321px -321px no-repeat; }





/************************************/

body
{
	background: #fff;
	background-image:url(../images/hyper-splat-background2.jpg);
	background-repeat: repeat-x;
	color: #000;
	padding: 20px 0 40px;

}



p {
	border: 0px solid #666;  
	overflow: hidden;
	padding: 0px;
	text-align: left;
}

.container_12
{
/*	background-image: url(../images/demolished2.jpg);  */
	margin-bottom: 20px;
	border: 1px solid black;

	background-image: url(../images/razor-splat-background.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
}



.container_16
{
	background-image: url(../images/razor-splat-background.jpg);
	background-repeat: no-repeat;

}

/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_8sm,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4 {
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
	width: 940px;
}


.container_16 .grid_16 a {
	color: #000;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width: 60px;
}

.container_12 .grid_2 {
	width: 140px;
}

.container_12 .grid_4 {
	width: 298px;
}


.container_12 .grid_4xl {
	width: 300px;
}


.container_12 .grid_5 {
	width: 380px;
}

.container_12 .grid_7 {
	width: 540px;
}

.container_12 .grid_8 {
	width: 620px;
}


.container_12 .grid_8sm {
	width: 598px;
}


.container_12 .grid_10 {
	width: 780px;
}

.container_12 .grid_11 {
	width: 860px;
}



/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
	padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
	padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
	padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left: 80px;
}

.container_12 .prefix_2 {
	padding-left: 160px;
}

.container_12 .prefix_4 {
	padding-left: 320px;
}

.container_12 .prefix_5 {
	padding-left: 400px;
}

.container_12 .prefix_7 {
	padding-left: 560px;
}

.container_12 .prefix_8 {
	padding-left: 640px;
}

.container_12 .prefix_10 {
	padding-left: 800px;
}

.container_12 .prefix_11 {
	padding-left: 880px;
}

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
	padding-left: 60px;
}

.container_16 .prefix_2 {
	padding-left: 120px;
}

.container_16 .prefix_3 {
	padding-left: 180px;
}

.container_16 .prefix_5 {
	padding-left: 300px;
}

.container_16 .prefix_6 {
	padding-left: 360px;
}

.container_16 .prefix_7 {
	padding-left: 420px;
}

.container_16 .prefix_9 {
	padding-left: 540px;
}

.container_16 .prefix_10 {
	padding-left: 600px;
}

.container_16 .prefix_11 {
	padding-left: 660px;
}

.container_16 .prefix_13 {
	padding-left: 780px;
}

.container_16 .prefix_14 {
	padding-left: 840px;
}

.container_16 .prefix_15 {
	padding-left: 900px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
	padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
	padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
	padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right: 80px;
}

.container_12 .suffix_2 {
	padding-right: 160px;
}

.container_12 .suffix_4 {
	padding-right: 320px;
}

.container_12 .suffix_5 {
	padding-right: 400px;
}

.container_12 .suffix_7 {
	padding-right: 560px;
}

.container_12 .suffix_8 {
	padding-right: 640px;
}

.container_12 .suffix_10 {
	padding-right: 800px;
}

.container_12 .suffix_11 {
	padding-right: 880px;
}


/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body div.clear,
html body span.clear {
/*	background: none; */
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}