@charset "utf-8";
/* basics */
* { margin: 0; }
body { font: Arial; margin: 0; padding: 0; text-align: center; color: #000; background: #FFDB4B url(/images/bg_body.gif) repeat-x top left; }
p { font: 12px Arial; line-height: 20px; margin-bottom: 10px; }
textarea { margin-top: 5px; width: 270px; height: 70px; font: 12px Arial; }
.clear { clear: both; height: 0px; }
.left { float: left; }
.right { float: right; }
form span { color: #CF4F32; }

/* page layout */
#container { width: 845px; margin: 0 auto; text-align: left; padding: 0; }
#header { margin-bottom: 0; height: 142px; }
#nav { background: url(/images/bg_nav.gif) no-repeat top left; height: 53px; margin-top: 1px; padding-left: 86px; }
#wrap {  background: url(/images/stock_flores.jpg) no-repeat top right; position: relative; top: -4px; min-height: 425px; }
#content { width: 380px; padding: 15px; height: 100%; /*min-height: 393px;*/ }
#footer { padding-top: 15px; background-color: #FFDB4B; background: url(/images/bg_footer.gif) repeat-x top left; }

/* nav */
#nav ul { float: left; margin: 0; padding: 0; list-style: none; }
#nav li { float: left; margin: 4px 16px 0 0; }
#nav a:link, #nav a:visited { display: block; padding: 10px 15px; font: 16px Arial; color: #286A75; text-decoration: none; }
#nav a:hover, .active { background-color: #E4F0F2; color: #BE381A !important; } 

/* content */
#content h1 { font: italic 24px Georgia, "Times New Roman", Times, serif; color: #CF4F32; padding-bottom: 25px; }
#content a:link, #content a:visited { font: 12px Arial; color: #BE381A; text-decoration: none; }
#content a:hover { text-decoration: underline; }
.num { font-size: 11px; display: box; padding: 2px 4px 3px 4px; border: 1px solid #000; margin: 0 2px; background-color: #B3DCE2; } 

/* footer */
#footer .inner_footer { width: 845px; margin: 0 auto; text-align: left; }
#footer .contact { width: 240px; float: left; }
#footer .inner_contact { background: url(/images/bg_contact.gif); padding: 20px; height: 130px; }
#footer .inner_contact img { border: none; padding: 0; }
#footer .inner_contact p { color: #5E1D00; }
#footer strong { font: italic 13px Georgia, "Times New Roman", Times, serif; color: #D12600; }
#footer a:link, a:visited { font: 13px Arial; color: #D12600; text-decoration: none; }
#footer .send { width: 575px; float: right; }
#footer .inner_send { background: url(/images/bg_contact.gif); padding: 20px; height: 130px; }
#footer h3 { font: italic 18px Georgia, "Times New Roman", Times, serif; color: #5E1D00; padding-bottom: 10px; padding-left: 15px; }
#footer input { margin-top: 5px; width: 230px; height: 15px; right: 0; }
#footer .submit { width: 80px; height: 30px; margin-top: 8px; margin-left: 135px; position: absolute; right: 0; }
#footer .copyright { float: right; font: 10px Arial; color: #B44617; margin-top: 10px; text-align: right !important; }

/* portfolio */
#portfolio { padding: 5px 0; }
#portfolio ul { text-align: center; margin: 0; padding: 0; list-style: none; }
#portfolio li { float: left; list-style: none; padding-bottom: 5px; }
#portfolio li img, #content img { padding: 4px; background-color: #FFF; border: 1px solid #CCC; margin: 5px 5px 5px 0; }
#portfolio p { font: 12px Verdana; margin: 0; padding: 0; padding-top: 10px; }
#portfolio p a:link, #portfolio p a:visited { font-size: 11px; display: box; padding: 2px 4px; border: 1px solid #000; margin: 0 2px; }
#portfolio p a:hover { background-color: #B3DCE2; text-decoration: none; }

.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 10px; letter-spacing:0px;}
.xsnazzy h1 {font-size:2.5em; color:#fc0;}
.xsnazzy h2 {font-size:2em; color:#234; border:0;}
.xsnazzy p {padding-bottom:0.5em; color:#000;}
.xsnazzy h2 {padding-top:0.5em; padding-left:10px;}
.xsnazzy {background: transparent; margin:0em;}

.xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.xsnazzy span {display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:10px solid #B3DCE2; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #fff;}

.xb1 {margin:0 8px; background:#fff;}
.xb2 {margin:0 6px; background:#fff;}
.xb3 {margin:0 4px; background:#fff;}
.xb4 {margin:0 3px; background:#B3DCE2; border-width:0 5px;}

.xb5 {margin:0 2px; background:#B3DCE2; border-width:0 4px;}
.xb6 {margin:0 2px; background:#B3DCE2; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#B3DCE2; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; background:#B3DCE2; border:3px solid #fff; border-width:0 3px;}