body {
 background: #fff;
 margin: 0px;
 padding: 0px;
 font-family: arial;
 font-size: 12px;
 color:#53534A;
 line-height:20px; 
}

a, a:visited {
 color: #00AEEF;    
}

#modal {
 padding: 20px;   
}

dl {
 margin: 0px;   
}

#preloader {
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0px;
 left: 0px;
 background: #fff url('../images/william_joseph_logo_big.png') no-repeat center 220px;   
 z-index: 99;
}


.internalContainer {
 width: 980px;
 margin: 0px auto;     
 position: relative; 
}     

#header {
 width: 100%;
 height: 70px;
 margin: 0px;
 padding: 0px;   
}

#header .headerContainer {
 height: 70px;  
 padding: 0px;  
 position: relative;  
}

#header .logo {
 position: absolute;
 top: 29px;
 left: 0px;   
}

#nav {
  display: inline;   
  position: absolute;
  bottom: 10px;
  right: 0px;
}

#footer_nav {
  display: inline;   
  position: relative;
  bottom: 0px;
  right: 45px;
}

#footer_nav li {
 margin-left: 5px;
 list-style: none;
 padding: 0px;
 display: inline;   
}

#nav li {
 margin-left: 38px;
 list-style: none;
 padding: 0px;
 display: inline;   
}

#banner {
 width: 100%;
 margin: 0px;
 padding: 0px;   
 height: 395px; 
 overflow: hidden;  
 background: #0836a4 url('../images/floral-pattern-1920x1200.jpg') repeat-x;     
}

#nobanner {
 width: 100%;
 margin: 0px;
 padding: 0px;   
 height: 49px; 
 overflow: hidden;  
 background: #0836a4 url('../images/floral-pattern-1920x1200.jpg') repeat-x;     
}

#banner .bannerContainer {
 height: 395px;    
 padding: 0px;  
 position: relative;  
}


#rightbucket {
 float: left;
 width: 410px;   
 height: 200px;
 padding-left: 40px;
 position: relative;
 overflow:hidden;
}  

#rightbucket a, img{
	border:none;
	text-decoration:none;
}

#rightbucket-ul{
	display:inline-block;
	width:310px;
	height:200px;
}

#leftbucket {
 float: left;
 width: 480px;   
 padding-right: 50px;
 height: 250px;
 position: relative;
 background: url('../images/seperator.png') no-repeat right 0px;    
}

#whatsnew_leftbucket {
 float: left;
 width: 490px;   
 padding-right: 50px;
 height: 100%;
 position: relative;
}

#whatsnew_rightbucket {
 float: left;
 width: 300px;   
 height: 100%;
 padding-left: 140px;
 position: relative;
 overflow:hidden;
}  

.whatsnew_bucket{
 float: left;
 width: 600px;   
 padding-right: 50px;
 height: 100%;
 position: relative;
 margin-top:20px;
 background: url('../images/horizontal_seperator.png') no-repeat right 0px;    	
}

.whatsnew_bucket h1{
	color: #00aeef;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:1px;
}

.whatsnew_bucket h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#5e5e55;
}

.whatsnew_bucket p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5e5e55;
}

.whatsnew_bucket_first{
 float: left;
 width: 600px;   
 padding-right: 50px;
 height: 100%;
 position: relative;
 margin-top:0px;
}

.whatsnew_bucket_first h1{
	color: #00aeef;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:1px;
	
}

.whatsnew_bucket_first h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#5e5e55;
}

.whatsnew_bucket_first p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5e5e55;
}

.whatsnew_sidebuckets{
 float: left;
 width: 300px;   
 height: 100%;
 padding-left: 0px;
 position: relative;
 overflow:hidden;
 background: url('../images/horizontal_seperator.png') no-repeat right 0px;    	
 padding-top:10px;
}

.whatsnew_sidebuckets h1{
	color: #00aeef;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:1px;
	
}

.whatsnew_sidebuckets h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#5e5e55;
}

.whatsnew_sidebuckets p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5e5e55;
}

.whatsnew_sidebuckets_first{
 float: left;
 width: 300px;   
 height: 100%;
 padding-left: 0px;
 position: relative;
 overflow:hidden;
 padding-top:10px;
}

.whatsnew_sidebuckets_first h1{
	color: #00aeef;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:1px;
	
}

.whatsnew_sidebuckets_first h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#5e5e55;
}

.whatsnew_sidebuckets_first p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5e5e55;
}

.arrow-left {
 position: absolute;
 top: 3px;
 left: 15px;
 z-index:1;
}

.arrow-right {
 position: absolute;
 top: 3px;
 right: 0px;   
 z-index:1; 
}


.splashContainer {
 padding-top: 23px;   
}

.clear {
 clear: both;    
}


#mycarousel {
 text-align: center;   
}

#footer {
 width: 100%;
 height: 70px;
 margin: 0px;
 padding: 0px;
 font-size: 10px;   
 color: #babab7;
}

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

#footer .footerContainer {
 height: 70px;  
 padding: 0px;  
 position: relative;  
}


#portfolioslider li {
 width: 500px;   
}

#bannerslider {
  width: 980px;
  margin: 0px auto;
  height:395px;
}

#bannerslider li {
 width: 980px;
 height: 395px; 
}

.about-us-banner {
 background: #0836a4 url('../images/floral-pattern-1920x1200.jpg') repeat-x;      
}

.aboutusbannerContainer {
 width: 100%;
 margin: 0px;
 padding: 10px 0px 0px 0px;   
 height: 385px; 
 text-align: center;    
}

.whats-new-banner {
 background: #0836a4 url('../images/floral-pattern-1920x1200.jpg') repeat-x;      
}

.whatsnewbannerContainer {
 width: 100%;
 margin: 0px;
 padding: 0px;   
 height: 395px; 
 background: url('../images/timryan.png') no-repeat center 20px;      
}


#banner .servicesbannerContainer {
 height: 395px;  
 width: 900px;  
 padding: 0px;  
  
}


.contactbox {
 color: #53534a;
 line-height: 20px; 
}

.contactbox_left {
 float: left;
 width: 277px;   
 height: 200px;
 background: url('../images/seperator.png') no-repeat right 0px;   
 padding-left: 50px;  
 position: relative;
 margin: 0px 0px 20px 0px;    
}    

.contactbox_center {
 float: left;
 width: 277px;   
 height: 200px;
 background: url('../images/seperator.png') no-repeat right 0px;   
 padding-left: 50px;
 position: relative;
 margin: 0px 0px 20px 0px;      
}    

.contactbox_right {
 float: left;
 width: 276px;   
 height: 200px;
 padding-left: 50px;
 position: relative;
 margin: 0px 0px 20px 0px;    
}

.map {
 margin: 17px 3px 0px 3px;   
 float: left;
}

.slider_slide {
 position: relative;   
 margin: 43px 20px 20px 10px;
 line-height: 17px;
 height: 330px;
}

#contactformtable  {
 margin: 30px auto;
 width: 465px;
}

#contactformtable .prompt {
 text-align: right;
 padding-right: 10px;
}

#contactformtable td {
 font-family: arial;
 font-size: 12px;
 color:#53534A; 
 padding: 3px 0px;
}

#contactform .cinput {
 position: relative;   
}

.formerror {
 float: left;
 padding-left: 23px;
 padding-top: 2px;
 height: 18px;
 background: url('../images/erroricon.png') no-repeat;
 color: #f10a10;
 font-size: 10px;
 font-weight: bold;
 margin: 2px 0px 0px 5px;
}



#contactformtable .textinput {
 width: 175px;   
  float: left;   
}

#contactformtable textarea {
 width: 378px;
 height: 100px;  
}

.jcarousel-item{
	width:410px;
	height:200px;
}

#demo { 
	padding: 0px;
}

#title { 
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, sans; 
}

a#prev, a#next { 
	font-size: 14px; 
	font-family: Verdana, Helvetica, Arial, sans; 
	color: #000; 
	text-decoration: none; 
}

a#prev:hover, a#next:hover {
	text-decoration: underline;
}
	
.pics { 
	height: 395px;
	width: 1250px;
	padding:0;
	margin:auto;
	overflow: hidden ;
}

.pics img { 
	height: 395px; 
	width: 1250px; 
	padding: 0px 0 15px 0; 
	top:0; 
	left:0;
}

.work-nav { 
	margin: 3px 0;
	float:left;
	margin-left:10px;
}
#work-nav a { 
	margin: 0 1px;
	padding: 3px 0px;
	background: #fff;
	text-decoration: none;
	color:transparent;
	width:17px;
	height:11px;	
	float:left; 
	background: url('../images/work-nav-icon-blank.png') no-repeat;
	
}

#work-nav a.activeSlide{ 
	margin: 0 1px;
	padding: 3px 0px;
	background: #fff;
	text-decoration: none;
	color:transparent;
	width:17px;
	height:11px;
	float:left; 
	background: url('../images/work-nav-icon-blue.png') no-repeat;
	
}


#work-nav a:focus { outline: none; }

.work-button{
	width:17px;
	height:11px;
	background: url('../images/work-nav-icon-blank.png') no-repeat;
	float:left;
	margin-left:5px;
}

.work-selected{
	width:17px;
	height:11px;
	background: url('../images/work-nav-icon-blue.png') no-repeat;
	float:left;
	margin-left:5px;
}

.work_nav_menu{
	float:left;
	width:400px;
	height:20px;
}

.work-client{
	width:140px;
	float:left;
	
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

#great_partnerships {
 width: 100%;
 margin: 0px;
 padding: 0px;   
 height: 250px; 
 overflow: hidden;  
 background: #0836a4 url('../images/match/greatmatch.png') repeat-x;     
}

#describe_yourself {
 width: 537px;
 margin-left: 160px;
 margin-top:50px;
 padding: 0px;   
 height: 47px; 
 overflow: hidden;  
 background: #0836a4 url('../images/match/title_describe_yourself.png') repeat-x;     
}

#curious {
 width: 274px;
 margin-left: 160px;
 margin-top:356px;
 padding: 0px;   
 height: 17px; 
 overflow: hidden;  
 background: #0836a4 url('../images/match/text_curious_how_we_matched_you.png') repeat-x;
 z-index:2;
}

#you_deserve {
 width: 428px;
 margin-left: 153px;
 margin-top:30px;
 padding: 0px;   
 height: 139px; 
 overflow: hidden;  
 z-index:2;
}

#william {
 width: 420px;
 margin-left: 160px;
 margin-top:20px;
 padding: 0px;   
 height: 101px; 
 overflow: hidden;  
 background: #0836a4 url('../images/match/common_william.png') repeat-x;
 z-index:2;
}

#perfect_match {
 width: 100%;
 margin: 0px;
 padding: 0px;   
 height: 250px; 
 overflow: hidden;  
 background: #0836a4 url('../images/match/perfectmatch.png') repeat-x;
 z-index:-10;
}

#b1tch {
 width: 100%;
 margin: 0px;
 padding: 0px;   
 height: 419px; 
 overflow: hidden;  
 background: #0836a4 url('../images/match/b1tch.jpg') repeat-x;
 z-index:-10;
}

#partnership {
 width: 100%;
 margin: 0px;
 padding: 0px;   
 height: 250px; 
 overflow: hidden;  
 background: #0836a4 url('../images/match/unexpectedpartnerships.png') repeat-x;     
}

#radio_option {

}

#choose_options{
	margin-left:76px;
	width:100%;
}
#option{
	margin-top:0px;
	width:160px;
	height:250px;
	float:left;
	display:block;
	margin-left:77px;
}

#option_name{
	
	float:left;
	margin-top:40px;
	margin-left:5px;
}

#option_image{
	float:left;
	margin-left:30px;
	margin-top:5px;
}

#option_text{
	margin-left:25px;
	margin-top:-20px;
}

#button_find{
	display:block;
	float:left;
	width:900px;
	height:23px;
	margin-left:170px;
}

#button_find_how{
	display:block;
	float:left;
	width:245px;
	height:23px;
	margin-left:160px;
	margin-top:5px;
	z-index:100;
}

#button_learn_luck{
	display:block;
	float:left;
	width:245px;
	height:23px;
	margin-left:152px;
	margin-top:0px;
	z-index:100;
}

#big_car{
	position:absolute;
	margin-left:160px;
	margin-top:-465px;
	z-index:5;

}

#big_clam{
	position:absolute;
	margin-left:428px;
	margin-top:-524px;
	float:left;
}

#big_benji{
	position:absolute;
	margin-left:160px;
	margin-top:-563px;
}

#big_kent{
	position:absolute;
	margin-left:0px;
	margin-top:-557px;
	z-index:-1;
}

#big_clamato{
	position:absolute;
	margin-left:697px;
	margin-top:-193px;
	z-index:1;
}

#big_clamato_describe{
	position:absolute;
	margin-left:942px;
	margin-top:52px;
	z-index:1;
}

#big_camino{
	position:absolute;
	margin-left:425px;
	margin-top:-294px;
	z-index:1;
}

#big_camino_describe{
	position:absolute;
	margin-left:851px;
	margin-top:69px;
	z-index:1;
}

#add_truck{
	width:343px;
	height:79px;
	margin-left:160px;
	margin-top:200px;
}

#add{
	width:500px;
	height:200px;
	margin-left:160px;
	margin-top:50px;
}

#big_light{
	position:absolute;
	margin-left:708px;
	margin-top:-172px;
	z-index:1;
}

#big_light_describe{
	position:absolute;
	margin-left:945px;
	margin-top:208px;
	z-index:1;
}

#add_light{
	width:496px;
	height:234px;
	margin-left:160px;
	margin-top:30px;
}

#big_superman{
	position:absolute;
	margin-left:706px;
	margin-top:-230px;
	z-index:1;
}

#big_superman_describe{
	position:absolute;
	margin-left:962px;
	margin-top:-4px;
	z-index:1;
}

#add_superman{
	width:496px;
	height:234px;
	margin-left:160px;
	margin-top:30px;
}


#privacy_stuff{
	display:block;
	float:left;
	width:470px;
	height:23px;
	margin-left:170px;
	bottom:1px;
	margin-top:60px;
	color:#BABAB7;
}

#privacy_stuff a{
	text-decoration:none;
	color:#BABAB7;

}

#privacy_stuff_how{
	display:block;
	float:left;
	width:470px;
	height:23px;
	margin-left:-245px;
	bottom:1px;
	margin-top:70px;
	color:#BABAB7;
}

#privacy_stuff_b1tch{
	display:block;
	float:left;
	width:470px;
	height:23px;
	margin-left:-470px;
	bottom:1px;
	margin-top:86px;
	color:#666;
		font-size:9px;
}

#mini_nav{
	display:block;
	float:left;
	width:470px;
	height:23px;
	margin-left:-245px;
	bottom:1px;
	margin-top:70px;
	color:#666;
}

#privacy_stuff_b1tch a{
	text-decoration:none;
	color:#666;

}

#mini_nav a{
	text-decoration:none;
	color:#666;
	font-size:10px;
}

#lady_luck{
	position:absolute;
	margin-left:655px;
	margin-top:-503px;
	z-index:1;
}