/* Pallate 
White: #f9f9f9
Blue: #6799d9
Grey Text: #666666
Scarlett: #a00900
Pink: #ff063d
*/

/* Resets and Hacks*/
 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,
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-weight: inherit;
	font-style: inherit;
	list-style: none;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

@font-face {
	font-family: 'AntipastoRegular';
	src: url('Antipasto.eot');
	src: local('Antipasto'), local('Antipasto'), url('Antipasto.woff') format('woff'), url('Antipasto.ttf') format('truetype');
}
strong {
font-weight: bold;
}

.hide {
display: none;
}

body {
font-family: "AntipastoRegular", "Optima", "Trebuchet MS","Helvetica","Arial","Century Gothic", "Apple Gothic", sans-serif;
width: 100%; 
background: #f9f9f9;
color: #666666;
}

#wrap {
min-width: 963px;
min-height: 597px;
width: 100%;
height: 100%;
display: block;
position: absolute;
}

div#header {
position:absolute;
display: block;
top:0;
left:0;
width:75%;
margin: 0 20% 0 5%;
padding: 0px 0px 0px 0px;
height: 80px;
/*background: #f9f9f9 url('../images/headerbg.png') bottom repeat-x;*/
background: #f9f9f9;
border-bottom: solid #323232 1px;
z-index: 999;
/*font-family: "Century Gothic", "Apple Gothic", Helvetica, Arial, sans-serif;*/
font-size: 30px;
}
.imageless h2 {text-align: left !important;}
.imageless #header {
	width:65%;
	margin: 0 20% 0 5%;
	}
div#navwrap {
position:absolute;
display: block;
top: 0;
left:0;
width: 200px;

margin: 100px 0 0 5%;
z-index: 8;
}

div#footer{
position: relative;
display: block;


width: 50%;
margin: 0px 0px 0px 0px;
right: 5%;
height: 15px;
padding: 5px 0px 30px 0px;
background: #f9f9f9 url('../images/bottomfade.png') repeat-x;
z-index: 10;
border-top: solid #323232 1px;
float: right;
clear: left;
text-align: right;
}
.imageless #footer {
	width: 65%;
	
	}
	

	
.home #footer  {width: 73%; margin: 0px 0px 0px 0;}

p#footercontent {

float: right;
display: block;

}

/*Footer Mask - named image holder to save time... */
div#imageholder {
position:relative;
display: none;
bottom:0;
left:0;
width: 100%;
margin: 0;
height: 60px;
background: #f9f9f9;
z-index: 10;

}

#fade {
z-index: 8;
/*background: url('../images/fade.png') repeat-x;*/
float: right;
width: 80%;
margin: 120px 10% 0px 10%;
height: 40px;
display: none;
}

#fade2 {
position:absolute;
display: block;

width: 100%;
margin: 0px 0 0px 0;
height: 10px;
padding: 0px 0px 0px 0px;
background: #f9f9f9; /* url('../images/fade2.png') repeat-x;*/
z-index: 10;
}


#logo {
margin: 53px 0px 0px -1px;
z-index: 10;
}

body#bodyhome img#logo {
margin: 3px 0 0 9.8% !important;
position: absolute;
display: block;

top:0;
left:0;
z-index: 10;
padding: 0px 0px 0px 0px;
}


ul.nav {
/*font-family: "AntipastoRegular", "Century Gothic", "Apple Gothic", Helvetica, Arial, sans-serif;*/
z-index: 10;
margin: 0;
padding: 0;
}





#content {
text-align: right;  
width: 58%; 

padding: 0 0 0 0;
margin: 80px 20% 10px 22%; 

display: block;
}

.imageless #content {
text-align: right;  
width: 40%; 

padding: 0 0 0 0;
margin: 80px 0% 10px 30%; 

display: block;
}

#display {

float: right;
min-width: 174px;
width: 100%;

text-align: right;
clear: both;
padding: 18px 0px 10px 0px;
margin: 0px 0px 0px 0px;
z-index: -9;
text-align: center;

}

div.thirty {
float: right; 
width: 60%;
padding-top: 18px;
}
div.quote {
float: left;
width: 40%;
padding-top: 18px;

}






@media screen{
body>div#header{
position:fixed;
}
body>div#footer{
position: relative;
}
body>div#header{
position:fixed;
}
body>div#navwrap{
position:fixed;
}
body>div#fade{
position:fixed;
}
body>div#fade2{
position:fixed;
}
body>div#imageholder{
position:relative;
}
body>div#headerhide{
position:fixed;
}
body>div#wrap{
position:fixed;
}
body#bodyhome>img#logo{
position:fixed;
}
}
* html body{
overflow:hidden;
} 
* html div#content{
height:100%;
overflow:auto;
}

/**************************
Typography
**************************/
h1, h2, h3, h4, h5 {
margin-bottom: 14px;
/*font-family: "Century Gothic", "Apple Gothic", Helvetica, Arial, sans-serif;*/
text-align: center;
}

h2.left {text-align: left;}
h1{font-size: 30px; line-height: 30px;}
h2{font-size: 160%; line-height: 100%;}
h3{font-size: 12px; line-height: 18px;}
h4{font-size: 10px; line-height: 18px;}

.imageless h2 {font-size: 180%; line-height: 100%; margin-bottom: 12px; }
.imageless span.title {font-size: 110%; line-height: 140%;}
.imageless p {font-size: 110%; line-height: 140%; text-align: left;}
h2.newstitle {
color: #6799d9;
font-size: 26px;
}

.center {
text-align: center;
margin: 0px 25% 0px 25%;
}
p { 
font-size: 18px;
line-height: 22px;
letter-spacing: 0.3px;
margin-bottom: 14px;
text-align: justify;
}
span.title {
	color: #ff063d; 
	display: block;
text-align: left;
font-size: 20px;
font-family: "AntipastoRegular", "Optima", "Trebuchet MS","Helvetica","Arial","Century Gothic", "Apple Gothic", sans-serif;
 margin-bottom: 14px;}
a {
color: #3c3c3c;
text-decoration: none;
}

#footer a {color: #737373;
	}
#footer a:hover,
a:hover {
color: #ff063d;
}
a.email {
text-decoration: underline;
}
a.email:hover {
font-weight: bold;
}

#footer p {
text-align: right;
margin: 0px 0px 0px 0px;
font-size: 16px;
color: #3a3a3a;
}

.brand {
color: #ff063d;
}



#movie {
width: 100%;
height: 270px;
max-height: 500px;
margin-bottom: 14px;
z-index: -9;
}

#casestudycontent {
display: none;
}

#cherrygirlicons {
margin: 0px auto;
text-align: center;
}

#cherrygirlicons img {
margin-right: 5px;
}


/*Defunct*/
div#oldimageholder {
position: absolute;
display: none;
bottom:0;
right:0;
width: 30%;
height: 400px;
margin: 0px 10% 80px 0;
padding: 0px 0px 0px 0px;
z-index: 10;
}
div#oldimageholder ul{
float: right;
margin: 360px 0px 0px 0px;
width: 100%;
}

div#oldimageholder ul li a {
text-indent: -10000em;
width: 120px;
height: 14px;
display: block;
}

.playnow {
display: none;
width: 327px;
height: 183px;
position: absolute;
text-decoration: none;
/*background-image: url('http://www.iamcherrygirl.com/uploads/playnow.png');*/
background-position: 0 0; 
z-index: 7;
}

.thumb {
float: left;
width: 30%;
margin: 0px 0px 0px 0px;
}
#hide {display: none;}
.playnow:hover {
background-position: 0 -233px;
}

h2.newstitleholder a {
color: #666666;
font-size: 14px;
text-decoration: none;
}
h2.newstitleholder a:hover {
color: #555555;
font-size: 14px;
}
.newstitleholder {
margin-top: 20px;
width: 100%;
clear: both;
float: left;
}
.dateheading {
width: 100%;
float: left;
}
.nth-1 {
margin-top: 0px;
}

.newstext {
float: right;
width: 68%;
}
/*New Nav */

.nav li a {font-size: 12px;
margin-bottom: 4px;
letter-spacing: 0.9px;
display: block;}
.nav li a:hover {color: #ff063d}

#hide li a, a.indent {margin-left: 18px;}

a#safertravelselected,
a#cherrygirlselected,
a#cuselected,
a#auselected,
a#venturesselected,
a#planningselected,
a.projectsselected,
a.selected {color: #ff063d}
/* OLD IMAGE-BASED NAVIGATION
.nav li {
margin-bottom: 5px;
display: block;
}
.nav li a {
text-indent: -10000em;
width: 188px;
height: 12px;
display: block;
margin: 0;
}
.nav li a:hover {
color: #6799d9;
}

.nav li a.indent {
margin-left: 14px;
}

a#ventureslink {
background: url('images/scarlettmarkventures.jpg') no-repeat;
background-position: 0 0 ;
}
a#ventureslink:hover,
a#venturesselected{
background: url('images/scarlettmarkventures.jpg') no-repeat;
background-position: 0 -18px  ;
}
a#planninglink {
background: url('images/scarlettmarkplanning.jpg') no-repeat;
background-position: 0 0 ;
}
a#planninglink:hover,
a#planningselected{
background: url('images/scarlettmarkplanning.jpg') no-repeat;
background-position: 0 -18px  ;
}
a#aboutuslink {
background: url('images/aboutscarlettmark.jpg') no-repeat;
background-position: 0 0 ;
}
a#aboutuslink:hover,
a#auselected{
background: url('images/aboutscarlettmark.jpg') no-repeat;
background-position: 0 -18px  ;
}
a#contactuslink {
background: url('images/scarlettmarkcontactus.jpg') no-repeat;
background-position: 0 0 ;
}
a#contactuslink:hover,
a#cuselected{
background: url('images/scarlettmarkcontactus.jpg') no-repeat;
background-position: 0 -18px  ;
}

a.projectslink {
background: url('images/scarlettmarkprojects.jpg') no-repeat;
background-position: 0 0 ;
}
a.projectslink:hover,
a.projectsselected{
background: url('images/scarlettmarkprojects.jpg') no-repeat;
background-position: 0 -18px  ;
}

a#safertravellink {
background: url('images/spritesafertravel.jpg') no-repeat;
background-position: 0 0 ;
}
a#safertravellink:hover,
a#safertravelselected{
background: url('images/spritesafertravel.jpg') no-repeat;
background-position: 0 -18px  ;
}

a#cherrygirllink {
background: url('images/scarlettmarkcherrygirl.jpg') no-repeat;
background-position: 0 0 ;
}
a#cherrygirllink:hover,
a#cherrygirlselected{
background: url('images/scarlettmarkcherrygirl.jpg') no-repeat;
background-position: 0 -18px  ;
}

*/

/* override the root element to enable scrolling */ 
.items { 
    position:relative; 
   /* overflow:hidden; 
    clear:both; */
    width: 100%;
margin: 0px 0px 0px 0px;
} 
 
/* override single pane */ 
.items img { 
    position: absolute; 
    display:block; 
 

    font-size:14px; 
} 
 
/* our additional wrapper element for the items */ 


.items img.active {
    z-index:10;
}

.items img.last-active {
    z-index:9;
}


.pulledquote {
	position: absolute;
	margin: 0 0px 0px -66%;
	width: 48%;
	text-align: left;
	color: #3a3a3a;
	border-bottom: solid 1px #3a3a3a;
	border-top:solid 1px #3a3a3a;
	padding: 18px 0px 18px 50px;
	background: url('images/quotes.jpg') no-repeat left;
	}
	
.pulledquote1,
 .pulledquote2{
	width: 75%;
	margin: 20% 0px 0px 0;
	display: block;
	text-align: left;
	color: #3a3a3a;
	border-bottom: solid 1px #3a3a3a;
	border-top:solid 1px #3a3a3a;
	padding: 18px 0px 18px 50px;
	background: url('images/quotes.jpg') no-repeat  left;

	}	
.pulledquote2 {
	margin: 10% 0px 0px 0px;
	}	
span.quoth {
	padding: 0px 0px 0px 50px;
	width: 75%;
	margin: 8px 0px 0px 0;
	font-size: 14px; color: #666666; text-align: right !important; display: block; }	
	
	
	#slideshow {
    position:relative;
  
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    
    
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#mwf { margin: 30px 0px 0px 0px; width: 90%; float: left;}

#ventureslink {
display: none;
}