/* CSS Document */

/*************************************************   RESET   *************************************************/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size: 1em; font-weight: normal; font-style: normal;}
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/*************************************************   LAYOUT   *************************************************/
html, body {font: 12px/18px Arial, Helvetica, sans-serif; color:#333; background:url(../images/bg_header.gif) repeat-x;}
#bg-wrap{background:url(../images/bg_content.png) no-repeat center 86px;}
.container{width:960px; margin:0 auto; position:relative;}
#header{position:relative; overflow:hidden}
#content{position:relative; padding-top:20px; overflow:hidden; margin-bottom:20px}
#footer{position:relative; background:#383632; overflow:hidden}
.clear{height:1px; clear:both; font-size:1px; line-height:1px}

/* Global Grid */
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12{display:inline; float:left; margin-left:10px; margin-right:10px;}

/* Children */
.first{margin-left:0;}
.last{margin-right:0;}
.center{margin:0 auto;}
.left{float:left;}
.right{float:right}
.block{margin-bottom:20px}

/* 12 Columns */
.container .grid-1{width:60px;}
.container .grid-2{width:140px;}
.container .grid-3{width:220px;}
.container .grid-4{width:300px;}
.container .grid-5{width:380px;}
.container .grid-6{width:460px;}
.container .grid-7{width:540px;}
.container .grid-8{width:620px;}
.container .grid-9{width:700px;}
.container .grid-10{width:780px;}
.container .grid-11{width:860px;}
.container .grid-12{width:940px;}


/*************************************************   DEFUALTS   *************************************************/
a{cursor:pointer}
a:hover{text-decoration:none;}
p{margin-bottom:20px}
ul{margin-bottom:20px; list-style:disc inside;}
ol{margin-bottom:20px; list-style:decimal inside;}
h1{font-size:22px; margin-bottom:14px; border-bottom:1px solid #ccc; line-height:30px}
h2{font-size:18px; margin-bottom:10px; font-weight:bold}
h3{font-size:16px; margin-bottom:10px; font-weight:bold}
h4{font-size:14px; font-weight:bold; margin-bottom:6px;}
strong{font-weight:bold}

/*************************************************   HEADER  *************************************************/
#logo{width:204px; height:92px; float:left; overflow:hidden; margin:0; padding:0}
#logo a{height:92px; text-indent:-9999px; background:url(../images/logo_bryn_mawr.gif) no-repeat; display:block}
#nav{list-style:none; right:0; position:absolute; top:45px}
#nav li{list-style:none; display:inline;}
#nav li a{color:#fff; text-decoration:none; margin-left:10px; padding:5px 10px; font-size:14px; font-weight:bold}
#nav li a.active, #nav li a:hover{background:#000}

/*************************************************   CONTENT   *************************************************/
#action{position:relative; overflow:hidden; margin-bottom:20px}
#action img{float:left; margin-right:1px}
#oneleft{position:absolute; top:0; left:0; z-index:2}
.tour{position:absolute; bottom:0; left:313px}
.beige{background-color:#eceae3; padding:20px 20px 0 20px; overflow:hidden}
.brown{background-color:#383632; padding:20px 20px 0 20px; color:#fff; overflow:hidden; color:#c5c5c4}
.brown h3{color:#fff}
.brown a{color:#fff}
.brown strong{color:#a50000}
#openhouse{float: left; margin-right:10px; margin-bottom:10px}
.beige h3{border-bottom:1px solid #ccc; line-height:20px; }
.map{float:left; margin-right:20px; margin-bottom:20px}
#map li{list-style:none;}
#gallery{margin-bottom:20px; overflow:hidden}
.panes{height:280px; width:420px; overflow:hidden; float:left;}
.panes div {display:none; height:280px; width:420px;}
ul#tabs {margin:0 !important; padding:0; width:195px; float:right}
ul#tabs li{width:62px; height:62px; float:left; list-style:none; padding:0; margin:0 0 2px 2px}
ul#tabs a {text-decoration:none; border:1px solid #fff; display:block; outline:none}
ul#tabs a:hover, ul#tabs a.current {border-color:#a50000}
#googlemap{float:right; margin-left:20px; margin-bottom:20px}

/*************************************************   HOMEPAGE   *************************************************/

/*************************************************   FOOTER   *************************************************/
#footer{text-align:center; padding:20px 0; color:#c5c5c4}
#footer a{color:#fff;}
#nav-footer{margin-bottom:20px;}
#nav-footer a{margin:0 10px}