/*
Theme Name: Creative Like Us Template 1 CSS
Author: Creative Like Us
Version: 1.0
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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 {
	background: transparent;	border: 0;	margin: 0;	padding: 0;	vertical-align: baseline; }
body {	line-height: 1;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
blockquote { quotes: none; }
blockquote:before, blockquote:after { content: ''; content: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0; }
a img, img a {	border: none; }

/*=THE BIG GUYS
----------------------------------------------- */
body {
margin: 0;
padding: 0;
width: auto;
height: auto;
line-height: 1.4em;
background:#dcddde url(images/bg-body.jpg) top center no-repeat;
}


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 21, 2011 06:08:42 AM America/New_York */

@font-face {
    font-family: 'TeXGyreHerosRegular';
    src: url('fonts/texgyreheros-regular-webfont.eot');
    src: url('fonts/texgyreheros-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreheros-regular-webfont.woff') format('woff'),
         url('fonts/texgyreheros-regular-webfont.ttf') format('truetype'),
         url('fonts/texgyreheros-regular-webfont.svg#TeXGyreHerosRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreHerosCnRegular';
    src: url('fonts/texgyreheroscn-regular-webfont.eot');
    src: url('fonts/texgyreheroscn-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreheroscn-regular-webfont.woff') format('woff'),
         url('fonts/texgyreheroscn-regular-webfont.ttf') format('truetype'),
         url('fonts/texgyreheroscn-regular-webfont.svg#TeXGyreHerosCnRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreHerosCnBold';
    src: url('fonts/texgyreheroscn-bold-webfont.eot');
    src: url('fonts/texgyreheroscn-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreheroscn-bold-webfont.woff') format('woff'),
         url('fonts/texgyreheroscn-bold-webfont.ttf') format('truetype'),
         url('fonts/texgyreheroscn-bold-webfont.svg#TeXGyreHerosCnBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
#wrapper { margin: 0 auto; width: 960px; padding:20px 0px; }
#footer { margin: 0 auto; width: 960px; clear: both; }

/* =Layout
-------------------------------------------------------------- */

#container { clear: both; overflow: hidden; padding: 0px; min-height:500px; height:auto !important; height:500px; }

#content { }


/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */

body, input, textarea {	color: #7E8083; font-size: 0.8em; }

hr { background-color: #e7e7e7;	border: 0;	height: 1px; margin-bottom: 18px; }

/* Text elements */
p {	margin: 5px 0px 10px 0px; }
ul { list-style: bullet; margin: 0 0 10px 0px; }
ol { list-style: decimal; margin: 0 0 18px 1.5em; }
ol ol {	list-style: upper-alpha; }
ol ol ol { list-style: lower-roman; }
ol ol ol ol { list-style: lower-alpha; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
dl { margin: 15px 0 0px 0; }
dt { font-weight: bold; }
dd { margin-bottom: 5px; }
strong { font-weight: bold; }
cite, em, i { font-style: italic; }
big { font-size: 131.25%; }
ins { background: #ffc;	text-decoration: none; }
blockquote { font-style: italic; padding: 0 3em;}
blockquote cite, blockquote em, blockquote i { font-style: normal; }
pre { background: #f7f7f7; color: #222;	line-height: 18px; margin-bottom: 18px;	padding: 1.5em; }
abbr, acronym { border-bottom: 1px dotted #666;	cursor: help; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 1ex;}
sub { top: .5ex;}

input[type="text"],
textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 2px;
}

a, a:link { color: #1D4278; text-decoration:none; }
a:visited {	color: #1D4278; }
a:active, a:hover { color: #000;}


/* =TOOLS
   ----------------------------------------------------*/
.screen-reader-text { position: absolute; left: -9000px; }

.spacer {clear:both;position:relative;font-size:0px;height:0px;line-height:0px;} 
.hidden {position:absolute;	left:0px; top:-9999px; width:1px; height:1px; overflow:hidden;}


/* =Fonts
-------------------------------------------------------------- */
body { font-family: TeXGyreHerosCnRegular, "Arial Narrow", sans-serif; text-align:center;}


h1, h2, h3, h4, h5, h6 { margin: 0 0 10px 0; }



h1 { margin-bottom:20px; }
	#products-pages h1 { margin-bottom:5px; }
	#quality-pages h1 { margin-bottom:20px; }

h2 { font-size:1.2em; font-weight:normal; line-height:150%; }
	#content h2 { font-size: 1.1em; text-transform:uppercase; margin-bottom:5px;}
	#content table h2 { margin:0px; }

h2 strong { color:#1D4278; font-weight:normal; }
	
	
h3 { font-size:1.1em; text-transform:uppercase; margin-bottom:5px; }

h4 { font-size:1.2em; }



/* =Header
-------------------------------------------------------------- */

#menu { font-size: 1.1em; padding: 0px; }

.homepage #menu, .thankyou #menu, .ovelleproducts #menu { margin-bottom:70px; }

.elaveproducts #menu { margin-bottom:60px; }

#products-pages .elaveproducts h1 { margin-bottom:15px; }

/* =Menu
-------------------------------------------------------------- */

#menu ul, #footer ul { margin:0px; padding:0px; }
	#menu li { list-style-type:none; display:inline; padding:8px 35px; border-right:solid 1px #B6C5D6; }
		#menu-contact { border:none; }
	#footer li { list-style-type:none; display:inline; padding:10px; }
	
#menu a, #footer a { color: #7E8083; text-decoration:none; text-transform:uppercase; line-height:30px;}
	#menu a:hover, #footer a:hover { color:#1D4278; } 
	
#about-pages #menu-about a,
#products-pages #menu-products a,
#quality-pages #menu-quality a,
#research-pages #menu-research a,
#contact-pages #menu-contact a,
#disclaimer-pages #menu-disclaimer a,
#links-pages #menu-links a,
#privacy-pages #menu-privacy a
{ color:#1D4278; }


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

h1 span { position:absolute; left:0px; top:-9999px; width:1px; height:1px; overflow:hidden; }

#content p, #content ul { text-transform:uppercase; }
#content ul { list-style-position: inside; font-size:1.1em; line-height:150%;}

table.table-products { text-align:left; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px; font-family: Arial, Tahoma, sans-serif;}
table.table-products td { padding:2px; height:18px; }


div.products { margin-left:auto; margin-right:auto; width: 800px; clear:both; margin-top:10px; margin-bottom:5px; }
.products ul { text-align:left; margin-bottom:10px; margin-top:0px; font-family: Arial, Tahoma, sans-serif;}
	#content .products h2 { text-align:left; margin-bottom:0px; padding-bottom:5px; }
	.products ul li { padding:1px 0px; text-transform:none; font-size:0.9em; line-height:140%; list-style-type:none;}
	
.products  .column { width:33%; float:left; } 	

#quality-pages img, #research-pages img { margin-bottom:20px; }

#contact-pages #content { text-align:left; }
	#contact-pages #content-box { width: 400px; float:left; margin-right:20px;}
	#contact-pages #content-box p { text-transform:none; font-family:Arial, Helvetica, sans-serif; }
#contact-pages #googleMap  { width:500px; float:right; text-align:center; }
	#contact-pages #googleMap p { text-transform:none; font-family:Arial, Helvetica, sans-serif; }

#contact-pages .thankyou #content { text-align:center; }
 
#disclaimer-pages #content p, #links-pages #content p, #links-pages #content ul, #privacy-pages #content p { text-transform:none; font-family: Arial, Tahoma, sans-serif; } 
 	#links-pages #content ul { list-style-type:none; }
	
#privacy-pages #content { width:780px; text-align:left; margin-left:auto; margin-right:auto; }

.ovelleproducts #content { margin-top:-57px; }

/* FORMS */
fieldset {border: none}

form {margin: 0; line-height:130%; font-family:Arial, Helvetica, sans-serif;}

.contactform legend { margin-bottom:10px; height:45px;}

.contactform p { margin: 10px 0px 5px 0px; clear:left;}

.contactform input, .contactform textarea, .formbuilderform input { margin: 2px 0; border:solid 1px #a9a9a9; width:300px;}

.formbuilderform textarea { margin: 2px 0; border:solid 1px #a9a9a9; width:400px; height:150px;}

.contactform fieldset, .formbuilderform fieldset {border: none}

.contactform label { padding-right:10px; float:left; width: 80px; text-align:right; clear:left; text-transform:none;}
	.contactform label.error { color:red; font-weight:bold; float:none; clear:left; width:auto; display:block; text-align:left; margin-bottom:10px; padding-left:160px;}

p.ContactAddress { padding-left:90px; }

.contactform input.formsubmit { width: 100px; background:#91a3ba; color:white; margin-left:90px; padding: 4px 0px;}

.contactform .success { padding:10px; border: solid 2px #46c2d2; }


/* =Images
-------------------------------------------------------------- */

#content img {	max-width: 960px; padding:0px; }

.alignleft { float:left; clear:left; margin-right:10px; margin-bottom:10px; }
.alignright { float:right; clear:right; margin-left:10px; margin-bottom:10px; }

/* =Footer
-------------------------------------------------------------- */

#footer { margin-top:0px; margin-bottom: 20px; font-size:90%;}
	#footer ul { margin-bottom:10px; }

/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {	-webkit-text-size-adjust: 140%; }
code {	-webkit-text-size-adjust: 160%; }
#access, .entry-meta, .entry-utility, .navigation, .widget-area {	-webkit-text-size-adjust: 120%; }
#site-description {	-webkit-text-size-adjust: none; }


/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
	}
	#wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
	}
	
	#header { border-bottom: 1px dashed #947C74; padding-bottom: 10px; height:120px;}
	
	#colophon {	border-top: 1px dashed #947C74; }
	
	#branding h1 { font-size: 22pt; color:#000; text-transform:uppercase; line-height: 1.4em;}
	#branding h1 span { position:relative; left:0px; top:0px; width:auto; height:auto; overflow:auto; }
	
	#site-title { font-size: 13pt; }
	
	.entry-content { font-size: 14pt; line-height: 1.6em; }
	.entry-title { font-size: 21pt; }
		
	#access,
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area,
	#content ul.actors-details-menu,
	#sidebar {
		display: none !important;
	}
	
	#container,
	#header,
	#footer {
		margin: 0;
		width: 100%;
	}
	
	#content, .one-column #content {
		margin: 24pt 0 0;
		width: 100%;
	}
	
	.wp-caption p {font-size: 11pt; }

}