@charset "utf-8";
/* CSS Document */

*{margin: 0; padding: 0;}

img, div { 
	border: none;
	outline: none;
	}

body{
    background-image:url('images/bubble.jpg');
    color: #999999;
    font-size: 12px; 
    }



h1   {
    text-align: left;
    color: #dedede; 
    font-size: 24px; 
    font-style: none;
    font-weight: normal;
    line-height: 30px;
    font-family: verdana,arial,helvetica,sans-serif;
    padding: 0 0 10px 0;
    }   
    
h2   {
    text-align: left;
    color: #999999; 
    font-size: 16px; 
    font-weight: normal;
    line-height: 22px;
    font-family: verdana,arial,helvetica,sans-serif;
    padding: 0 0 10px 0;
    }

h3   {
    text-align: left;
    color: #999999; 
    font-size: 18px; 
    font-weight: normal;
    line-height: 20px;
    font-family: verdana,arial,helvetica,sans-serif;
    padding: 10px 0 10px 0;
    }   

h4   {
    text-align: left;
    color: #999999; 
    font-size: 13px; 
    font-weight: normal;
    line-height: 16px;
    font-family: verdana,arial,helvetica,sans-serif;
    padding: 10px 0 15px 0;
    }   

h5   {
    text-align: left;
    color: #0099ff; 
    font-size: 60px; 
    font-weight: normal;
    font-family: times,times new roman,serif;
    padding: 0 0 0 0;
    }   

h6   {
    text-align: left;
    color: #000000; 
    font-size: 11px; 
    font-weight: normal;
    font-family: verdana,arial,helvetica,sans-serif;
    padding: 0 0 0 0;
    }   

/*paragraphs tags----------------------------------------------------------*/

p   {
    text-align: left;
    color: #999999; 
    font-size: 14px; 
    font-weight: normal;
    line-height: 20px;
    font-family: verdana,arial,helvetica,sans-serif;
    padding: 10px 0 0 0;
    }    

p.copyright {
    text-align: right;
    color: #999999; 
    font-size: 11px; 
    font-weight: normal;
    line-height: 16px;
    font-family: verdana, sans-serif;
    padding: 0 0 16px 0;
    }   

/*paragraphs tags end---------------------------------------------------------*/



/*navigation---------------------------------------------------------*/

div#mainnavigation {
	position: absolute;
	top: 30px;
	right: 52px;
	width: 450px;
	z-index: 0;
	}

div#mainnavigation2 {
	position: absolute;
	top: 65px;
	right: 52px;
	width: 380px;
	z-index: 0;
	}

ul.mainnav
        {
         list-style-type:none;
         margin:0;
         padding:0;
        }

li.headernav
        {
         display:inline;
        }

ul.footernav
        {
         list-style-type:none;
         margin:0;
         padding:0;
        }
li.footernav
        {
         display:inline;
        }


/*navigation end---------------------------------------------------------*/



/*links tags----------------------------------------------------------*/

a.main:link {
	color: #999999;
	font-size: 18px;
	background-color: #000000;
	text-decoration: none;
	outline: none;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    line-height: 24px;
    border: none;
	padding: 5px 20px 5px 20px;
	}


a.main:visited {
	color: #999999;
	font-size: 18px;
	text-decoration: none;
	outline: none;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    line-height: 24px;
    border: none;
	padding: 5px 20px 5px 20px;
	}

a.main:hover {
	color: #0099ff;
	background-color: #555555;
	font-size: 18px;
	outline: none;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    line-height: 24px;
    border: none;
	padding: 5px 20px 5px 20px;
	}

a.main:active {
	color: #ffffff;
	font-size: 18px;
	text-decoration: none;
	outline: none;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    line-height: 24px;
    border: none;
	padding: 5px 20px 5px 20px;
	}

a.footer:link {
	color: #999999;
	font-size: 14px;
	text-decoration: none;
	outline: none;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
	padding: 0 30px 0 0;
	}


a.footer:visited {
	color: #999999;
	font-size: 14px;
	text-decoration: none;
	outline: none;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
	padding: 0 30px 0 0;
	}

a.footer:hover {
	color: #0099ff;
	font-size: 14px;
	outline: none;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
	padding: 0 30px 0 0;
	}

a.footer:active {
	color: #ff0066;
	font-size: 14px;
	text-decoration: none;
	outline: none;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
	padding: 0 30px 0 0;
	}

a:link {
	color: #999999;
	font-size: 13px;
	text-decoration: none;
	outline: none;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
	}


a:visited {
	color: #999999;
	font-size: 13px;
	text-decoration: none;
	outline: none;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
	}

a:hover {
	color: #0099ff;
	font-size: 13px;
	outline: none;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
	}

a:active {
	color: #ff0066;
	font-size: 13px;
	text-decoration: none;
	outline: none;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
	}	

a.download:link {
	color: #999999;
	font-size: 22px;
	text-decoration: none;
	outline: none;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
	}


a.download:visited {
	color: #999999;
	font-size: 22px;
	text-decoration: none;
	outline: none;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
	}

a.download:hover {
	color: #0099ff;
	font-size: 22px;
	outline: none;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
	}

a.download:active {
	color: #ff0066;
	font-size: 22px;
	text-decoration: none;
	outline: none;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
	}	

a.nav:link {
	color: #999999;
	font-size: 13px;
	text-decoration: none;
	outline: none;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
	padding: 0 0 60px 60px;
	}


a.nav:visited {
	color: #999999;
	font-size: 13px;
	text-decoration: none;
	outline: none;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
	padding: 0 0 60px 60px;
	}

a.nav:hover {
	color: #0099ff;
	font-size: 13px;
	outline: none;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
	padding: 0 0 60px 60px;
	}

a.nav:active {
	color: #ff0066;
	font-size: 13px;
	text-decoration: none;
	outline: none;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
	padding: 0 0 60px 60px;
	}	


a.weblink:link {
	color: #999999;
	font-size: 16px;
	text-decoration: none;
	outline: none;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
padding: 10px 0 0 0;
	}


a.weblink:visited {
	color: #999999;
	font-size: 16px;
	text-decoration: none;
	outline: none;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
padding: 10px 0 0 0;
	}

a.weblink:hover {
	color: #0099ff;
	font-size: 16px;
	outline: none;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
padding: 10px 0 0 0;
	}

a.weblink:active {
	color: #ff0066;
	font-size: 16px;
	text-decoration: none;
	outline: none;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
padding: 10px 0 0 0;
	}	

/*links tags end---------------------------------------------------------*/


/*Slider ---------------------------------------------------------*/

#slideshow {
    position:absolute;
    background-image: url('images/shadow.png');
    top: 130px;
    height:300px;
    width: 900px;
    left: 50px;
    z-index:8;
    }

#slideshow IMG {
    position:absolute;
    z-index:5;
	top: 0px;
	left: 0px;
	}

#slideshow IMG.active {
    z-index:7;
	}

#slideshow IMG.last-active {
    z-index:6;
	}


/*slider ends ---------------------------------------------------------*/

/*content-------------------------------------------------------------------*/
	
img {
	padding: 0px;
    }

/*home-------------------------------------------------------------------*/

div#homecontainer {
	height: 1130px;
	width: 996px;
	margin: 0 auto;
	}

div#homecontent {
	background-color: #222222;
        position: relative;
	top: 0px;
	left: 0px;
	height: 1060px;
	width: 996px;
	z-index: 0;
	}

div#homecopyright {
	position: absolute;
	top: 1010px;
	right: 58px;
	width: 500px;
	height: 20px;
	}

div#homefooternavigation {
	position: absolute;
	top: 960px;
	left: 50px;
	width: 900px;
	height: 20px;
	}

/*portfolio-------------------------------------------------------------------*/

div#portfoliocontainer {
	height: 1780px;
	width: 996px;
	margin: 0 auto;
	}

div#portfoliocontent {
	background-color: #222222;
        position: relative;
	top: 0px;
	left: 0px;
	height: 1720px;
	width: 996px;
	z-index: 0;
	}

div#portfoliocopyright {
	position: absolute;
	top: 1650px;
	right: 58px;
	width: 500px;
	height: 20px;
	}

div#portfoliofooternavigation {
	position: absolute;
	top: 1600px;
	left: 50px;
	width: 900px;
	height: 20px;
	}

/*video-------------------------------------------------------------------*/

div#videocontainer {
	height: 1780px;
	width: 996px;
	margin: 0 auto;
	}

div#videocontent {
	background-color: #222222;
        position: relative;
	top: 0px;
	left: 0px;
	height: 1720px;
	width: 996px;
	z-index: 0;
	}

div#videocopyright {
	position: absolute;
	top: 1650px;
	right: 58px;
	width: 500px;
	height: 20px;
	}

div#videofooternavigation {
	position: absolute;
	top: 1590px;
	left: 50px;
	width: 900px;
	height: 20px;
	}

/*social-------------------------------------------------------------------*/

div#socialcontainer {
	height: 1640px;
	width: 996px;
	margin: 0 auto;
	}

div#socialcontent {
	background-color: #222222;
        position: relative;
	top: 0px;
	left: 0px;
	height: 1580px;
	width: 996px;
	z-index: 0;
	}

div#socialcopyright {
	position: absolute;
	top: 1510px;
	right: 58px;
	width: 500px;
	height: 20px;
	}

div#socialfooternavigation {
	position: absolute;
	top: 1450px;
	left: 50px;
	width: 900px;
	height: 20px;
	}

/*about-------------------------------------------------------------------*/

div#aboutcontainer {
	height: 1080px;
	width: 996px;
	margin: 0 auto;
	}

div#aboutcontent {
	background-color: #222222;
        position: relative;
	top: 0px;
	left: 0px;
	height: 1020px;
	width: 996px;
	z-index: 0;
	}

div#aboutcopyright {
	position: absolute;
	top: 950px;
	right: 58px;
	width: 500px;
	height: 20px;
	}

div#aboutfooternavigation {
	position: absolute;
	top: 900px;
	left: 50px;
	width: 900px;
	height: 20px;
	}

/*contact-------------------------------------------------------------------*/

div#contactcontainer {
	height: 990px;
	width: 996px;
	margin: 0 auto;
	}

div#contactcontent {
	background-color: #222222;
        position: relative;
	top: 0px;
	left: 0px;
	height: 930px;
	width: 996px;
	z-index: 0;
	}

div#contactcopyright {
	position: absolute;
	top: 860px;
	right: 58px;
	width: 500px;
	height: 20px;
	}

div#contactfooternavigation {
	position: absolute;
	top: 800px;
	left: 50px;
	width: 900px;
	height: 20px;
	}

/*terms-------------------------------------------------------------------*/

div#termscontainer {
	height: 1700px;
	width: 996px;
	margin: 0 auto;
	}

div#termscontent {
	background-color: #222222;
        position: relative;
	top: 0px;
	left: 0px;
	height: 1700px;
	width: 996px;
	z-index: 0;
	}

div#termscopyright {
	position: absolute;
	top: 1650px;
	right: 58px;
	width: 500px;
	height: 20px;
	}

div#termsfooternavigation {
	position: absolute;
	top: 920px;
	left: 50px;
	width: 900px;
	height: 20px;
	}

/*privacy-------------------------------------------------------------------*/

div#privacycontainer {
	height: 1700px;
	width: 996px;
	margin: 0 auto;
	}

div#privacycontent {
	background-color: #222222;
        position: relative;
	top: 0px;
	left: 0px;
	height: 1700px;
	width: 996px;
	z-index: 0;
	}

div#privacycopyright {
	position: absolute;
	top: 1650px;
	right: 58px;
	width: 500px;
	height: 20px;
	}

div#privacyfooternavigation {
	position: absolute;
	top: 920px;
	left: 50px;
	width: 900px;
	height: 20px;
	}

/*content end--------------------------------------------------------------*/


/*home--------------------------------------------------------------*/

div#logo {
	position: absolute;
	top: 30px;
	left: 48px;
	height: 260px;
	width: 450px;
	}


div#statement {
	position: absolute;
	top: 450px;
	left: 50px;
	height: 380px;
	width: 380px;
	}

div#download {
	position: absolute;
	top: 150px;
	left: 420px;
	height: 50px;
	width: 250px;
	}

div#mytweets {
	position: absolute;
	top: 280px;
	right: 58px;
        width: 252px;
	}

div#likeme {
	position: absolute;
	top: 445px;
	right: 58px;
        width: 480px;
	}

div#likeme2 {
	position: absolute;
	top: 0px;
	right: 58px;
        width: 440px;
	}


div#links {
	position: absolute;
	top: 150px;
	left: 50px;
	height: 400px;
	width: 956px;
	}

div#vid-links {
	position: absolute;
	top: 150px;
	left: 50px;
	height: 400px;
	width: 956px;
	}

div#fullwidth {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 900px;
	}

div#social {
	position: absolute;
	top: 450px;
	left: 50px;
	height: 400px;
	width: 956px;
	}

div#about {
	position: absolute;
	top: 450px;
	left: 50px;
	height: 400px;
	width: 956px;
	}

div#contact {
	position: absolute;
	top: 450px;
	left: 50px;
	height: 400px;
	width: 956px;
	}

div#left {
	float: left;
	height: 400px;
	width: 445px;
	}

div#right {
	float: left;
	height: 400px;
	width: 445px;
	}


/*home end----------------------------------------------------------*/

div#linkstomywebsitesone {
	position: absolute;
	top: 170px;
	left: -66px;
	height: 180px;
	width: 956px;
	}

div#linkstomywebsitestwo {
	position: absolute;
	top: 420px;
	left: -66px;
	height: 180px;
	width: 956px;
	}

div#linkstomywebsitesthree {
	position: absolute;
	top: 670px;
	left: -66px;
	height: 180px;
	width: 956px;
	}

div#linkstomywebsitesfour {
	position: absolute;
	top: 920px;
	left: -66px;
	height: 180px;
	width: 956px;
	}

div#ourvideosone {
	position: absolute;
	top: 400px;
	left: -66px;
	height: 180px;
	width: 956px;
	}

div#ourvideostwo {
	position: absolute;
	top: 650px;
	left: -66px;
	height: 180px;
	width: 956px;
	}

div#ourvideosthree {
	position: absolute;
	top: 900px;
	left: -66px;
	height: 180px;
	width: 956px;
	}

ul#nav {
	list-style: none;
	height: 173px;
	width: 100%;}
	
ul#nav li{
	display: inline;
	float: left;
	}
	
ul#nav li a:link, ul#nav li a:visited {
	display: block;
	width: 252px;
	height: 173px;
	margin: 0 0 0 66px;
	}

ul#nav li a:hover{
	background-position: 0 -173px ;
	}
	
ul#nav li a:active, ul#nav li a.selected{
	background-position: 0 -0px ;
	}
			
ul#nav a.emotion{
	background: transparent url('images/emotionalrescue.jpg') top left no-repeat;
	}
	
ul#nav a.dentist{
	background: transparent url('images/albanydentist.jpg') top left no-repeat;
	}
	
ul#nav a.surfer{
	background: transparent url('images/ultimatesurf.jpg') top left no-repeat;
	}

ul#nav a.story{
	background: transparent url('images/tvstoryboards.jpg') top left no-repeat;
	}
	
ul#nav a.julep{
	background: transparent url('images/julepbar.jpg') top left no-repeat;
	}
	
ul#nav a.bay{
	background: transparent url('images/thebayrestaurant.jpg') top left no-repeat;
	}


ul#nav a.shark{
	background: transparent url('images/sharkproof.jpg') top left no-repeat;
	}
	
ul#nav a.bullet{
	background: transparent url('images/bullet.jpg') top left no-repeat;
	}
	
ul#nav a.tip{
	background: transparent url('images/tip.jpg') top left no-repeat;
	}

ul#nav a.itvnz{
	background: transparent url('images/itvnz.jpg') top left no-repeat;
	}
	
ul#nav a.aldickman{
	background: transparent url('images/aldickman.jpg') top left no-repeat;
	}
	
ul#nav a.bliss{
	background: transparent url('images/sheerbliss.jpg') top left no-repeat;
	}