/* Stylesheets for CSS  
  Coder: Jason BJ 2011
  Date: 11/10/09
*/

body, div, h1, h2, h3, h4, h5, h6, p, ul, img {
	margin:0px;
	padding:0px;
	}  /* reset*/
	
body {
	font-family: Arial, Helvetica, sans-serif;
	}
	
#main {
    background: url(images/BG_Gradient.jpg) repeat-x;
	}	
	
a:active {
	outline: none;
	text-decoration: none;
	}

a:focus {
	-moz-outline-style: none;
	}
	
a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;
	}	
	
p	{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	}	

#container {
	width: 960px;
	height:1010px;
	margin:0 auto;    /* centers the div*/
	background:url(images/BG_ContentContainerW.jpg) no-repeat;
	}
	
#socialmediacontainer {
	width: 960px;
	margin:0 auto;    /* centers the div*/
	background:url(images/BG_ContentContainer1100.jpg) no-repeat;
	}
	
#pricingcontainer {
	width: 960px;
	height:1450px;
	margin:0 auto;    /* centers the div*/
	background:url(images/BG_ContentContainer1500px.jpg) no-repeat;
	}
	
#contactcontainer {
	width: 960px;
	height:850px;
	margin:0 auto;    /* centers the div*/
	background:url(images/BG_ContentContainer.jpg) no-repeat;
	}
	
#photoscontainer {
	width: 960px;
	height:960px;
	margin:0 auto;    /* centers the div*/
	background:url(images/BG_ContentContainer1200px.jpg) no-repeat;
	}	
	
#pricingdivider {
	width: 960px;
	height:1px;
	margin:233px 0 0 0px;
	background:url(images/Pricing_Divider.png) no-repeat;
	}
	
	
	
#indexdivider {
	width: 360px;
	height:1px;
	margin:8px 0px  20px 70px;
	background:url(images/Index_Divider.jpg) no-repeat;
	}

#logo {
    background: url(images/HeaderBG.jpg) no-repeat;
	height: 180px;
    width: 801px;
	margin: 0px;
	}

#logo h1 {
    text-indent: -9999px;
	}

#header {
    padding:31px 0 0 85px;
	}

#nav {
    height:54px;
  	background:url(images/Nav.gif) no-repeat;
	}

ul#nav {
    list-style: none;
	padding:5px 0 0 58px;
	}

ul#nav li a {
    padding-left:45px;
    font-size: 13px;
    color: #46aaee;
    text-decoration: none;
	font-weight:bold;
	outline: 0;
	}

ul#nav li a:hover  {
    padding-left:45px;
    font-size: 13px;
    color: #444444;
    text-decoration: none;
	}

ul#nav li {
    float: left;
	}

#content {
    width:500px;
    padding:5px 20px 0 90px;
	float: left;
	}

#pricingcontent {
    width:860px;
	height:1000px;
    padding:5px 0px 0 90px;
	float: left;
	}
	
#contactcontent {
    width:860px;
	height:500px;
    padding:5px 0px 0 90px;
	float: left;
	}
.floatright { float: right; 
	}

.floatleft { float: left; 
	}
	
ul.con { 
    list-style-type: none;
    font-size: 12px;
   	color: #666666;
	text-indent:15px;
	}	
	
#content h2 {
    font-size: 18px;
    color: #606060 ;
	padding-bottom:0px;
	}
	
#pricingcontent h2 {
    font-size: 18px;
    color: #606060 ;
	padding-bottom:0px;
	}

#content h3 {
    /*background: url(images/Logo_SocialMedia.jpg) no-repeat;*/
    font-size: 18px;
    color: #606060 ;
	padding-top:10px;
	}
	
#pricingcontent h3 {
    /*background: url(images/Logo_SocialMedia.jpg) no-repeat;*/
    font-size: 18px;
    color: #606060 ;
	padding-top:10px;
	}	
	
#contactcontent h3 {
    /*background: url(images/Logo_SocialMedia.jpg) no-repeat;*/
    font-size: 18px;
    color: #606060 ;
	padding-top:10px;
	}		
	
#contact {
	float:left;
	width:800px;
	height:400px;
	padding:0 20px 50px 0;
		}	
	
#price1 {
	float:left;
	width:400px;
	height:200px;
	padding:0 20px 50px 0;
		}	
	
#price2 {
	float:left;
	width:400px;
	height:200px;
	padding:0 15px 50px 0;
		}	
	
#price3 {
	float:left;
	width:400px;
	height:200px;
	padding:0 20px 50px 0;
	}	
	
#price4 {
	float:left;
	width:400px;
	height:200px;
	padding:0 15px 50px 0;
	}		
	
#price5 {
	float:left;
	width:400px;
	height:200px;
	padding:0 20px 50px 0;
	}	
	
#price6 {
	float:left;
	width:400px;
	height:200px;
	padding:0 15px 50px 0;
	}		
	
#price7 {
	float:left;
	width:400px;
	height:200px;
	padding:0 20px 15px 0;
	}	
	
#price8 {
	float:left;
	width:400px;
	height:200px;
	padding:0 15px 15px 0;
	}		

#content h4 {
    font-size: 12px;
    color: #606060 ;
    font-weight: normal;
	}

#content p {
    font-size: 12px;
    color: #666666;
	padding-bottom:8px;
	padding-top:8px;
	}
	
#pricingcontent p {
    font-size: 12px;
    color: #666666;
	padding-bottom:8px;
	padding-top:8px;
	}	
	
#contactcontent p {
    font-size: 12px;
    color: #666666;
	padding-bottom:8px;
	padding-top:8px;
	}		

#content small {
    font-size: 12px;
    color: #606060 ;
	}

#content a {
    color: #0f6c8d;
    font-weight: bold;
    text-decoration: none;
	}

#news {
    padding-top: 0px;
	}

#news h3 {
    padding:20px 0 15px 0;
	}
	
#webnews {
    padding-top: 0px;
	}

#webnews h3 {
    padding:20px 0 0px 0;
	}	

#socialnews h3 {
    padding:12px 0 0px 0;
	}

#news p {
    padding-top: 8px;
	font-size: 12px;
 	}

#sidebar {
    padding:80px 50px 0 0px;
	height:556px;
	background:url(images/sidebar.png) no-repeat;
	float: left;
	}	
	
#socialsidebar {
    padding:80px 50px 0 0px;
	height:556px;
	background:url(images/sidebar.png) no-repeat;
	float: left;
	}	

#sidebar h3 {
	font-size: 17px;
    color: #46aaee;
    font-weight: bold;
	padding-left:39px;
   }
   
#socialsidebar h3 {
	font-size: 17px;
    color: #46aaee;
    font-weight: bold;
	padding-left:42px;
   }

#need {
	padding-top:50px;
	margin-left:70px;
	background:url(images/Weblogos.jpg) no-repeat;
	}
	
#socialneed {
	padding-top:50px;
	margin-left:60px;
	background:url(images/Sidebar_Facebook.png) no-repeat;
	}
	
#needcontent {
	font-size: 13px;
    color: #606060 ;
	/*padding-left:45px;*/
	margin:0 25px 5px 25px;
	}
	
#needcontent p {
	padding:0 0 0 8px;
	}	
	
#feature {
	margin:20px 25px 16px 23px;
	}
	
#featureimage {
	padding-top:95px;
	margin-left:40px;
	background:url(images/LogoOhanaWave.png) no-repeat;
	}

#featurecontent {	
	font-size: 13px;
    color: #606060 ;
	/*padding-left:45px;*/
	margin:0 25px 5px 10px;
	}
	
#featurecontent a{	
	font-size: 13px;
    color: #46aaee;
	text-decoration:none;
	}
	
#featurecontent p{
	padding-bottom:8px;	
	}
	
	
#feature h3{
	padding-left:35px;
	}
	
#featurecontent a:hover  {
    color: #606060 ;
    text-decoration: none;
	}
	
#footer{
	height:66px;
	}