/* 

Title : 89Bytes - Design Section StyleSheet Version 1.0

CSS Level : CSS 2.1

Author : Sujay Ghatak - 89Bytes Web Studio

URL : www.89Bytes.com

Created : October 22, 2008

Copyright: 89Bytes Web Studio. All Rights Reserved.

*/

/*----------Common----------*/

a { color:#850128; text-decoration:none; }
a:hover { text-decoration:underline; }


/*----------Header----------*/
#Header { background:#850129; }
#Header .TopArea { background:#760024; padding:8px 0px; text-align:right; color:#FFCC00; }
#Header .TopArea a { color:#fffffe; text-decoration:none; font-weight:bold; padding:0px 3px; }
#Header .TopArea a.selected, #Header .TopArea a:hover { color:#FFCC00; }
#Header .Main { background:url(../images/h-divider.gif) left bottom repeat-x; height:85px; }
#Header .InnerMain { height:75px; }
#Header h1.logo { float:left; margin-top:15px; background:url(../images/89-design.gif) left top no-repeat; }
#Header h1.logo a { display:block; width:200px; height:52px; }
#Header h1.logo a span { display:none; }
#Header .floatRight li a { border-bottom:5px solid #850129; }
#Header .floatRight li a:hover  { border-bottom:5px solid #9f0030; }
#Header .floatRight li a.selected { border-bottom:5px solid #6b0020; }
#Header .floatRight li a.home { background:url(../images/home-r.gif) 2px top no-repeat; width:44px; }
#Header .floatRight li a.about { background:url(../images/about-r.gif) 2px top no-repeat; width:51px; }
#Header .floatRight li a.works { background:url(../images/works-r.gif) 2px top no-repeat; width:52px; }
#Header .floatRight li a.clients { background:url(../images/clients-r.gif) 2px top no-repeat; width:56px; }
#Header .floatRight li a.blog { background:url(../images/blog-r.gif) 2px top no-repeat; width:40px; }
#Header .floatRight li a.getInTouch { background:url(../images/get-in-touch-r.gif) 2px top no-repeat; width:102px; margin-right:0px; }
#Header .HeaderContent { background:url(../images/design-moto.gif) left 35px no-repeat; height:85px; }
#Header .HeaderContent span { display:none; }


/*----------Content----------*/
#Content { background:#fff url(../images/content-bg.gif) center top repeat-x; padding:65px 0px 10px 0px; }
#Content .floatLeft { width:525px; }
#Content .floatLeft p { margin-bottom:15px; }
#Content .floatMid { width:200px; border-left:1px solid #e8e8e8; padding:0px 10px; margin-left:10px; }
#Content .floatRight { width:200px; border-left:1px solid #e8e8e8; padding-bottom:10px; }
#Content .fRight { width:400px; border-left:1px solid #e8e8e8; padding:0px 10px; }
#Content .headings, #Content .headingsBig, #Content .headingsBigNoMargin { margin-bottom:10px; border-bottom:1px solid #e8e8e8; }
#Content .headings { padding-bottom:10px; }
#Content .headingsBig { padding-bottom:3px; }
#Content .headingsBigNoMargin { margin-bottom:0px; padding-bottom:3px; }
#Content .headingsBigTopMargin { margin-bottom:0px; padding-bottom:10px; margin-top:10px; }
#Content .floatRight a { display:block; border-bottom:1px solid #e8e8e8; background-color:#fff; color:#333; text-decoration:none; padding: 7px 12px;  }
#Content .floatRight a:hover { background-color:#f2f2f2; }
#Content .floatRight a.selected { background-color:#333; color:#fff; }