/*
THEME NAME: Gianinni Creative
THEME URI: http://cg.cg
DESCRIPTION: Based on the Sandbox theme
VERSION: 1.6.1
AUTHOR: CGCG 
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}



/* 960 gs */
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}


/* Text */
body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}



/* Reuseable Classes */

/*--- Vertical Spacing Classes ---*/

.vspace_1{
 margin-top:10px;   
}
.vspace_2{
 margin-top:20px;   
}
.vspace_3{
 margin-top:30px;   
}
.vspace_4{
 margin-top:40px;   
}
.vspace_5{
 margin-top:50px;   
}
.vspace_6{
 margin-top:60px;   
}
.vspace_7{
 margin-top:70px;   
}
.vspace_8{
 margin-top:80px;   
}
.vspace_9{
 margin-top:90px;   
}
.vspace_10{
 margin-top:100px;   
}
.vspace_11{
 margin-top:110px;   
}
.vspace_12{
 margin-top:120px;   
}
.vspace_13{
 margin-top:130px;   
}
.vspace_14{
 margin-top:140px;   
}
.vspace_15{
 margin-top:150px;   
}
.vspace_16{
 margin-top:160px;   
}
.vspace_20{
 margin-top:200px;   
}


.alignleft{
  float:left;
}

.alignright{
  float:right;
}


hr{
  height:10px;
  margin: 0px;
  border:0px solid transparent;
  width: 100%;
  clear:both;
  overflow:hidden;
}

.divider{
  display: block;
  clear:both;
  height:10px;
}


body{
  background-image:url(/wp-content/themes/gianninicreative/images/background-2.jpg);
  background-position:top center;
  background-repeat:no-repeat;
  background-color:#171E1F;
  color:#ccc;
  font-size:12px; 
  font-family: Helvetica, Arial, sans-serif;
}


#outer_wrapper{
   margin-top:40px;  
   margin-bottom:40px;
   min-height:560px;
}


#header_container{
  clear:both;
  height:50px;
} 

#heading {
  background-image:url(/wp-content/themes/gianninicreative/images/header2.png);
  background-repeat:no-repeat;
  display:block;
  width:217px;
  height:12px;
  margin-top:4px;
}

#heading .hidden{
  display:none; 
}


#logo{
  background-image:url(/wp-content/themes/gianninicreative/images/giannini-logo-black.png);
  background-repeat:no-repeat;
  display:block;
  width:57px;
  height:57px;  
}


#MainNav{
  float:right;
  text-align:center;
}

#MainNav a.current-nav, .current-nav,
body.single #nav-blog{
 color:#f6ce2e;
}

#MainNav a{
  display:block;
  float:left;
  text-align:center;
  margin-right:4px;
  margin-left:4px;
}

#nav-pharma {
  background-image:url(/wp-content/themes/gianninicreative/images/pharma-white.gif);
  background-repeat:no-repeat;
  background-position: center;
  width:33px;
  height:23px;
  display:block;
  margin-right:4px;
  margin-left:8px;
  margin-top:-3px;
  float:left;
}

#nav-pharma:hover {
  background-image:url(/wp-content/themes/gianninicreative/images/pharma-white-over.gif);
  background-repeat:no-repeat;
  background-position: center;
}

#col1_container{ 
  min-height:560px;
  min-height:480px;
  height:595px;
  text-align:right;
}

#col1_container a{ 
  font-size:12px;
  text-transform:lowercase;
  font-family: Helvetica, Arial, sans-serif;
}

ul li{
  list-style:none;
  margin-left:0px;
}

h1, h2, h3{
  font-weight:normal;
  margin-bottom:10px;
}

h2{
  font-size:18px;
}

a {
  text-decoration:none;
  color:#ccc;
}

a:hover, a:active{
  text-decoration:none;
  color:#fff;
  color:#f6ce2e;
}

.current {
  color:#f6ce2e;
}


#header_container{
   clear:both;   
}

#ss_nav{
  width:80px;
  text-align:center;
  font-size:12px;
  text-transform:lowercase;
  color:#fff;
}

#preview-thumb {
  border:1px #666 solid;
  background-color: rgba(150, 150, 150, .2);
  height:72px;
  width:72px;
  margin-left:4px;
  background-position:center center;
  margin-top:10px;
  background-repeat: no-repeat;
}



body.pageid-3 #preview-thumb {
  display: none;
}

#dots {
  padding-left:2px;
}

#dots div, .thumb_dot{
  width:7px;
  height:7px;
  float:left;
  margin:2px;
  cursor:pointer; 
  background-color: white;
  filter: alpha(opacity=75); /* internet explorer */
  -khtml-opacity: 0.75;      /* khtml, old safari */
  -moz-opacity: 0.75;       /* mozilla, netscape */
  opacity: 0.75;           /* fx, safari, opera */
}

#dots div.loading {
  filter: alpha(opacity=25); /* internet explorer */
  -khtml-opacity: 0.25;      /* khtml, old safari */
  -moz-opacity: 0.25;       /* mozilla, netscape */
  opacity: 0.25;           /* fx, safari, opera */
}

#dots div.current,
#dots div:hover{
  background-color: #f6ce2e;
  filter: alpha(opacity=100); /* internet explorer */
  -khtml-opacity: 1.0;      /* khtml, old safari */
  -moz-opacity: 1.0;       /* mozilla, netscape */
  opacity: 1.0;           /* fx, safari, opera */
  -webkit-box-shadow:0 0 6px #ffffff; 
  -moz-box-shadow: 0 0 6px #ffffff; 
  box-shadow:0 0 6px #ffffff; 
}


#dots div:hover{
  background-color: #fff;
}

#ss_nav table{
  margin-top:6px;
  margin-bottom:4px;
}

#prev_button, 
#next_button{
  width:16px;
  height:18px;
  display:block;
  vertical-align:middle;
}

#prev_button{  
  cursor:pointer;
  background-image:url(/wp-content/themes/gianninicreative/images/prev-btn-2.png);
  background-repeat:no-repeat;
  background-position: center;
  
}

#next_button{  
  cursor:pointer;
  background-image:url(/wp-content/themes/gianninicreative/images/next-btn-2.png);
  background-repeat:no-repeat;
  background-position: center;
}

.work_img{
  background-repeat:no-repeat;
  background-position: top center;
  width:820px;
 height:540px; 
  /*height:595px; */
}


.loading-image {
  background-image:url(/wp-content/themes/gianninicreative/images/loading.gif);
  background-position:center center;
  background-repeat:no-repeat;
}

#playpause{
  font-weight:bold;
  color:#fff;
  font-size:14px;
}

#playpause:hover{
  color:#f6ce2e;
}

/*--- SLIDE SHOW  ---*/

.slideshow{
 height:540px; 
 width:820px;
 overflow:hidden;
 margin-top: 0px; 
 margin-left:auto;
 margin-right:auto;
 position: relative;
 top:0;
}

.slide {
  position: absolute;
  top:0;
  margin-top: 0px; 
  margin-left:auto;
  margin-right:auto;
}


body.pageid-3 .slideshow,
body.pageid-3 .work_img{
 height:595px; 
}

body.pageid-3 #work_details{
  display:none;
}

#ss_nav table tr td{
  height:14px;
  vertical-align:middle;
}

#ss_position{
  vertical-align:bottom;
}


#beforeafter a{
  color:#fff;        
  font-size:12px;
  font-weight:bold;
  padding:4px;
  border:1px solid #f6ce2e;
  position: relative;

}

#beforeafter a:hover
/*, #beforeafter .before-over
*/{      
  font-size:12px;
  font-weight:bold;
  color:#f6ce2e;
}



#footer_container{
  clear:both;
  margin-top:20px;
}


#partners_container{
  text-align:right;
  width:0px;
  position:relative;
}

.partner_link{
   margin-top:10px; 
}

#work_details{
  font-size:12px;
  font-weight:bold;
  text-align:center;
  width:820px;
  margin-left:60px;
  clear:both;
  color:#696d6e;
}

#work_details .label{
  text-transform:lowercase;
  font-size:12px;
  font-weight:normal;
  margin-left:10px;
  margin-right:2px;
}

/* PHARMA SECTION */
body.parent-pageid-16 {
  background-image:url(/wp-content/themes/gianninicreative/images/background-pharma-2.jpg);
  background-color:#95bcc3;
  background-color:#63ADB6;
  background-color:#85C9D1;
  background-repeat:no-repeat;
  color:#fff;
}

body.parent-pageid-16 #col3_container ul{
  margin-top:20px;
}

body.parent-pageid-16 .current-sub {
  color:#2c3590; 
}

body.parent-pageid-16 a.current-sub, body.parent-pageid-16 a.current-sub:visited {
  color:#2c3590; 
}
      
body.parent-pageid-16 #heading {
  background-image:url(/wp-content/themes/gianninicreative/images/header-pharma2.png);
  background-repeat:no-repeat;
}
body.parent-pageid-16 #logo{
  background-image:url(/wp-content/themes/gianninicreative/images/giannini-logo-grey.png);
  background-repeat:no-repeat;
}

body.parent-pageid-16  #MainNav .Pharma{
    background-image:url(/wp-content/themes/gianninicreative/images/pharma-current.gif);
}

body.parent-pageid-16 #work_details{
  color:#d6e9eb;
}
  
body.parent-pageid-16  a:link, body.parent-pageid-16  a:visited{
  color:#fff;
}

body.parent-pageid-16 a:hover, body.parent-pageid-16  a:active{
  color:#fff;
  color:#2c3590; 
}
body.parent-pageid-16 .loading-image {
   background-image:url(/wp-content/themes/gianninicreative/images/loading-pharma.gif); 
}

body.parent-pageid-16 #playpause:hover{
  color:#2c3590; 
}


body.parent-pageid-16 #beforeafter a{
  color:#fff;        
  font-size:12px;
  font-weight:bold;
  padding:4px;
  border:1px solid #2c3590;
}

body.parent-pageid-16 #beforeafter a:hover{      
  font-size:12px;
  font-weight:bold;
  color:#2c3590;
}


#sub_nav{
  margin-top:20px;
  margin-left:10px;
  text-align:left;
  width:80px;
}

#sub_nav li{
  margin:0px;
  padding:0px;
}


#footer_links{
  width:40px;
  width:78px;
  float:left;
  text-align:center;
  text-transform:lowercase;
  font-size:11px;
  margin-top:4px;
}

body.parent-pageid-16 #dots div.current {
  background-color: #2c3590;
  filter: alpha(opacity=100); /* internet explorer */
  -khtml-opacity: 1.0;      /* khtml, old safari */
  -moz-opacity: 1.0;       /* mozilla, netscape */
  opacity: 1.0;           /* fx, safari, opera */
}

body.parent-pageid-16 #nav-pharma {
  background-image:url(/wp-content/themes/gianninicreative/images/pharma-current.gif);
}

/* END PHARMA SECTION */

.clear{
   width:100%;
   clear:both;   
}


/* TREATMENTS */

.work-treatments .th{
  width:100px;
  height:92px;
  background-image: url(/wp-content/themes/gianninicreative/images/treatment-th-bg.png);
  background-repeat: no-repeat;
  background-position: top left;
  float:left;
  margin-left:20px;
  margin-bottom:20px;
  cursor: pointer;
}

.work-treatments .th img{
  width:100px;
  height:75px;
  display:block;
}

.work-treatments .first{
  margin-left:0px;
}

.work-treatments .title{
  width:88px;
  height:15px;
  padding-top:2px;
  padding-left:8px;
  padding-right: 4px;
  text-align: right;
  overflow:hidden;
  font-size:11px;
  color:#eee;
}

#treatment_nav #name{
  color:#fff;
}



#dots img.loading {
  filter: alpha(opacity=25); /* internet explorer */
  -khtml-opacity: 0.25;      /* khtml, old safari */
  -moz-opacity: 0.25;       /* mozilla, netscape */
  opacity: 0.25;           /* fx, safari, opera */
}
#dots img.current {
  filter: alpha(opacity=100); /* internet explorer */
  -khtml-opacity: 1.0;      /* khtml, old safari */
  -moz-opacity: 1.0;       /* mozilla, netscape */
  opacity: 1.0;           /* fx, safari, opera */
  background-color: #F6CE2E;
}

#dots img {
  filter: alpha(opacity=75); /* internet explorer */
  -khtml-opacity: 0.75;      /* khtml, old safari */
  -moz-opacity: 0.75;       /* mozilla, netscape */
  opacity: 0.75;           /* fx, safari, opera */
}


.motion1 {
	float:left;
	margin: 0px;
	width:410px;
	height:273px;
	margin-left:210px;
}

.motion4 {
	float:left;
	margin: 0px;
	width:410px;
	height:273px;
}

#admin-functions {
  border:1px solid #444444;
  position:absolute;
  width:220px;
  height:180px;
  background-color:#333;
  padding:8px;
  -moz-box-shadow: 4px 4px 4px #111;
  -webkit-box-shadow: 4px 4px  #111;
  box-shadow: 4px 4px 4px  #111;
  -moz-border-radius: 12px;
  -webkit-border-radius:12px;
  opacity:.8;
}


body.work-pharma #admin-functions {
  background-color:#2c3590;
  border:1px solid white;
  height:180px;
  padding:8px;
  position:absolute;
  width:220px;
}

body.work-pharma #before_admin_link{
	display:none;
}


#video-selector td{
  padding:10px;
}




/* Blog section */

body.blog #inner_wrapper,
body.single #inner_wrapper,
body.archive #inner_wrapper,
body.category #inner_wrapper{
  font-family:Verdana;
}

body1.blog #col2_container{
  width:380px;
  margin-right:40px;
}

body1.blog #col3_container{
  width:240px;
  margin-right:40px;
}

body.blog h1,
body.blog h2, 
body.blog h3,
body.blog h4,
body.archive h1,
body.archive h2,
body.archive h3,
body.archive h4,
body.single h1,
body.single h2,
body.single h3,
body.single h4,
#col3_container .label{
  text-transform:uppercase;
  color:#FFFFFF;
  font-family:Verdana;
  font-weight:bold;
}

body.blog h1,
body.blog h2, 
body.blog h3{
  letter-spacing: 1px;
}

.b-heading, 
.widgettitle{
  border-bottom:1px dotted #999999;
  border-top:1px dotted #999999;
  font-size:14px;
  font-weight:bold;
  height:40px;
  line-height:16px;
  padding-top:4px;
  text-transform:uppercase;
}


.entry-title{
  font-size:32px;
  margin-bottom:0px;
  line-height:32px;
  font-family:Verdana;
  font-weight:bold;
  text-transform:uppercase;
}

.post .entry-title a{
  color:#eee;
}

.post .entry-title a:hover{
  color:#f6ce2e;
  border-bottom: 0px;
}


.published{
  font-size:9px;
  font-weight:bold;
  text-transform:uppercase;
  font-family:Verdana;
  margin-bottom:4px;
  display:block;
  color:#fff;
}

.copy-summary{
  float:left;
  width:320px;
  margin-left:10px;
}

body.blog p,
body.single p{
 /* font-weight:bold; */
  font-family:Verdana;
  font-size:12px;
}

.readmore{
  float:right;
}

.readmore,
.post a{
  color:#f6ce2e;
  border-bottom:1px dotted transparent;
}

a.readmore:hover,
.post a:hover{
  border-bottom:1px dotted;
  color:#f6ce2e;
}

.post{
  border-bottom:1px dotted #999999;
  margin-bottom:10px;
}

.post .entry-content a img{
  border:0px;
}


#primary a{
  font-size:10px;
  font-weight:bold;
  text-transform:uppercase;
  color:#fff;
}

#primary a:hover{
  color:#f6ce2e;
}


#primary li{
  font-size:10px;
  font-weight:bold;
  text-transform:uppercase;
  color:#fff;
}

.entry-meta{
  padding-bottom:20px;
}

#col3_container h4{
  font-size:11px;
}

#col3_container .label{
  font-size:9px;
  display:block;
}

#col3_container p,
#col3_container .value{
  font-size:9px;
  color:#fff;
}


#col3_container img{
  margin-right:10px;
}

#respond h3{
  clear:both;
}

input[type=text], textarea{
  padding:6px 4px;
  border:1px solid #000;
  margin-bottom:10px;
  background-color:#ccc;
  color:#000;
  font-size:12px;
}

#col3_container img{
 height: auto;
}

/* Botton Blog nav */

#nav-below{
  margin-bottom:10px;
  height:30px;
}

.nav-previous,
.nav-next{
  width:220px;
  font-size:14px;
}

.nav-previous{
  float:left;
}

.nav-next{
  float:right;
  text-align:right;
}


/* what */

  strong{
    color:#fff;
  }
  .note{
    font-size:10px;
  }
  .right{
    text-align:right;
  }
  a.f-about{
    color:#f6ce2e;
  }
  sup{
    position:relative;
    bottom:4px;
    font-size:11px;
    padding:2px;
  }

  #about-def{
    font-size:12px; 
    line-height:19px;
  }


.video_container{
  background-position:0px 0px;
  background-repeat:no-repeat;
  margin-left:60px;
  width:720px;
}





/* Change It To This: */

:-moz-any-link:focus {
  outline: none;
}

a{
  outline: none;
}

a:link, a:active{
  outline: none;
  border:0px solid;
}


#overlay_container {
  width:820px;
  height:560px;
  position:absolute;
  z-index:300;
  top:79px;
}

#before, #after,#beforeafteroverlay {
  width:100%;
  height:100%;
  background-position:center center;
  background-repeat: no-repeat;
  top:0px;
  position:absolute;
  cursor: pointer;
}


#overlay {
  background-color:#111111;
  height:100%;
  left:0;
  opacity:0.5;
  position:fixed;
  top:0;
  width:100%;
  z-index:200;
}

/*
#overlay {
  width:100%;
  height:100%;
  background-color:#111;
  opacity:.5;
  position:absolute;
  z-index:200;
  top:0px;
}
*/

#treatment_nav {
  position:absolute;
  z-index:300;
}


#beforeafter.disabled {
  filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}