/*

Theme Name: Unexpected Thinking

Theme URI: http://santy.com/

Description: A theme created to display the unexpected thinking of Santy Integrated.

Version: 1.6

Author: Jenny Messerly

Author URI: http://jennymesserly.com/



*/


/* STANDARD HTML TAG RESET --------------------------------------------------------*/

body,
h1, h2, h3,
ul, li,
form {
	border:0;
	margin:0;
	padding:0;
}


/* STANDARD HTML TAG DEFINITION --------------------------------------------------------*/

* {margin:0;padding:0;} 

html, body, #container {height: 100%; width: 100%;}
body > #container {height: auto; min-height: 100%;}

body, form {
	color:#666;
	font: .78em Arial, Helvetica, sans-serif;
}

input {
	color:#666;
	font: 10px Arial, Helvetica, sans-serif;
}

input.signup {
	height: 15px;
	width: 175px;
	margin: 0 0 10px 10px;
	font-size:12px;
}

body{
	background-color: #FFF;
	background-image: url(images/bg-concrete-top.jpg);
	background-repeat:repeat-x;
}

.sticky {
	overflow: hidden;
	background-attachment: fixed;
}

body#homepage{
	background-image:url(images/bg-home.jpg);
	background-repeat:repeat;
}

p {margin:0 0 15px 0; padding:0; border:0; }

.uppercase {text-transform: uppercase;}

h1 {
	font-size:1.4em; 
	color:#F8B551; 
	text-transform:uppercase; 
	margin:0 0 25px 0;
	display: block;
}
#homepage h1 {margin:0;}
.portfolio h1 {margin: 0;}

h2 {
	font-size:1.1em;
	color:#F8B551;
	text-transform:uppercase;
}

h3 {
	font-size:1em;
	color:#F8B551; 
	font-weight:normal;
	text-transform:uppercase;
}

h4 {
	font-size:0.95em;
	padding: 9px 0 0 0;
}

h5 {
	font-size:0.95em;
	font-style:italic; 
	padding: 0 0 15px 0;
}

hr {
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
	border: 0;
}

ol {margin: 0 0 0 25px;}

ol li {margin: 5px 0 10px 0;}

a {outline:none;}

a:link, a:visited {color:#F8B551; text-decoration: none;}

a:hover {color:#fda41c;}

img {border: 0;}

.float-left {float:left;}
.float-right {float:right;}
.clear {clear:both;}

.divider {
	color:#F8B551;
	margin:0 6px;
}

#site{
	height:613px;
	width:13366px;/* ici la taille de la frise */
	padding:0px;
	margin:0px;
}

#site li {list-style-type:none;}

#trans-bg {
	background-color: #FFF;
	height:380px;
	width:10450px;
	z-index:-2;
	left: 0;
	position: fixed;
	top: inherit;
}

img#universe {
	height:380px;
	left: 0;
	position: fixed;
	top: inherit;
	width: 563px;
	z-index:-1;
}

#main {
	padding: 0 0 68px 0;
	width: 1032px;
}  /* must be same height as the footer */


#homepage #main{
	height:380px;
	padding:0;
	margin:0 0 55px 0;
	width:auto;
}


/* Begin Images */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {float: right;}

.alignleft {float: left;}
	
#content div.PDS_Poll {
	margin-bottom: 15px;
}



/* HEADER --------------------------------------------------------*/

#header {

	width:790px;

	height:108px;

}

#global-nav {

	font-size:.85em;

	color:#FFF;

	width:500px;

	height:98px;

	float:right;

	text-align:right;

	margin:10px 0 0 0;

}



#global-nav a{

	color:#FFF;

}



#santy-logo {

	margin: 21px 0 0 0;

	float:left;

}





/* NAV --------------------------------------------------------*/

#home-nav{

	height:120px;

}



#nav {

	margin: 30px 0 0 46px;

	width: 194px;

	color: #F8B551;

	font-size: 1.1em;

	float: left;

}



#nav ul {

	list-style-type: none;

}



#nav ul li {

	margin: 8px 0 0 0;

}



#nav ul li.main-page a{

	color: #F8B551;

	text-decoration: none;

}



#nav ul li.main-page {

	display: block;

}



#nav ul li.main-page a:hover {

	color: #b87f2a;

}



#nav ul li.sub-page {

	margin: 0;

	display: block;

}



#nav ul li.sub-page a{

	color: #666;

	text-decoration: none;

}



#nav ul li.sub-page a:hover {

	color: #000000;

}



#nav .no-margin {

	margin: 0;

}





/* HOME NAV --------------------------------------------------------*/

#floater {

	position: relative;

	left: 0px;

	width: 725px;

	z-index:100;

	height: 101px;

	padding: 17px 0 0 0;

}



#floater img {

	margin: 0 0 15px 0;

	float: left;

}



#nav-unexpect, #nav-minds, #nav-about, #nav-contact {

	height: 20px;

}



#nav-unexpect {

	width: 160px;

	margin: 0 0 0 20px;

}



#nav-minds {

	width: 105px;

	float: left;

}



#nav-about {

	width: 100px;

	float: left;

}



#nav-contact {

	width: 90px;

	float: left;

}



#nav-unexpect a, #nav-minds a, #nav-about a, #nav-contact a {

	float: left;

	display: block;

	width: 100%;

	height: 100%;

	color: #FFFFFF;

	text-decoration: none;

	font-size: 11px;

}



#nav-unexpect a:hover, #nav-minds a:hover, #nav-about a:hover, #nav-contact a:hover {

	background: transparent none;

}





/* HOME CONTENT --------------------------------------------------------*/

#home {

	float: left;

	width: 609px;

	height: 380px;

	background-color: #fff;

}



#unexpected-thinking {

	float: left;

	width: 3359px;

	height: 380px;

}



#client-list {

	width: 1845px;

	height: 380px;

	float: left;

}



#on-our-minds {

	float: left;

	width: 1570px;

	height: 380px;

}



#on-our-minds li {

	margin:0 0 5px 0;

}



#about-santy {

	float:left;

	width:4958px;

	height:380px;

}



#the-people {

	width: 2653px;

	height: 380px;

	float: left;

	padding: 0 0 0 45px;

	background-color: #fff;

}



#client-wishlist {

	height: 380px;

	width: 1635px;

	float: left;

}



#contact-us {

	float:left;

	width:1970px;

	height:380px;

}



#careers {

	height: 380px;

	width: 1635px;

	float: left;

}



#copy{

	float:left;

	width:20px;

	height:270px;

	padding:0 2px 0 0;

	margin:45px;

	background:url(images/copy.gif) top right no-repeat;

}

.home-txt {

	width:290px;

	height:335px;

	float: left;

	padding: 45px 45px 0 45px;

	background-color: #fff;

}



#about-santy .home-txt, #contact-us .home-txt {

	padding: 45px 0 0 45px;

}



.home-txt-sub {

	width:290px;

	height:317px;

	float: left;

	padding: 63px 0 0 0;

	background-color: #fff;

}



#client-wishlist .home-txt-sub, #careers .home-txt-sub {

	padding: 63px 400px 0 45px;

}



#client-list .home-txt-sub {

	padding: 63px 400px 0 45px;

	width: 500px;

}



#client-list .home-txt-sub p {

	width: 290px;

}



#client-list .home-txt-sub ul {

	margin: 0 15px 0 0;

}

a#dan,a#tracy,a#lera,a#juju,a#jeff,a#markjh,a#mark,a#hallie,a#steve,a#jenny,a#patrick,a#holly,a#adam,a#court,a#janet,a#other {
	height: 344px;
	display: block;
	float: left;
	margin: 20px 0 0 20px;
}

#dan {width: 98px; background: url(images/ppl-dan.jpg) bottom right no-repeat; margin: 0 30px 0 195px;}
a#dan {background: url(images/ppl-dan.jpg) top right no-repeat;}
a#dan:hover {background: url(images/ppl-dan.jpg) bottom right no-repeat;}

#tracy {width: 145px; background: url(images/ppl-tracy.jpg) bottom right no-repeat; margin: 0 30px 0 195px;}
a#tracy {background: url(images/ppl-tracy.jpg) top right no-repeat;}
a#tracy:hover {background: url(images/ppl-tracy.jpg) bottom right no-repeat;}

#lera {width: 93px; background: url(images/ppl-lera.jpg) bottom right no-repeat; margin: 0 20px 0 15px;}
a#lera {background: url(images/ppl-lera.jpg) top right no-repeat;}
a#lera:hover {background: url(images/ppl-lera.jpg) bottom right no-repeat;}

#juju {width: 143px; background: url(images/ppl-juju.jpg) bottom right no-repeat; margin: 0 7px 0 175px;}
a#juju {background: url(images/ppl-juju.jpg) top right no-repeat;}
a#juju:hover {background: url(images/ppl-juju.jpg) bottom right no-repeat;}

#jeff {width: 139px; background: url(images/ppl-jeff.jpg) bottom right no-repeat; margin: 0 50px 0 185px;}
a#jeff {background: url(images/ppl-jeff.jpg) top right no-repeat;}
a#jeff:hover {background: url(images/ppl-jeff.jpg) bottom right no-repeat;}

#markjh {width: 114px; background: url(images/ppl-markjh.jpg) bottom right no-repeat; margin: 10px 35px 0 185px;}
a#markjh {background: url(images/ppl-markjh.jpg) top right no-repeat;}
a#markjh:hover {background: url(images/ppl-markjh.jpg) bottom right no-repeat;}

#mark {width: 103px; background: url(images/ppl-mark.jpg) bottom right no-repeat; margin: 0 10px 100px 40px;}
a#mark {background: url(images/ppl-mark.jpg) top right no-repeat;}
a#mark:hover {background: url(images/ppl-mark.jpg) bottom right no-repeat;}

#hallie {width: 122px; background: url(images/ppl-hallie.jpg) bottom right no-repeat; margin: 0 10px 0 180px;}
a#hallie {background: url(images/ppl-hallie.jpg) top right no-repeat;}
a#hallie:hover {background: url(images/ppl-hallie.jpg) bottom right no-repeat;}

#steve {width: 85px; background: url(images/ppl-steve.jpg) bottom right no-repeat; margin: 7px 40px 0 185px;}
a#steve {background: url(images/ppl-steve.jpg) top right no-repeat;}
a#steve:hover {background: url(images/ppl-steve.jpg) bottom right no-repeat;}

#jenny {width: 120px; background: url(images/ppl-jenny.jpg) bottom right no-repeat; margin: 0 10px 0 180px;}
a#jenny {background: url(images/ppl-jenny.jpg) top right no-repeat;}
a#jenny:hover {background: url(images/ppl-jenny.jpg) bottom right no-repeat;}

#patrick {width: 123px; background: url(images/ppl-patrick.jpg) bottom right no-repeat; margin: 0 40px 0 150px;}
a#patrick {background: url(images/ppl-patrick.jpg) top right no-repeat;}
a#patrick:hover {background: url(images/ppl-patrick.jpg) bottom right no-repeat;}

#holly {width: 155px; background: url(images/ppl-holly.jpg) bottom right no-repeat; margin: 0 10px 0 155px;}
a#holly {background: url(images/ppl-holly.jpg) top right no-repeat;}
a#holly:hover {background: url(images/ppl-holly.jpg) bottom right no-repeat;}

#adam {width: 112px; background: url(images/ppl-adam.jpg) bottom right no-repeat; margin: 0 40px 0 175px;}
a#adam {background: url(images/ppl-adam.jpg) top right no-repeat;}
a#adam:hover {background: url(images/ppl-adam.jpg) bottom right no-repeat;}

#court {width: 106px; background: url(images/ppl-court.jpg) bottom right no-repeat; margin: 0 25px 0 175px;}
a#court {background: url(images/ppl-court.jpg) top right no-repeat;}
a#court:hover {background: url(images/ppl-court.jpg) bottom right no-repeat;}

#janet {width: 145px; background: url(images/ppl-janet.jpg) bottom right no-repeat;}
a#janet {background: url(images/ppl-janet.jpg) top right no-repeat;}
a#janet:hover {background: url(images/ppl-janet.jpg) bottom right no-repeat;}

#other {width: 181px; background: url(images/ppl-other.jpg) bottom right no-repeat; margin: 0 10px 100px 40px;}
a#other {background: url(images/ppl-other.jpg) top right no-repeat;}
a#other:hover {background: url(images/ppl-other.jpg) bottom right no-repeat;}

#godzilla {width: 169px; height: 254px; background: url(images/godzilla.jpg) bottom right no-repeat; float: right;}

#content div.bigpeople {height: 334px; float: right; overflow:hidden; display: block;}

a#img_godzilla {
	margin: 97px 0 0 0;
	width: 223px;
	height: 277px;
	overflow: hidden;
	display: block;
	background: url(images/godzilla-rar.jpg) top right no-repeat;
}

a#img_godzilla:hover {background: url(images/godzilla-rar.jpg) bottom right no-repeat;}

.formtitle {
	font-size:12px;
}

.formpad {
	padding: 10px 0 10px 0;
	border-top: #666666 solid 1px;
}



#ui-nav {

	background-color: #fff;

	height: 380px;

	float: left;

}



#ui-nav a {

	display: block;

	float: left;

	margin: 20px 0 0 13px;

}

a#ppp-tv {background: url(images/ut-peterpipertv.jpg) bottom right no-repeat; height: 235px; width: 124px;}
a#ppp-tv:hover {background: url(images/ut-peterpipertv.jpg) top right no-repeat;}

a#pch-hand {background: url(images/ut-pch-handprints.jpg) bottom right no-repeat; height: 233px; width: 105px;}
a#pch-hand:hover {background: url(images/ut-pch-handprints.jpg) top right no-repeat;}

a#pch-uc {background: url(images/ut-pch-uc.jpg) bottom right no-repeat; height: 301px; width: 101px;}
a#pch-uc:hover {background: url(images/ut-pch-uc.jpg) top right no-repeat;}

a#mokarabia {background: url(images/ut-mokarabia.jpg) bottom right no-repeat; height: 249px; width: 69px;}
a#mokarabia:hover {background: url(images/ut-mokarabia.jpg) top right no-repeat;}

a#counter {background: url(images/ut-counter-burger.jpg) bottom right no-repeat; height: 271px; width: 84px;}
a#counter:hover {background: url(images/ut-counter-burger.jpg) top right no-repeat;}

a#csc {background: url(images/ut-cold-stone-creamery.jpg) bottom right no-repeat; height: 229px; width: 100px;}
a#csc:hover {background: url(images/ut-cold-stone-creamery.jpg) top right no-repeat;}

a#drowning {background: url(images/ut-drowning-prevention.jpg) bottom right no-repeat; height: 279px; width: 108px;}
a#drowning:hover {background: url(images/ut-drowning-prevention.jpg) top right no-repeat;}

a#studio360 {background: url(images/ut-studio-360.jpg) bottom right no-repeat; height: 232px; width: 125px;}
a#studio360:hover {background: url(images/ut-studio-360.jpg) top right no-repeat;}

a#drivetime {background: url(images/ut-drivetime.jpg) bottom right no-repeat; height: 235px; width: 115px;}
a#drivetime:hover {background: url(images/ut-drivetime.jpg) top right no-repeat;}

a#renuzit {background: url(images/ut-renuzit.jpg) bottom right no-repeat; height: 249px; width: 73px;}
a#renuzit:hover {background: url(images/ut-renuzit.jpg) top right no-repeat;}

#newsworthy div.dd, #on-our-minds div.dd {
	margin: 0 0 10px 0;
}


/* CONTENT --------------------------------------------------------*/

#content {

	position: relative;

	border-right: 1px solid #666666;

	float: left;

}



.blog {

	padding: 30px 139px 30px 0;

	width: 410px;

}



.blog h1 {

	width: 450px;

}



.blog img {

	margin: 10px;

}



.portfolio {

	padding: 30px 20px 30px 0;

	width: 529px;

}



#content.portfolio hr {

	margin: 0 0 15px;

}



.portfolio div.entry p {

	

}



.blank ul li {

	list-style-type:none;

}



.blog ul {

	margin: 0 0 15px 0;

}



.blog ul li {

	margin: 0 0 0 15px;

}



.blog ul li.sitespace {

	margin: 15px 0 0 0;

	list-style-type: none;

}

.blog ul li.sitespace2 {

	margin: 0 0 0 15px;

	list-style-type: none;

}



.blog p br {

	margin: 0 0 15px 0;

}



.read-more {margin: -15px 0 15px 0;}

#portfolio-nav {
	float: left;
	margin: 0 0 40px 5px;
}

#portfolio-nav img{

	margin:0 5px 0 0;

}



.port-video {

	margin: 20px 6px 10px 10px;

	float: right;

}



ul.wishlist {

	margin:0 15px 0 0;

	float:left;

}



.navigation, #respond {

	margin: 15px 0 0 0;

}



#comment {

	width: 400px;

	border: solid 1px #666666;

}



div.aktt_tweets li {

	margin: 0 0 15px 0;

}



.portfolio-img {

	float: right;

	margin: 0 0 0 15px;

}



.sucka-img {

	float: right;

	margin: 5px 0 0 60px;

}



#caption {

	margin: 0 0 0 12px;

}



div.avatar img {

	margin: 5px 7px 10px 0;

	border: solid #666666 1px;

	float: none;

}

img.avatar {
	margin: 0;
	}



div.comment-author img {

	border: solid #666666 1px;

}



#tweet-t {
	position: absolute;
	top: -7px;
	left: 0;
}

#tweet {

	margin: 0 0 0 10px;

	padding: 0 10px 0 10px;

	width: 126px;

	position: absolute;

	top: 170px;

	left: 220px;

	background-color: #45840d;

	color: #FFFFFF;

	font-size: 10px;

}

#tweet-r {
	position: absolute;
	top: 0;
	left: 146px;
}

#tweet-b {
	margin: 0 0 0 -10px;
}

#policy-list {

	margin: 0 0 15px 0;

}



#policy-list li{

	margin: 0 0 5px 15px;

}





/* CALLOUTS --------------------------------------------------------*/

#callouts {

	margin: 30px 0 0 30px;

	width: 185px;

	float: left;

}



#callouts li {

	list-style-type:none;

}



#callouts h2 {

	margin: 0 0 15px 0;

}





/* FOOTER --------------------------------------------------------*/

#footer {

	position: relative;

	margin: -66px 0 0 0; /* negative value of footer height */

	padding: 11px 0 0 45px;

	height: 55px;

	clear:both;

	background-color: #FFF;

	color: #666;

	font-size: 0.8em;

	line-height: 15px;

}



#homepage #footer {

	width: 13320px;

}



.social-links {

	width: 220px;

	float: left;

}



.social-links img {

	height: 16px;

	width: 16px;

	float: left;

	margin: 0 5px 0 0;

	display: inline;

}



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

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



/* CLEAR FIX*/

.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

	

.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix { height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */





/* Subscribe Form --------------------------------------------------------*/

span.label,span.spacer,span.multiple span {width:90px;float:left; margin: 15px 0px 0px 0px;} 

span.multiple {float:left;} 

span.button {padding-left:90px;}