/* ------------------------------------------------

Global Style Sheet Orchid Pictures

Updated: 3/12/10

Main Colours: 
Yellow: fbfb9b
Red: b50000

TOC:
01. Style Reset
02. Default Text
03. Image and Icon Styles
04. Wrappers and Gutters
05. Header and Search Banner
06. Main Content, Branding
07. Intro
08. Footer
09. Top Nav
10. Side Nav
11. Skip Nav
12. Forms
13. Tables

------------------------------------------------- */ 

@font-face {
	font-family: 'DroidSansRegular';
	src: url('http://www.orchidpictures.net/wp-content/fonts/droidsans-webfont.eot');
	src: local('!'), 
	      url('http://www.orchidpictures.net/wp-content/fonts/droidsans-webfont.woff') format('woff'), 
	      url('http://www.orchidpictures.net/wp-content/fonts/droidsans-webfont.ttf') format('truetype'), 
	      url('http://www.orchidpictures.net/wp-content/fonts/droidsans-webfont.svg#webfontYi8N5Znx') format('svg');
}

@font-face {
	font-family: 'DroidSansBold';
	src: url('http://www.orchidpictures.net/wp-content/fonts/droidsans-bold-webfont.eot');
	src: local('!'), 
	     url('http://www.orchidpictures.net/wp-content/fonts/droidsans-bold-webfont.woff') format('woff'), 
	     url('http://www.orchidpictures.net/wp-content/fonts/droidsans-bold-webfont.ttf') format('truetype'), 
	     url('http://www.orchidpictures.net/wp-content/fonts/droidsans-bold-webfont.svg#webfontANlsPrx9') format('svg');
}

body 
{
	font: 75%/1.6 Helvetica Neue, Arial, Helvetica, Calibri, Geneva sans-serif;
	color: #333;
	background: #b50000 url(images/bot_bg.jpg) repeat 45% 0;
}

html>body /* For everything except IE6 */

{
	font-size: 12px;
}




/* =Style Reset
-------------------------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table 
{
	border-collapse: separate;
	border-spacing: 0;
}		

caption, th, td 
{
	text-align: left;
	font-weight: normal;
}

table, td, th 
{
	vertical-align: middle;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before,
blockquote:after,
q:before,
q:after 
{
	content: "";
}

blockquote,
q 
{
	quotes: "" "";
}

/* Remove annoying border on linked images. */
a img 
{
border: none;
}

.col-1-3 img {
	border: 2px solid #ccc;
}


/* =Default Text
-------------------------------------------------------------------------------- */

p, a, form li, #footer li{ 
   font-family: 'DroidSansRegular',  sans-serif;
}

h2,h3,h4,h5,h6 
{ 
   font-family: 'DroidSansBold',  sans-serif;
   clear: both; 
}

h1 
{ 	
	font-family: 'DroidSansRegular',  sans-serif;
	margin:0;
	padding:0;
	line-height: 0;
}

h1.homeheading {
	color: #fbfb9b;
	margin-bottom: 20px;
	margin-left: 10px;
	font-size: 33px;
	font-weight: bolder;
	font-family: 'DroidSansBold',  sans-serif;
}

h1.homeheading span {
	color: #fff;
}

h2
{
	position: absolute;
	top: 90px; right: 0;
	text-align: right;
	color: #de208b;
	width: 900px;
	font-size:3.1em;
	line-height: 1em;
}

h2 span {
	position: absolute;
	left: -5000px;
}

h3 
{
	font-size:2.2em;
	color: #fff;
	line-height: 1em;
}

h4 
{
	font-size: 1.6em;
	font-weight: bold;
	margin: 0em 0 1.2em 0; 
}

h5 
{
	font-size: 1.6em;
	font-weight: bold;
	margin: 1.4em 0 0 0; 
}

h6 
{
	font-size: 1.4em;
	font-weight: bold;
	margin: 1.6em 0 0 0; 
}

p { 	
   font-family: 'DroidSansRegular',  sans-serif;
	color: #fff;
	font-size: 1.4em;
	margin: 1.5em 0; 
}	

a:link, 
a:visited { 
	color: #fbfb9b;
	text-decoration: none; 
	border-bottom: 1px dotted #eee;
	padding-bottom: 1px;
}

a:hover,
a:active  { 
	color: #b50000;
	text-decoration: none; 
	border-bottom: 0;
	padding-bottom: 1px;
	background: #fbfb9b;
}

ul.lists
{
	margin: 4px 0 0 0;
	list-style-type: none;
	
}

li.lists
{
	color: #fff;
	line-height: 1.5;
	font-size: 1.2em;
	margin-bottom: 3px;
	padding: 2px 0 2px 18px;
	border-bottom: 0px dotted #555;
}


strong      
{ 
	font-weight: bold; 
}

em         
{ 
	font-style: italic; 
}

blockquote 
{
color:#555555;
margin:1em 0pt;
padding-left:30px;
}

/* Horizontal Rule */

hr {
  background: #222; 
  color: #222;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
  margin: 2.4em 0 2em 0;
  border: none; 
}

* html hr  /* IE6 fix */
{ 
  margin: 2em 0 1.6em 0;
}



/* =Wrappers and Gutters
-------------------------------------------------------------------------------- */

.global-wrapper /* To push footer to bottom */
 {
 	min-height: 80%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;
 }   
 
.wrapper 
{
	float: left;
	width: 100%;
    margin: 0 auto;

}

.wrapper-head 
{
	float: left;
	width: 100%;
	height: 500px;
    margin: 0 auto;
   	background: url(images/top_bg.jpg) repeat 20% 0;
}

.wrapper-img {
	position: absolute;
	z-index: 0;
	top:0; left: 20px;
	width: 960px;
	height: 541px;
	margin: 0;
   	background: url(images/flower_deco_bg.png) no-repeat  0 -10px;
}





/* =Header and Search Banner
-------------------------------------------------------------------------------- */

#header
{
	position: relative;
    margin: 0 auto;
	width: 960px;
}






/* =Main Content Layout
-------------------------------------------------------------------------------- */

.logo
{
	float: left;
	margin-top: -40px;
	margin-left: -30px;

}

.logo span {
	position: absolute;
	left: -5000px;
}

.logo a {
	border: 0;
	outline: none;
	background: none;
}

#main-content
{
	position: relative;
    margin: 0px auto;
	width: 960px;
	margin-bottom: 60px;
	padding: 120px 0;
}

.col1
{
	float: left;
	width: 260px;
    margin: -300px 0 0 40px;
}

.col2 {
	float: right;
	width: 650px;
    margin: -450px auto 0;
}

.intro            
{ 
	position: absolute;
	font-size: 1.02em;
	top: 200px;right: -10px;
	z-index: 10;
	line-height: 1.6;
	width: 610px; 
	margin: 0;
	
}

.intro a           
{ 
	font-weight: bold;
	border: 0;
}

.intro p {
	margin: 5px 0 0 0px;
	padding: 10px;
	background-image:  url(images/red-fade.png);
	display: block;
	width: 560px;
}

.intro img {
	margin-bottom: 3px;
}


/* =Intro IMage
-------------------------------------------------------------------------------- */

.home-image {
	position: absolute;
	top: -310px; left:20px;
	z-index: 0;
 }

.deco-r {
	position: absolute;
	top: 510px;	left: 170px;
	z-index: 0;
}

.deco-l {
	position: absolute;
	z-index: 10;
	top: 50px;	left: 30px;
}





/* =Badges
-------------------------------------------------------------------------------- */

.facebook {
	position: absolute;
	top: -270px; left: 865px;
}

.facebook:hover {
	-webkit-transform: rotate(-8deg);
	-moz-transform: rotate(-8deg);

}





/* =IMages
-------------------------------------------------------------------------------- */

.shad { /* On IE6 IE7 Fix */
		width: 750px;
		height: 120px;
		margin: -35px 0 0 -50px;
		background: url(images/table_shad.png) no-repeat top;
}




/* =Video
-------------------------------------------------------------------------------- */

.vid iframe {
	border: 5px #d76967 solid; 
	padding: 0;
	margin: 0;
}

.vid p {
	text-align: center;
	width: 650px;
	padding-bottom: 50px;
	margin: 0;
	background: url(images/vid_shad.png) no-repeat bottom;
}

/* Code for old Vimeo Embed Code
.vid object { 
	position: relative;
	z-index: 100;
	width: 650px;
	margin: -20px 0 0 -30px !important;
	padding: 0px 30px 0 30px !important;
	background: url(images/vid_shad.pn) no-repeat bottom;
}

embed {
	border: 2px #d76967 solid; 
	margin: 0; 
	padding: 0;    	
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
}

.vid h3 {
	margin-bottom: -20px;
}
*/

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

#footer { /* On IE6 Fix */
	float: left;
	position: relative;
	z-index: 101;
	width: 100%;
	text-align: center;
    background: url(images/bot_bg.jp) repeat 41% 0;
}

ul.footer-details 
{	
	margin: 100px auto;
	width: 960px;
    list-style: none;
  	padding-bottom: 100px;
}

ul.footer-details li 
{
    display: block;
	font-size: 1.2em;
   	color: #fff;
   	margin-left: 50px;
}



/* =Top Navigation
-------------------------------------------------------------------------------- */

ul.top-nav
{
	float: right;
	margin-top: 0px;
}	

ul.top-nav li {
	margin-top: 15px;
	margin-left: -45px;
	float: left;
	padding: 0;
	display: block;
}

ul.top-nav li a,
ul.top-nav li a:visited {
	width: 140px; 
	height: 140px;
	display: block;
	text-decoration: none;
	border: 0;
	outline: none;
}

ul.top-nav li a span {
	position: absolute;
	left: -9999px;
}


ul.top-nav li a.h {
	background: url(images/nav/home.png) no-repeat 0 0;
}

ul.top-nav li a.v {
	background: url(images/nav/video.png) no-repeat 0 0;
}

ul.top-nav li a.p {
	background: url(images/nav/pack.png) no-repeat 0 0;
}

ul.top-nav li a.a {
	background: url(images/nav/about.png) no-repeat 0 0;
}

ul.top-nav li a.c {
	background: url(images/nav/contact.png) no-repeat 0 0;
}

ul.top-nav li a.t {
	background: url(images/nav/tips.png) no-repeat 0 0;
}



ul.top-nav li a:hover {  
   background-position: 0 -143px;
}


body.home ul.top-nav li a.h,
body.about ul.top-nav li a.a,
body.video ul.top-nav li a.v,
body.pack ul.top-nav li a.p,
body.cont ul.top-nav li a.c  { /* On IE6 Fix */
   background-position: 0 -143px;
}


/* =Hidden Skip Nav
-------------------------------------------------------------------------------- */


ul#skip-nav 
{
	position: absolute;
	left: -3000px;
}

ul#skip-nav li p
{
	text-indent: -3000px;
}





/* =Contact Form
----------------------------------------------------------- */

form {
	position: relative;

}

fieldset
{	
	width: 670px;
	margin: 35px 0 10px;
	text-align: left; 
}

fieldset legend
{  
	text-indent: -3000px;
}

fieldset label
{  
	float: left;
	width: 220px;
	margin: 5px 5px 0 0;
	font-size: 1.2em; 
	font-weight: bold;
	color: #313131;
}

fieldset ol 
{  
	list-style: none;

}

fieldset ol li 
{  
	position: relative;
	float: left;  	
	width: 608px;
	clear: left;  
    margin-bottom: 10px;	
    padding: 10px 20px;
   	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background:  url(images/contact_bg.png);
}


fieldset input,
fieldset textarea
{
	float: right;
	width: 340px;
	padding: 3px;
	border: #f2b0ae solid 1px;
	background: #fff url(images/input_shad.png) no-repeat;
}

fieldset input {
		font-size: 1.4em;
}

fieldset textarea {
	font-size: 1.4em;
	margin-top: 5px;
	width: 600px;
	height: 100px;
}

input:hover,
textarea:hover,
input:focus,
textarea:focus  {
	border: 1px solid #fef5c8;
}


em.req {
	font-size: .9em;
	color: #515151;
}

/* Buttons for Forms */

.submit {
	float: left;
	width: 100%;
	margin: -20px 0 0 -10px;
	background: url(images/table_shad.png) no-repeat top;
}

.submit a, 
.submit button {
    float:right;
    text-decoration:none;
    cursor:pointer;
    background:0;
    border: 0;
    outline: none;
    margin: 60px 30px 0 0px;
    padding: 0;
}

.submit button img, 
.submit a img{
    padding:0;
    border:none;
    outline: none;
}

.submit p {
	position: absolute;
	left: -5000px;
}





/* Validation */


div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	width:610px;
	position: absolute;
	left:0; bottom:0;
	font-size: 1.2em;
	bottom: 80px;
	padding: .3em 1em;
}

div.wpcf7-mail-sent-ok {
	border: 1px solid #749a01;
	background: #fff;
	color: #313131;
}

div.wpcf7-mail-sent-ng {

	color: #fff;

}

div.wpcf7-spam-blocked {
	border: 1px dotted #ffa500;
	background: #fff;
	color: #313131;

}

div.wpcf7-validation-errors {

	color: #fff;

}

span.wpcf7-form-control-wrap {
	position: relative;
}


span.wpcf7-not-valid-tip  {
	color: #a90101;
	background: #fbfb9b;
	border:1px solid #da0101;
	font-size:10pt;	
	position:absolute;
	left: 110px;
	padding:1px 5px;
	top:-05px;
	width:200px !important;
	z-index:100;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

img.ajax-loader {
	border: none;
	vertical-align: middle;
}




/* --------  =Tables  --------  */


table
{
	width: 100%;
	border-spacing:1px;
	margin: 30px 0 -50px;
	padding-bottom: 10px;
	font-weight:bold;
	color:#6b6d73; 

}

caption
{
	position: absolute;
	left: -5000px;
}

td, th
{
	padding:5px; 
	text-align: center;
}

thead tr th { /* On IE6 Fix */
   font-family: 'DroidSansBold',  sans-serif;
	font-weight: bold;
	font-size: 1.4em;
	padding:11px 8px; 
	color:#ffffff;
	background: url(images/table_hd_bg.png) no-repeat;
}


thead tr th.column-1 { /* On IE6 Fix */
   font-family: 'DroidSansRegular',  sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	text-align: left;
	padding-left: 25px;
	background: url(images/table_hd1_bg.png) no-repeat;
}


tbody th
{
    font-family: 'DroidSansBold',  sans-serif;
	font-weight:bold;
	padding-left:8px;
	background-color:#fff;
}


tbody tr {
	padding:8px; 
	text-align:left;
}

tbody tr.odd td
{
	background: #e1e1e1;
	border:1px solid #d1d1d1;
}

tbody tr td
{
	width: 100px;
	background:#fff;
	font-size: 1.2em;
	border:1px solid #d1d1d1;
}


tbody tr td.column-1 { /* On IE6 Fix */
    font-family: 'DroidSansBold',  sans-serif;
	width: 120px;
	text-align: left;
	color: #212121;
	font-weight: bold;
	padding-left: 25px;
	background: #fff url(images/tr_bg.png) no-repeat right;
}

tbody tr td img
{
	margin-top: 5px;
}

tfoot { /* On IE6 */
	border-spacing:0px;
	height: 70px;
}

tfoot tr.row-9 { 
	border-spacing:0px;
	height: 70px;
	background:  url(images/table_shad.png) no-repeat bottom left;

}

/* --------------------------------------------------------

Good night and good luck  

-------------------------------------------------------- */


/* --------------------------------------------------------

Good night to you too! heres johns css 

-------------------------------------------------------- */

#testimonials {
	margin-top: -120px;
	font-size: 14px; font-family: 'DroidSansRegular',  sans-serif;
}

#testimonials h3 {
	margin-bottom: 20px;
}

#testimonials b{
	display: block;
	margin-top: 5px; font-family: 'DroidSansBold',  sans-serif;text-align: right;
	
}

.test {
	padding: 10px;
	margin-bottom: 5px;
		background-image:  url(images/blank.png);
		border: 3px solid #f1d9d8;
}
h2.header {
	 font-family: 'DroidSansBold',  sans-serif;
	font-weight: bolder;
}
/* --------------------------------------------------------

End of johns css 

-------------------------------------------------------- */