body {
/*
background-image:url('../images/kelp-1.jpg');
background-repeat:no-repeat;
background-attachment: fixed;

background-position: center;
background-color: #000;*/

background-attachment: fixed;
background-position: center;
/*background-color: #eaeaea;*/
background-image: url("../images/parallaxFG.png");
background-size: 100%;
background-repeat: repeat;
color : #666666;
vertical-align : top;
margin : 0;
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 12px;
line-height : 18px;
font-style : normal;
font-variant : normal;
font-weight : normal;
z-index : 0;
}

.bodytype {
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 12px;
line-height : 18px;
font-style : normal;
font-variant : normal;
font-weight : normal;
}

.bodytype a {
font-weight: bold;
}

.smalltype {
font-size:10px;
line-height:15px;
}

div.bottom {
position:absolute;
bottom:5px;
}

.center {
text-align:center;
}

.clear {
position:absolute;
height:480px;
width:660px;
top:520px;
left:80px;
background-color:transparent;
color:#000;
z-index:2;
}

.clear2 {
position:absolute;
height:659px;
width:706px;
top:344px;
left:46px;
background-color:transparent;
color:#000;
z-index:2;
}

.clear3 {
position:absolute;
height:790px;
width:706px;
top:255px;
left:46px;
background-color:transparent;
color:#000;
z-index:2;
}

.clear4 {
position:absolute;
height:790px;
width:640px;
top:250px;
left:85px;
background-color:transparent;
color:#000;
z-index:2;
}

.portfolioclear {
position:absolute;
height:1650px;
width:639px;
top:520px;
left:80px;
text-align: right;
background-color:transparent;
color:#000;
z-index:2;
}

.portfolioclear2 {
position:absolute;
height:1380px;
width:640px;
top:210px;
margin:auto;
text-align: right;
background-color:transparent;
color:#000;
z-index:2;
}

.shadow {
-moz-box-shadow: 5px 5px 6px #9B9B9B;
-webkit-box-shadow: 5px 5px 6px #9B9B9B;
box-shadow: 5px 5px 6px #9B9B9B;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#9B9B9B')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#9B9B9B');
}

.shadow2 {
-moz-box-shadow: 5px 5px 6px #284e6c;
-webkit-box-shadow: 5px 5px 6px #284e6c;
box-shadow: 5px 5px 6px #284e6c;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#9B9B9B')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#9B9B9B');
}


.shadow3 {
-moz-box-shadow: 0px 5px 5px 2px #284e6c;
-webkit-box-shadow: 0px 5px 5px 2px #284e6c;
box-shadow: 0px 5px 5px 2px #284e6c;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#9B9B9B')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#9B9B9B');
}


div.calendar {
position:absolute;
top:0px;
left:0px;
height:192px;
width:194px;
z-index: 1;
}


#splash {
text-align : left;
margin: 0px auto 0px auto;
width : 800px;
height : 1000px;
position : relative;
background-image: url('../images/portfolio.png');
background-color : #fff;
-moz-box-shadow: 5px 5px 6px #0e2f4b;
-webkit-box-shadow: 5px 5px 6px #0e2f4b;
box-shadow: 5px 5px 6px #0e2f4b;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0e2f4b')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0e2f4b');
z-index : 3;
}


#pagewrapper {
text-align : left;
margin: 0px auto 0px auto;
width : 800px;
height : 1150px;
position : relative;
background-image: url('../images/portfolio.png');
background-color : #fff;
-moz-box-shadow: 5px 5px 6px #0e2f4b;
-webkit-box-shadow: 5px 5px 6px #0e2f4b;
box-shadow: 5px 5px 6px #0e2f4b;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0e2f4b')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0e2f4b');
z-index : 3;
}


#pagewrapper2 {
text-align : left;
margin: 0px auto 0px auto;
width : 800px;
height : 1150px;
position : relative;
background-image: url('../images/portfolio.png');
background-color : #fff;
-moz-box-shadow: 5px 5px 6px #0e2f4b;
-webkit-box-shadow: 5px 5px 6px #0e2f4b;
box-shadow: 5px 5px 6px #0e2f4b;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0e2f4b')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0e2f4b');
z-index : 3;
}

#pagewrapper3 {
text-align : left;
margin: 0px auto 0px auto;
width : 800px;
height : 1650px;
position : relative;
background-image: url('../images/portfolio3.png');
background-image height; 1650px;
background-color : #fff;
-moz-box-shadow: 5px 5px 6px #0e2f4b;
-webkit-box-shadow: 5px 5px 6px #0e2f4b;
box-shadow: 5px 5px 6px #0e2f4b;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0e2f4b')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0e2f4b');
z-index : 3;
}




div.c_floor {
/*background-image:url('../images/c-floor.png');*/
background-repeat:repeat-y;
position:absolute;
bottom:0px;
height:4000px;
width:2565px;
z-index: 1;
}

div.whale	{
position:absolute;
background-image:url('../images/whale.gif');
background-repeat:no-repeat;
-moz-opacity:.60;
-ms-filter:alpha(opacity=60);
filter:alpha(opacity=60);
opacity:.60;
top:50px;
left:100px;
height:470px;
width:427px;
z-index: 1;
}

div.turtle	{
position:absolute;
background-image:url('../images/turtle.gif');
background-repeat:no-repeat;
-moz-opacity:.3;
-ms-filter:alpha(opacity=3);
filter:alpha(opacity=3);
opacity:.3;
top:680px;
left:50px;
height:108px;
width:175px;
z-index: 1;
}

div.octopus	{
position:absolute;
background-image:url('../images/octopus.gif');
background-repeat:no-repeat;
-moz-opacity:.35;
-ms-filter:alpha(opacity=35);
filter:alpha(opacity=35);
opacity:.35;
bottom:20px;
left:200px;
height:192px;
width:273px;
z-index: 1;
}

div.fish	{
position:absolute;
background-image:url('../images/fish.gif');
background-repeat:no-repeat;
bottom:0px;
right:0px;
height:247px;
width:247px;
z-index: 1;
}

div.fishies	{
position:absolute;
background-image:url('../images/fishies.gif');
background-repeat:no-repeat;
-moz-opacity:.20;
-ms-filter:alpha(opacity=20);
filter:alpha(opacity=20);
opacity:.20;
bottom:200px;
right:0px;
height:340px;
width:601px;
z-index: 1;
}

div.whale2	{
position : absolute;
top : 0px;
right : -150px;
background-image:url('../images/whale2.gif');
background-repeat:no-repeat;

height:470px;
width:427px;
z-index: 1;
}

div.kelp {
position:absolute;
/*background-image:url('../images/kelp.jpg');*/
background-repeat:no-repeat;
-moz-opacity:.35;
-ms-filter:alpha(opacity=35);
filter:alpha(opacity=35);
opacity:.35;
top:0px;
left:0px;
height:1650px;
width:2650px;
z-index: 0;
}

div.logo {
position:absolute;
background-color: transparent;
background-image: url('../images/logo.jpg');
background-repeat: no-repeat;
left:17px;
top:76px;
width:800px;
height:143px;
z-index:0;
}


/*FOR MOBILE DEVICES*/

/*IPHONE 4*/

@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {

body {
background-image:url('');
background-repeat:no-repeat;
background-attachment: fixed;
background-position: center;
width: 90%;
background-color: #000;
color : #666666;
vertical-align : top;
margin : 0;
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 12px;
line-height : 18px;
font-style : normal;
font-variant : normal;
font-weight : normal;
z-index : 0;
}

#pagewrapper {
text-align : left;
margin: 0px auto 0px auto;
width : 100%;
position : relative;
background-color : #eaeaea;
-moz-box-shadow: 5px 5px 6px #0e2f4b;
-webkit-box-shadow: 5px 5px 6px #0e2f4b;
box-shadow: 5px 5px 6px #0e2f4b;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0e2f4b')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0e2f4b');
z-index : 3;
}




}





.indent { margin : 0px 0px 0px 20px;
}

.indent5 { margin : 30px 0px 2px 0px;
}

.indent6 {
margin : 0px 0px 2px 18px;
}

div.indent7 { margin : 100px 0px 2px 300px;
z-index : 2
}

.linespace {
line-height : 12px;

}
.twopoints {
line-height : 2px;
}
.threepoints {
line-height : 3px;
}
.fourpoints {
line-height: 4px;
}

.sixpoints {
line-height: 6px;
}

.three {
font-variant : small-caps;
}
.threered {
font-variant : small-caps;
color : #ff0000;
}

ul { margin : 0px 0px 8px 0px;
line-height : 15px;
}

li	{ margin : 0px 0px 2px 0px;
}


a {
font-weight : bold;
text-decoration : none;
color :  #330099;
z-index : 1
}

a.visited {
color : #999999;
font-weight : bold;
text-decoration : none;
z-index : 1;
}

a:hover {
color : #999999;
font-weight : bold;
text-decoration : none;
z-index : 1;
}

a:focus {
color :  #999999;
font-weight : bold;
text-decoration : none;
background-color : yellow;
z-index : 1;
}


.maroon {
color : #993333;
}

.red {
color : #ff0000;
}
.teal {
color : #008080;
}
.purple {
color : #663399;
}
.burnt {
color : #990000;
}
.white {
color : #ffffff;
}
.orange {
color : #ff9900;
}
.blue {
color : #000066;
}

.grey
{ color : #666666;
}

.darkgrey
{ color : #333333;
}


.green
{ color : #009900;
}

.black {
color : #000000;
}