/* Gagosian Group */

/* 

COLORS
----------------------
dark blue	#0E5AA8
light blue  #416D9A was 6195C1 before
black		#231F20

 */


/* 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; }
 * :focus { outline: 0; } 

/* LAYOUT */
html { height:100%; min-height: 100%; margin-bottom: 1px; } /* force scrollbar */
body { height:100%; background: #42423C; margin-top:20px}
#intro {width:800px; height:600px; margin: 0 auto; position: relative; }
#container { width:980px; margin: 0 auto; position: relative; }
#container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#homelink a {position:absolute; top:0px; right:1px; width:176px; height:148px; background: url(http://gagosiangroup.com/assets/gagosian.gif) no-repeat; text-indent:-3333px; overflow:hidden}
#homelink a:hover {background-position:0 -150px}
#content {width:786px; height:435px; background:url(../assets/bg.jpg) no-repeat; position:relative; top:96px; float:left}
	#quote {width:145px; height:180px; position:absolute; top:134px; left:59px;}
	#quoteover {width:145px; height:180px; position:absolute; top:234px; left:59px;}
	#leftphoto {width:152px; height:327px; position:absolute; top:15px; left:43px;}
	#line {width:2px; height:246px; position:absolute; top:58px; left:210px; background-color:#DDE5F1}
	#subnav {width:240px; height:22px; position:absolute; top:36px; left:230px;}
	#words {width:533px; height:260px; position:absolute; top:75px; left:230px;}
#blogcontent {width:979px; height:816px; background:url(http://gagosiangroup.com/assets/blog_bg.jpg) no-repeat; position:relative; top:96px; float:left}
.blogphoto {width:180px; height:121px; position:absolute; left:0px; top:0px; background:url(http://gagosiangroup.com/assets/blogphoto.jpg) no-repeat; }
.excerpt, .excepttemp {width:180px; float:left; margin-right:34px; margin-top:140px} /* without photo, margin-top was 60px  */
.post {padding: 0px 0 10px 0; float:left; width:410px;}
p.postmetadata{border-top: 2px solid #DDE5F1; border-bottom: 2px solid #DDE5F1; margin: 10px 0 0 0; padding-top:10px;}
#sidebar {position:absolute; right:10px; top:85px; color:#fff}
#sidebar ul{list-style-type: none; margin: 0; padding: 0 10px 0 10px;}
#sidebar ul li{padding: 10px 0 10px 0;}
#sidebar ul ul li{padding: 0;}
.wp-caption {text-align:left; margin-left:50px; float:right; position:relative; top:-40px}
table#wp-calendar{width: 80%;}
#rightside {width:193px; height:435px; position:relative; top:96px; float:left; background:url(../assets/bg-right.jpg) no-repeat}
#copyright {width:179px; height:95px; position:relative; top:96px; left:0px; float:left}
#footer {width:800px; height:95px; position:relative; top:96px; left:0px; float:left}

/* TYPE  */
strong { font-weight:bold; }
em, i { font-style:italic; }
p {padding-bottom:15px}
#words, .post {font: 13px/21px Georgia, "Times New Roman", Times, serif; color:#231F20;}
#quote, #quoteover, .excerpt {font: 12px/18px Georgia, "Times New Roman", Times, serif; color:#416D9A; font-style:italic}
#copyright {font: 9px/9px Georgia, "Times New Roman", Times, serif; color:#8d8d88; margin-top:35px}
h1, .post h1  {font: 20px/20px Georgia, "Times New Roman", Times, serif; color:#0E5AA8; padding-bottom:10px; text-transform:uppercase}
h2 {font: 18px/19px Georgia, "Times New Roman", Times, serif; color:#231F20; padding-bottom:15px}
h3 {font: 18px/19px Georgia, "Times New Roman", Times, serif; padding-bottom:15px}
.callout  { color:#416D9A; font-variant: small-caps; }
.date {font:11px/14px Verdana, Arial, Helvetica, sans-serif; padding-bottom:6px}
#sidebar ul li h2{font-family: Georgia, Sans-serif; font-size: 14px;}
#sidebar a {color:#fff}
.alignright {text-align:right}

/* LINKS */
a { color: #0E5AA8; }
a:link, a:visited, a:active { text-decoration: none; }
a:visited {color: #0E5AA8;}
a:hover {color:#416D9A; text-decoration: none; }

/* NAVIGATION */
#navigation {width:550px; height:52px; position: relative; left:43px; top:96px; background-image:url(http://gagosiangroup.com/assets/nav.gif); background-repeat:no-repeat; z-index: 9998;}
#navigation #nav {margin: 0; padding: 0; }
#navigation #nav li {display: inline; }
#navigation #nav li a {float: left; height: 0; padding-top: 52px; overflow: hidden; background-image: url(http://gagosiangroup.com/assets/nav.gif); _background-image: url(http://gagosiangroup.com/assets/nav.gif); background-repeat: no-repeat;}

/* NAV DEFAULT STATES */
#navigation #nav li#about a {width:81px; background-position: 0 0; }
#navigation #nav li#deal a {width:133px; background-position: -81px 0; }
#navigation #nav li#network a {width:83px; background-position: -214px 0; }
#navigation #nav li#contact a {width:98px; background-position: -297px 0; }
#navigation #nav li#blog a {width:155px; background-position: -395px 0; }

/* NAV OVER STATES */
#navigation #nav li#about a:hover { background-position: 0 -50px; }
#navigation #nav li#deal a:hover { background-position: -81px -50px; }
#navigation #nav li#network a:hover { background-position: -214px -50px; }
#navigation #nav li#contact a:hover { background-position: -297px -50px; }
#navigation #nav li#blog a:hover { background-position: -395px -50px; }

/* NAV ON STATES */
#navigation.about #nav li#about a { background-position: 0 -100px !important; cursor: default; }
#navigation.deal #nav li#deal a { background-position: -81px -100px !important; cursor: default;}
#navigation.network #nav li#network a { background-position: -214px -100px !important; cursor: default;}
#navigation.contact #nav li#contact a { background-position: -297px -100px !important; cursor: default;}
#navigation.blog #nav li#blog a { background-position: -395px -100px !important; cursor: default;}

/* SUBNAV */
#subnav a {padding-right:15px; font: 11px/17px Georgia, "Times New Roman", Times, serif; color:#231F20}
#subnav a:hover {color:#416D9A}
a.active {color:#416D9A!important; cursor: default;}

/* SCROLLER */
.jScrollPaneContainer {position: relative; overflow: hidden; z-index: 1;}
.jScrollPaneTrack {position: absolute; cursor: default; right: 0; top: 0; height: 100%; background: url(http://gagosiangroup.com/assets/scroller_track.gif) repeat-y}
.jScrollPaneDrag {position: absolute; background: url(http://gagosiangroup.com/assets/scroller_handle.gif) repeat-y 0 50%; cursor: default; overflow: hidden;}
.jScrollPaneDragTop {position: absolute; top: 0; left: 0; overflow: hidden; background: url(http://gagosiangroup.com/assets/scroller_handle.gif) no-repeat; height: 1px;}
.jScrollPaneDragBottom {position: absolute; bottom: 0; left: 0; overflow: hidden; background: url(http://gagosiangroup.com/assets/scroller_handle.gif) no-repeat; cursor: default; height: 1px;}
.scroll-pane {width: 680px; overflow: auto; float: left; height: 630px;}
#scrollholder {margin-top:93px;  margin-left:70px}