/*
Style Name: Greens

Style URI: http://www.eleventy72.com/style/index.css

Description: Started January 2007.

Version: 3.0

Author: Jason Robb, Andrew Parroccini

Author URI: http://www.eleventy72.com, 
			http://www.jasonrobb.com, 
			http://www.parroccini.com


Table of Contents:

		import rules

		all media - normalization

		handheld media

		print media

		screen media

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


/* IMPORT RULES
--------------------------- */
@import url(/style/type.css);
@import url(/style/color.css);


/* ALL MEDIA STYLE
--------------------------- */

@media all {

/* Normalization - Conform or perish
---------------- */

:link,:visited { text-decoration:none }

ul,ol { list-style:none; list-style-position: outside; }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,abbr,code,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

a, a img,:link img,:visited img { border:none }

address { font-style:normal }

/* quote fixer-upper - turns off browser generated quotes
-- for more info goto: color.css -> div#content q 
---------------- */
q:before, q:after {
    content: ""; }

} /* end all media */



/* HANDHELD MEDIA
---------------------------- */

@media handheld {

body { 
		background-color: #fff; 
		border: 0;
		color: #000;
		margin: 1em;
		padding: 1em;
		width: 100%;
		}

div#branding,
div#content,
div#content_main,
div#content_supp,
div#site_info { 
		position: relative;
		}


} /* end handheld media */




/* PRINT MEDIA
---------------------------- */

@media print {

body { margin: 0; padding: 0; width: 100%; }

#nav_main ul, #site_info h4, #site_info ul { display: none; text-indent: -9999px; }

#branding {
		background-image: url(/img/leaf3.jpg) !important;
		background-position: 0 100% !important;
		background-repeat: repeat !important;
		}

div#branding p {
		background-color: inherit;
		color: #048;
		font-weight: bold;
		}

ul#nav_main li a:link,
ul#nav_main li a:visited,
ul#nav_main li a:focus,
ul#nav_main li a:hover,
ul#nav_main li a:active {
		display: none;
		margin: 0 !important;
		}

div#content { background-color: #fff; color: #000; }

div#content_main { border-left: none; }

div#content h2 { margin-left: 0; }

div#site_info { margin-top: 1em }

div.pink-flowers, p.intro, ul li a:link { border: 0; }
img#pink-flowers { height: 200px !important; width: auto !important; }


} /* end print media */




/* SCREEN MEDIA
---------------------------- */

@media screen {


/* Layout basics and elements
--------------- */

body 	{
		margin: 0 auto;
		position: relative;
		width: auto;
		max-width: 72em;
		min-width: 48em;
		}

div#content {
		height: 100%;
		margin: 0 auto;
		position: relative;
		width: 100%;
		}


/* Navigation - navigation.html
--------------- */

div#branding {
		height: 100%;
		position: relative;
		width: 100%;
		z-index: 10;
		}

div#branding h1 {
		height: 100%;
		width: 100%;
		}

div#branding h1 a {
		display: block;
		height: 100%;
		position: absolute;
		overflow: visible;
		text-indent: -9999px;
		width: 35%;
		z-index: 11;
		}

div#branding p { 
		display: none;
		}

div#branding ul {
		height: auto;
		left: 35%;
		position: relative;
		top: 0;
		width: 65%;
		z-index: 12;
		}

ul#nav_main li a:link,
ul#nav_main li a:visited,
ul#nav_main li a:focus,
ul#nav_main li a:hover,
ul#nav_main li a:active {
		display: block;
		padding-left: 2em;
		}


/* Content - Main
--------------- */

div#content_main {
		left: 35%;
		padding: 0 0 6em 3em;
		position: relative;
		right: 0;
		width: 55%;
		}

p.intro {
		margin-left: 0 !important;
		margin-top: 1em;
		padding: .5em !important;
		}

div#content p,
div#content ul {
		padding-top: 1em;
		}


/* Content - Supp
--------------- */

div#content_supp {
		left: 0;
		padding: .25em 0 150px 0;
		position: absolute;
		top: 0;
		width: 35%;
		z-index: 9;
		}

div#content_supp h3,
div#content_supp h4,
div#content_supp h5,
div#content_supp p {
		margin-left: 30px !important;
		margin-right: 20px !important;
		}

div#content_supp li { padding-left: 30px; }



/* Home - home.php
---------- */

div.pink-flowers {
		display: block;
		font-size: 1.4em;
          margin-top: 1.5em;
		margin-left: -10px;
		margin-right: -10px;
		padding: 5px 15px 0 10px !important;
		}

div.pink-flowers p {
          margin: 0 !important;
          padding: 0 !important;
          }

img#pink-flowers {
		clip: auto;
		overflow: hidden;
          margin: 10px 10px 5px 0;
		width: 100%;
		}

div#home_supp {
		display: inline-block;
		position: relative;
		}

/* div#home_services {
		left: 51%;
		position: relative;
		top: 0;
		width: 50%;
		}

div#home_contact_us {
		float: left;
		clear: left;
		left: 0;
		position: absolute;
		top: 0 !important;
		width: 49%;
		} */


/* Recent Projects home - recent-projects.html
--------- */

body.home #recent_projects li {
	   	display: inline-block;
		margin-left: 0 !important;
	    	}

/* body.home #content_main #recent_projects li {
		padding-left: 15px;
		}
body.home #content_supp #recent_projects li {
		padding-left: 2em;
		}
*/

body.home #recent_projects h4 {
		padding: .25em 0 0 0 !important;
		margin: .25em 0 0 0 !important;
		}

body.home #recent_projects p {
		padding: .25em 0 !important;
		margin: 0 0 .25em 0 !important;
		}


/* Contact - contact.php
--------- */

div#content form p {
		display: block;
		padding: .25em 0;
		}


/* About and Recent Projects list styles
---------- */

body.services ul.services li a,
.recent-projects li a,
.people li a {
		display: block;
		width: 100%;
		}

/* services category start */
body.services ul.services li a:link,
body.services ul.services li a:visited,
body.services ul.services li a:focus,
body.services ul.services li a:hover,
/* clients studies start */
.recent-projects li a:link,
.recent-projects li a:visited,
.recent-projects li a:focus,
.recent-projects li a:hover,
/* about people start */
.people li a:link,
.people li a:visited,
.people li a:focus,
.people li a:hover {
		padding: .5em 0 !important;
		margin-left: -11px !important;
		padding-left: 10px !important;
		}


/* About - people faces
---------------

#jason-face {
		clear: left;
		clip: auto;
		float: left;
		height: 150px;
		margin: 0 1em 1em 0;
		overflow: hidden;
		} */


/* Clients
--------------- */

a.client-website {
		display: inline-block;
		float: left;
		margin: 1.5em 20px 20px 0;
		padding-bottom: 20px !important;
		}

a.client-website:hover {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
		}

a.client-website span {
		display: none;
		}

a.client-website:hover span {
		clear:left;
		display: block;
		padding: 10px 0 !important;
		margin-bottom: 0 !important;
		text-align: center;
		width: 150px;
		}

a.client-website img {
		display: block;
		float: left;
		}

p.client-thumb {
		margin-top: 1.5em;
		text-align: left;
		}

p.client-thumb a {
		margin: 20px 5px !important;
		}

p.client-thumb a img {
		margin-bottom: 10px;
		}


/* Sitemap
--------------- */

body.sitemap #content_main ul li {
		list-style-type: none;
		margin: .25em 0 0 0;
		padding: .25em 0;
		}

body.sitemap #content_main ul li.sub {
		list-style-type: none;
		margin: .3em 0 0 10px;
		}

body.sitemap #content_main ul li a {
		padding: .5em .5em !important;
		}


/* Footer - footer.php
--------------- */

div#site_info {
		bottom: 0;
		clear: both;
		display: block;
		padding-bottom: 2em;
		position: relative;
		text-align: left;
		z-index: 20;
		}

div#site_info li {
		display: inline;
		}

div#site_info a {
		padding: 5px !important;
		}

div#nav_supp {
		display: inline-block;
          left: 35%;
		padding-left: 3em;
          position: relative;
		top: 0;
		width: 55%;
		}

div#qc {
		display: inline-block;
          position: absolute;
		left: 30px;
		text-align: left;
		top: 0;
		width: 25%;
          }

div#qc ul { display: inline; }


} /* end screen media */