/*//////////////////////////////
// Import
//////////////////////////////*/
@import url(http://yui.yahooapis.com/3.4.1/build/cssreset/cssreset-min.css);
@import url(http://fonts.googleapis.com/css?family=Averia+Serif+Libre:300,400,700&subset=latin,latin-ext);

/*//////////////////////////////
// Globals
//////////////////////////////*/
html,body{width:100%;height:100%;background:#dddfd4;}
body{font:normal 16px/18px Georgia,"Times New Roman",Times,serif;}
a{color:#265521;}
strong{font-weight:bold;}
em{font-style:italic;}
p{font-size:12px;line-height:20px;margin:0 0 10px;}
h1{font:300 25px/27px "Averia Serif Libre",Georgia,"Times New Roman",Times,serif;}
h2{font:300 20px/22px "Averia Serif Libre",Georgia,"Times New Roman",Times,serif;}
li{font-size:12px;line-height:20px;margin:0 0 10px;}

/*//////////////////////////////
// Structure
//////////////////////////////*/
#main-container{width:900px;margin:50px auto 0;position:relative;}
#main-container #border{background:#fffef9;border:10px double #b8bba8;float:left;width:100%;padding:15px 0 10px;}
#main-container #header,
#main-container #content,
#main-container #footer{float:left;width:840px;margin:0 35px;clear:both;position:relative;}
#main-container #header.ornament{background:url(../img/ornaments/ornament-top-flower.jpg) no-repeat top right;height:101px;}
#main-container #content{margin:20px 0;}
#main-container #content .row{float:left;width:984px;margin:0 35px;}
#main-container #content .row .col{float:left;width:434px;}
#main-container #content .row .col2{float:left;width:474px;}
#main-container #content .row .col3{float:left;width:650px;}
#main-container #content .row .col h1{margin:0 0 10px;}
#main-container #content .row .col p{color:#333;}
#main-container #content .row .col ul { margin: 0 0; padding: 0 0 10px 14px; }
#main-container #content .row .col li { list-style-type: disc; margin: 3px 0 0 0; padding: 0; color:#333; }
#main-container #content .row .col2 h1{margin:0 0 10px;}
#main-container #content .row .col2 p{color:#333;}
#main-container #content .row .col.sidebar{float:right;width:495px;}
#main-container #content .row .col.sidebar2{float:right;width:300px;}
#main-container #content .row .col.sidebar2{float:right;width:279px;}
#main-container #footer{background:url(../img/lines/line-footer.gif) repeat-x 0 0;padding:20px 0 10px;text-align:center;}
#main-container #footer p{font-size:12px;line-height:14px;color:#333;}

/*//////////////////////////////
// Navigation
//////////////////////////////*/
#nav{float:left;margin:52px 0 0 20px;}
#nav ul,
#nav ul li,
#nav ul li a{float:left;position:relative;}
#nav ul{background:url(../img/lines/line-nav.gif) repeat-x bottom left;padding:0 15px 10px;}
#nav ul li a{width:auto;font-size:14px;color:#333;text-decoration:none;padding:0 8px 5px 0;}
#nav ul li a:before{content:'•';padding:0 8px 0 0;}
#nav ul li:first-child a:before{content:'';}
/* Submenu */
#nav ul li ul{background:#fefefe;border:1px solid #ccc;width:220px;padding:10px;position:absolute;top:20px;left:-5px;z-index:999;display:none;}
#nav ul li ul li{float:left;width:100%;}
#nav ul li ul li a{float:left;width:100%;font-size:12px;line-height:18px;padding:0;}
#nav ul li ul li a:before{content:'';}
#nav ul li ul li a:hover{background:#f1f1e7;}
/* Behaivoir */
#nav ul li:hover ul{display:block;}
/* CSS3 */
#nav ul li ul{
/* Border */
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
/* Shadow */
box-shadow:0 3px 4px rgba(0,0,0,.3);
-moz-box-shadow:0 3px 4px rgba(0,0,0,.3);
-webkit-box-shadow:0 3px 4px rgba(0,0,0,.3);
-o-box-shadow:0 3px 4px rgba(0,0,0,.3);
-ms-box-shadow:0 3px 4px rgba(0,0,0,.3);
}
#nav ul li ul li a{
border-radius:3px;
}

/*//////////////////////////////
// Specifics
//////////////////////////////*/
#main-container #header .logo{background:url(../img/brokinds-logo.jpg) no-repeat 0 0;float:left;width:193px;height:57px;margin:35px 0 0;text-indent:-999px;overflow:hidden;}
#main-container #header .ornament{background:url(../img/ornaments/ornament-top-flower.jpg) no-repeat 0 0;float:left;width:120px;height:101px;text-indent:-999px;overflow:hidden;position:absolute;top:0;right:0;}