/* get other css */
@import url("reset.css");
@import url("typography.css");
@import url("uni-form.css");

/* COLORS */
/*
#edf6f9 - light blue
#a5d7eb - mid blue
#57b6dd - blue
#faf2ea - light brown
#2F1A09 - brown
*/

/* SNIPPETS */
img { border:0; }
input { vertical-align:middle; }
.float-left { float:left; }
.float-right { float:right; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.text-justify { text-align:justify; }
.clear:after { content: "."; display:block; height:0; clear:both; visibility:hidden;}
.clear { display: inline-block; }
html[xmlns] .clear { display: block; }
* html .clear { height: 1%; }


/* ************ Begin General Layout Styles ************ */

/* BODY */
body {background:#2F1A09;}


/* CONTAINER */
#wrapper {background:#ffffff;}
#container {margin: 0 auto 35px auto; width:900px; padding:50px; padding-bottom:30px;}


/* HEADER */
#header{background:url('../images/top_border.gif') repeat-x bottom; height:90px; margin-top:15px; position: relative;}
#logo {height:70px;}
#top {margin:15px 0 35px 0;}
#top h2, #top h3 {font-weight:100; line-height:1.4em;}
#top h3 {font-size:1.5em;}
#ifractal {position: relative; left:710px; bottom:27px}

/* CONTENT */
#content {float:left; width:600px; padding-right:15px; min-height:340px; }
#content p.first:first-letter{ font-size:3.2em; float:left; padding:5px 5px 0 0; }
#right {float:right; width:265px;}
#right h4 { font-style:italic; line-height:1.8em; font-size:1.1em;}
#right p { font-size:.8em;}
#right td { font-size:.8em; padding:5px;}
#right li { font-style:italic; line-height:1.4em; font-size:.9em; }
#right li a {cursor: hand; cursor: pointer; }
#right li div { line-height:1.4em; font-size:.9em; color:#57b6dd; font-family:Arial, Helvetica, sans-serif; font-style:normal; margin:8px;}
#demo {padding:15px; display:block; border:1px solid #57b6dd; background:#edf6f9; margin-bottom:20px; }
#demo table {font-size:.9em;}
.demo-button {padding:10px; display:block; text-align:center; text-decoration:none; color:#edf6f9; font-weight:bold; border:1px solid #57b6dd; background:#57b6dd url(../images/button_bg.gif) repeat-x top center; -moz-border-radius:8px; -webkit-border-radius:8px;}
.demo-button:hover {color:#ffffff; background:#57b6dd url(../images/button_bg2.gif) repeat-x top center;}
.in-the-box {float:right; }


/* FOOTER */
#footer{background:url('../images/border_bottom.gif') repeat-x top; margin-top:10px; text-align:right; padding-top:20px; font-size:.7em;}
#footer p {padding-bottom:5px;}


/* EXTRA */
#extra {height:40px; width:100%; background:#2F1A09 ; position:absolute; top:0;}
#extra form{width:900px; margin:10px auto; text-align:right;}
#extra label{color:#fff; font-size:.7em;  }
#extra input.txtBox { width:100px; height:1em; font-size:.8em; position:relative; top:-2px;  }
#extra input.submit { font-size:.7em; background:#a5d7eb; border:none;  position:relative; top:-1px; -moz-border-radius:6px; -webkit-border-radius:6px; }
.syo {color:#57b6dd;}

/* FEATURES PAGE */
.tabnav { display:block; margin-bottom:20px; }
#tabvanilla ul li{ width:200px; float:left; line-height:2.2em; font-size:.9em;}
#tabvanilla img{ position: relative; top:3px;}
#tabvanilla	ul li a{text-decoration:underline;}	
#tabvanilla	ul li a:hover{text-decoration:none;}	
.ui-tabs-hide {display: none;}

/*demo*/
.detail {color:#666; font-size:.7em;}