/* 

Title : 89Bytes - Promotion 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:#ff3c00; text-decoration:none; }
a:hover { text-decoration:underline; }


/*----------Header----------*/
#Header { background:#ff6000; }
#Header .TopArea { background:#ff3c00; padding:8px 0px; text-align:right; color:#383838; }
#Header .TopArea a { color:#fffffe; text-decoration:none; font-weight:bold; padding:0px 3px; }
#Header .TopArea a.selected, #Header .TopArea a:hover { color:#171717; }
#Header .Main { background:url(../images/h-divider-p.gif) left bottom repeat-x; height:85px; }
#Header .InnerMain { height:75px; }
#Header h1.logo { float:left; margin-top:15px; background:url(../images/89-pro.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 #ff6000; }
#Header .floatRight li a:hover  { border-bottom:5px solid #ff7800; }
#Header .floatRight li a.selected { border-bottom:5px solid #f73c02; }
#Header .floatRight li a.home { background:url(../images/home-p.gif) 2px top no-repeat; width:44px; }
#Header .floatRight li a.about { background:url(../images/about-p.gif) 2px top no-repeat; width:51px; }
#Header .floatRight li a.works { background:url(../images/works-p.gif) 2px top no-repeat; width:52px; }
#Header .floatRight li a.clients { background:url(../images/clients-p.gif) 2px top no-repeat; width:56px; }
#Header .floatRight li a.blog { background:url(../images/blog-p.gif) 2px top no-repeat; width:40px; }
#Header .floatRight li a.getInTouch { background:url(../images/get-in-touch-p.gif) 2px top no-repeat; width:102px; margin-right:0px; }
#Header .HeaderContent { background:url(../images/pro-moto.gif) left 35px no-repeat; height:85px; }
#Header .HeaderContent span { display:none; }


/*----------Content----------*/
#Content { background:#fff url(../images/content-bg-pro.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; }