@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
	
}


body { 

background-color:#9CF;
	background-image:url(../images/heart-bg.gif);
	
	


 }




#wrapper {
	height: 2000px;
	width: 1000;
	background-color: #FFF;
	position: absolute;
	top: 150px;
	left: 132px;
	background-color: #ffffff;
/**********************************************************************************/- just add semicolon at the end to round the borders -
	-moz-border-radius-topleft: 15px
	-moz-border-radius-topright: 15px
	-webkit-border-radius-topleft: 15px
	-webkit-border-radius-topright: 15px
/***************************************************************************************/
	border-radius-topleft: 15px;
	border-radius-topright: 15px;
	border: 4px solid #ff0000;
	padding: 10px;
	color: #ffffff;
	
	-moz-box-shadow: 5px 5px 15px #000000;
	-webkit-box-shadow: 5px 5px 15px #000000;
	
	
}


#navbar {
	background-image: url(../images/nav-bg.png);
	margin: 0px auto;
	padding: 0;
	height: 51px;
	width: 1000px;
	position:absolute;
	top: 218px;
	left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#headerTop {
	background-image: url(../images/something%20really%20cool.jpg);
	height: 254px;
	width: 1000px;
	
}

#lavaWrapper { 
margin: 0 auto;
width: 700px;

}

.box1 {
	position:absolute;
	top: 350px;
	left: 146px;
	
	}
.box1 .text {
	position: absolute;
	top: 50px;
	left: 80px;
	width: 400px;
}
	
#textb {
	position: absolute;
	top:350px;
	left: 850px;
	
	
	
	
	}
	
#textb1 {
	
	position: absolute;
	top:720px;
	left: 850px;
	
	
	}
	
/*
 * @Web Text Boxes code 
 * @author dreamweavertutorial@live.co.uk - http://www.dreamweavertutorial.co.uk
 * @version 1.0.0
 * @date March 17, 2010
 * @category Dreamweaver Web Text Boxes
 * @copyright (c) 2010 @dreamweavertutorial.co.uk (www.dreamweavertutorial.co.uk)
 * @Creative Commons Attribution-No Derivative Works 2.5 UK: SCOTLAND License.
 * @Creative Commons Attribution-No Derivative Works 3.0 United States License.
 * @Creative Commons Attribution-No Derivative Works 2.0 UK: England & Wales License.

*/





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

/* Styles for the entire LavaLamp menu */
.lavaLamp {
    position: relative;
    height: 51px; 
	margin:0 auto;
	width: 520px;
    padding:0; 
	overflow: visible;
}
    /* Force the list to flow horizontally */
    .lavaLamp li {
        float: left;
        list-style: none;
		
		
    }
        /* Represents the background of the highlighted menu-item. */
        .lavaLamp li.back {
            background:url(../images/lava.png) no-repeat right -30px;
            width: 9px; 
			height: 30px;
            z-index: 8;
            position: absolute;
        	top:10px;
		}
            .lavaLamp li.back .left {
                background:url(../images/lava.png) no-repeat top left;
                height: 30px;
                margin-right: 9px;
            }
        /* Styles for each menu-item. */
        .lavaLamp li a {
            position: relative; 
			overflow: hidden;
            text-decoration: none;
            text-transform: uppercase;
            font: bold 14px arial;
            color: #333; outline: none;
            text-align: center;
            /*height: 30px; */
			/*top: 7px;*/
			padding:18px 0px;
            z-index: 10; 
			letter-spacing: 0;
            float: left; 
			display: block;
            margin: auto 20px;
        	
		}
		
.lavaLamp li a:hover {
	color:#FFF;
	text-shadow: 1px 1px 2px #000000;
	
}



#wrapper {
	height: 1500px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000;
	border-left-color: #000;
}
#around {
	background-image: url(../images/Untitled.png);
	width: 1040px;
}
.box1 .text .text2 {
	position: absolute;
	top: 36px;
	left: -27px;
}

#navigation {
	width: 200px;
}

#navigation ul {
	
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#navigation li {
	float: right;
}

#navigation li a {
	color: #030;
	text-decoration: none;
	float: right;
	width: 223px;
	padding-left: 25px;
	padding-bottom: 10px;
	border-bottom: none;
}

#navigation li a:hover {
	
	
	color: #000000;
	text-shadow: 0px 0px 2px #000;
	
	}
#navpos {
	position: absolute;
	width: 254px;
	left: 885px;
	top: 392px;
}
#navpos #navigation ul li .ojText {
	font-family: Verdana, Geneva, sans-serif;
	font-size: x-small;
	font-style: normal;
	line-height: normal;
	text-transform: none;
	color: #0C3;
	
	}
#left {
	background-color: #0F3;
	width: 650px;
}

.text2 a {
	text-decoration: none;
	text-shadow: 0px 0px 1px #000000;
}

.text2 a:hover {
	text-decoration: underline;
}

#conform {
	position: absolute;
	top: 760px;
	left: 220px;
}

#conbac {
	position: absolute;
	left: 150px;
	top: 700px;
}

#headstyle {
	text-shadow: 2px 2px 4px #000000;
}
#style {
	text-shadow: 0px 0px 0px #000000;
}

#infdown {
	position: absolute;
	top: 438px;
	left: 150px;
}

#imgicon {
	position: absolute;
	left: 179px;
	top: 478px;
}

#imgtext {
	width: 700px;
	position: absolute;
	top: 480px;
	left: 360px;
}

#imgtext a {
	text-decoration: none;
	color: #ff9b0b;
	
}

#html {
	position: absolute;
	top: -745px;
	left: 180px;
}

#logo {
	position: absolute;
	left: -91px;
	top: -759px;
}


#mascot {
	position: absolute;
	left: 900px;
	top: 20px;
}#btn1 {
	position: absolute;
	width: 272px;
	height: 201px;
	left: 910px;
	top: 200px;
}

#btn2 {
	position: absolute;
	left: 730px;
	top: 237px;
	width: 254px;
	height: 128px;
}