@charset "utf-8";

/* ------------- Layout Arrangement  ---------------- */

body{
background:#565656 url(../images/bgtile_dk.gif) repeat-x top left;
font-family:"Century Gothic", Geneva, Arial, Helvetica, sans-serif;
color:white;
margin:0;
}

#pagecontainer{
	width:810px;
	float:left;
	margin: 0 auto;
}


#wrapper {
	width:978px;
	padding-top: 0px;
	margin: 0 auto; 
	text-align: left;
	background:url(../images/vstripe.gif) top left repeat-y;
	overflow:hidden;
}

#mainarea{
	width:754px;
	margin: 0 auto; 
}

#jwrapping{
	width:100%;
	height:500px;
	padding:0;
	margin-bottom:-5px;
	border-bottom:5px #bddeb1; 
	
}

#logo_area{
	margin-top:25px;
	padding-bottom:25px;
	border-bottom:1px #bddeb1;
}

#logo{
	float:left;
}

#logo_spacer{
	height:100%;
}

.logo_txt{
	font-family:"Century Gothic", Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
	/*font-weight:bold;*/
	letter-spacing:2px;
	text-align:right;
	padding-bottom:15px;
}

#div_clear{
clear:both;
}

/* --------- Written Content Container DIV's -------------*/

/*#leftcont{
float:left;
width:250px;
}

#rightcont{
float:left;
width:700px;
}*/

/*------ Text Elements ------*/

p {
color:#FFFFFF;
font-size:14px;
font-weight:400;
padding-left:25px;
padding-right:25px;
padding-bottom:5px;
}

.pfirst{
margin-top:-10px;
padding-top:15px;
border-top:#bddeb1 1px solid;
}

h1{
font-size:1.3em;
font-weight:lighter;
letter-spacing:1px;
padding-bottom:5px;
padding-top:5px;
margin-top:6px;
border-bottom:#bddeb1 1px solid;
}

h2{
color:#BDDEB1;
font-size:16px;
font-weight:lighter;
letter-spacing:1px;
padding-bottom:10px;
}

h4{
font-size:14px;
font-weight:lighter;
margin:0;
padding:0;
}

strong{
color:#BDDEB1;
font-weight:400;
}

.quote{
color:#BDDEB1;
font-weight:500;
text-align:center;
font-style:italic;
}

/*------ Classes -----------*/

.vimeoplayer{
border:#bddeb1 5px;
padding:50px;
}


/*---- Menu Item -------*/



/* head Navigation links */

#headnav  ul{
		list-style: none;
		margin: 0 0 22px 0 ;	
		padding: 0;
		line-height:20px;
}

#headnav  ul li{	
		padding: 0 10px 0 10px;
		color:#bddeb1;
		font-size:10px;
		letter-spacing:4px;
		font-weight:lighter;
		list-style: none;
		display:inline;
		border-right: 2px #bddeb1 solid;
}

#headnav  ul li.last{
		padding: 0 10px 0 10px;
		color:#bddeb1;
		/*margin-right: 17px;*/
		border:none;
		list-style:none;
}

#headnav  li a{
		color:#bddeb1;
		font-size:10px;
		letter-spacing:4px;
		font-weight:lighter;
		text-decoration:none;
		/*border-bottom:1px solid #fff;*/
		
}

#headnav  li a:hover{
		color:white;
	font-size:10px;
	letter-spacing:4px;
		text-decoration:underline;		
}

#aboutSweet{
	visibility:hidden;
}

#sweetClients{
	visibility:hidden;
}

/*  All the hidden sections opened by the jquery functions */

#jabout{
	/*background:url(../images/frametile1.gif) repeat-x top left;
	background-color:#6c7e65; */
	display: none;
}

#jclients{
	/*background:url(../images/frametile1.gif) repeat-x top left;
	background-color:#6c7e65; */
	display: none;
}

#jcontact{
	display: none;
}

#jservices{
	display: none;
}


#jlinks{
	/*background:url(../images/frametile1.gif) repeat-x top left;
	background-color:black; */
	display: none;
}

/*   Pop Up Videos     */

#jvidmain{

}


#jvid1{
	display:none;
}

#jvid2{
	display:none;
}


#jvid3{
	display:none;
}


/*   Footer Styles    */

#footer{
	font-size:10px;
	width:100%;
	letter-spacing:4px;
	font-weight:lighter;
	color:black;
	background-color:#bddeb1;
	border:1px black;
	/*margin-top:-10px;*/
}

#footer a{
	color:black;
	text-decoration:none;
}

#footer a:hover{
		color:black;
		text-decoration:underline;		
}

/*    contact table styles    */

.mainp{
font-family:"century gothic", Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
padding-left:50px;
padding-bottom:5px;
}

.names{
font-family:"century gothic", Geneva, Arial, Helvetica, sans-serif;
font-size:16px;
color:#bddeb1;
letter-spacing:2px;
font-weight:lighter;
padding-bottom:10px;
}

.phone{
font-size:12px;
}

.email{
font-size:14px;
color:#FFFFFF;
}

.email a{
		color:#bddeb1;
		text-decoration:none;
}

.email a:hover{
		color:#bddeb1;
		font-size:12 px;
		text-decoration:underline;		
}

#vimfloat{
	padding:5px;
	margin:0 auto;
}

.videotitles {
font-family:"century gothic", Geneva, Arial, Helvetica, sans-serif;
color:white;
font-size:12px;
font-weight:bold;
padding-top:10px;
padding-left:40px;
}

#breaker{
	width:100%;
	height:5px;
	padding-bottom:10px;
	margin-bottom:15px;
	margin-top:-10px;
	border-bottom:solid;
	border-bottom-width:1px;
	color:#bddeb1;
}

.credit{
font-size:10px;
color:#FFFFFF;
}