@charset "UTF-8";
/* Torchio Nursery Company */
/* Copyright (c) 2007 Brough Communications [http://wwww.brough.com] */
/* Developed by Tarena [tarena@brough.com] and Kevin [kevin@brough.com] */
/* For Screen */

/************** Root Elements **************/
html, body { margin:0; padding:0; }
body { font:68.75%/1.5 Arial,Helvetica,sans-serif; color:#555; 
	background:#f9f8f6 url("../img/decor/background.gif") 50% 0 repeat-x; }

/************** Headings **************/
h1 { margin:10px; padding:0; color:#636100; font-size:250%; }
h2 { margin:0; padding:0; color:#636100; font-size:180%; }
h3 { margin:0; padding:0; color:#636100; font-size:150%; }
h4, h5, h6 { margin:10px 0 0 0; padding:0; color:#a0410d; font-size:120%; }
.page-availability h2, .page-shipping h2, .page-about h2, .page-contact h2 { float:right; margin:0; 
	padding:0; width:135px; height:414px; text-indent:-99999px; }
.page-availability h2 { width:224px; background:url("../img/decor/h2_availability.jpg") 100% 0 no-repeat; }
.page-shipping h2 { background:url("../img/decor/h2_shipping.jpg") 100% 0 no-repeat; }
.page-about h2 { background:url("../img/decor/h2_about.jpg") 100% 0 no-repeat; }
.page-contact h2 { width:157px; background:url("../img/decor/h2_contact.jpg") 100% 0 no-repeat; }

/************** Links **************/
a:link { color:#636100; text-decoration:none; }
a:visited { color:#326100; text-decoration:none; }
a:hover, a:focus, a:active { border-bottom:1px solid #636100; color:#a0410d; text-decoration:none; }
a img, h1 a, h1 a:hover { display:block; border:0 none; }

/************** Standard Elements **************/
blockquote { margin:0; padding:0; }
blockquote p { margin:0; padding:0; }
blockquote cite { display:block; font-weight:bold; font-style:italic; }
p { margin:5px 0; padding: 0; }
address { font-style:normal; }
.notice { color:#a0410d; font-weight:bold; }

/************** Form Elements **************/
legend { font-size: 110%; font-weight:bold; color:#555; }
fieldset { margin:5px 10px 5px 0; }
input, textarea, select { font:100% Arial,Helvetica,sans-serif; }
input { vertical-align:middle; }
textarea { width:300px; height: 50px; vertical-align:baseline; }

/************** Page Layout **************/
#container { position:relative; margin:0 auto; padding:0; width:780px; }
#tagline { position:absolute; top:70px; left:220px; }
#flower { position:absolute; top:50px; right:-60px; width:281px; height:518px; 
	background:url("../img/decor/flower.png") 0 0 no-repeat; }
#content-container { width:780px; }
.page-home #content-container { width:664px; }
#photo { float:left; margin:0; padding:0; width:385px; height:160px; 
	background:url("../img/rotate/warehouse_1.jpg") 0 0 no-repeat; }
#text { float:right; margin:0; padding:0 0 0 10px; width:606px; 
	background:#fff url("../img/decor/text_corner.gif") 0 0 no-repeat; }
.page-home #text { padding:12px 55px 12px 10px; width:200px; 
	background:#fff url("../img/decor/text_bg.gif") 0 100% repeat-x; }
#comments-container { float:left; width:370px; margin:0; padding:0 0 0 10px; }
#comments-shape { width:270px; margin:0; padding:0 95px 0 0; min-height:92px; 
	background:url("../img/decor/icon_flower1.gif") 100% 0 no-repeat; }
#comments-container blockquote { margin:0; padding:0; background:#eceae3; min-height:85px; }
#footer { text-align:center; color:#636100; clear:both; }

/************** Navigation **************/
#nav { margin:0; padding:0 0 300px 0; list-style:none; width:150px; float:left; color:#fff; 
	background:#67652a url("../img/decor/nav_bg.jpg") 0 100% repeat-x; }
.page-home #nav { width:auto; padding:0; border-bottom:1px solid #fff; float:none; background:#66642b; }
#nav li { display:inline; }
#nav li a { display:block; float:left; margin:0; padding:0; border-bottom:0 none; height:27px; width:150px; 
	color:#fff; text-indent:-99999px; }
#nav li#nav-availability a { background:url("../img/nav/availability.gif") 50% 0 no-repeat; }
#nav li#nav-shipping a { background:url("../img/nav/shipping.gif") 50% 0 no-repeat; }
#nav li#nav-about a { background:url("../img/nav/about.gif") 50% 0 no-repeat; }
#nav li#nav-contact a { background:url("../img/nav/contact.gif") 50% 0 no-repeat; }
#nav li#nav-availability a:hover, #nav li#nav-shipping a:hover,
#nav li#nav-about a:hover, #nav li#nav-contact a:hover { color:#f8a626; background-position:50% -26px; }

/************** Custom Corners **************/
.cbb { margin:0; padding:0; border:1px double #636100; background:#fff; } /* No Script */
.cb { margin:0; }

.bt { margin:0 0 0 18px; height:25px; 
	background:url("../img/tccb/container/box.png") 100% 0 no-repeat; } /* top */
.bt div { position:relative; left:-20px; height:25px; width:20px; 
	background:url("../img/tccb/container/box.png") 0 0 no-repeat; }
.bb { margin:0 0 0 18px; height:35px; 
	background:url("../img/tccb/container/box.png") 100% 100% no-repeat; } /* bottom */
.bb div { height:35px; width:20px; position:relative; left:-20px; 
	background:url("../img/tccb/container/box.png") 0 100% no-repeat; }
.i1 { padding:0 0 0 7px; 
	background:url("../img/tccb/container/borders.png") 0 0 repeat-y; } /* left */
.i2 { padding:0 7px 0 0; 
	background:url("../img/tccb/container/borders.png") 100% 0 repeat-y; } /* right */
.i3 { padding:60px 0 0 0; background:#fff url("../img/decor/header.jpg") 0 0 repeat-x; } /* wrapper */
.page-home .i3 { padding:88px 0 0 0; background:#fff url("../img/decor/header_home.jpg") 0 0 repeat-x; } /* wrapper */

#comments-quote.cb, #comments-quote.cbb { margin:10px 0; }
#comments-quote .bt { margin:0 0 0 18px; height:15px; 
	background:url("../img/tccb/comments/box.gif") 100% 0 no-repeat; } /* top */
#comments-quote .bt div { position:relative; left:-18px; height:15px; width:18px; 
	background:url("../img/tccb/comments/box.gif") 0 0 no-repeat; }
#comments-quote .bb { margin:0 0 0 18px; height:15px; 
	background:url("../img/tccb/comments/box.gif") 100% 100% no-repeat; } /* bottom */
#comments-quote .bb div { height:15px; width:18px; position:relative; left:-18px; 
	background:url("../img/tccb/comments/box.gif") 0 100% no-repeat; }
#comments-quote .i1 { padding:0; border-left:1px solid #636100; } /* left */
#comments-quote .i2 { padding:0; border-right:1px solid #636100; } /* right */
#comments-quote .i3 { padding:0 15px; background:#efefef; } /* wrapper */

/************** Classes **************/
.i3:after, .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.i3, .clearfix { display:inline-block; }
/* Hide from IE Mac \*/
.i3, .clearfix { display:block; }
/* End hide from IE Mac */
