/******************************************************
       Project:  Borislav Boyanov & Co.

       Company:  BSH
     Developer:  Martin Metodiev

    Started on:  12/01/2010
    Updated on:  09/04/2010

    Sheet type:  DEFAULT Stylesheet
******************************************************/



/******************************************************
    LIST OF CONTENTS

        Global styles      :    Clearfix
                           :    Common
                           :    Links
                           :    Headings
                           :    Forms
                           :    CMS input


        Layout             :    Body
                           :    Wrapper
                           :    Top line
                           :    Header
                           :    Page title
                           :    Main
                           :    Footer


        Top line           :    Breadcrumbs
                           :    Languages


        Header             :    Logo
                           :    Navigation


        Page title         :    Page image
                           :    Title
                           :    Text


        Main               :    Content
                           :    Sidebar


        Footer             :    Contacts
                           :    Copyright
                           :    BSH


        Page elements      :    News


        Sidebar elements   :    Rankings
                           :    Insight
                           :    Deals and cases
                           :    Lawyers
                           :    Practices


        Inner pages        :    The Firm
                           :    Rankings
                           :    Contact Us
                           :    Practices
                           :    Clients
                           :    Deals & Cases
                           :    Lawyers
                           :    Lawyer Profile
                           :    News

******************************************************/



/* ************************ GLOBAL STYLES */

/* .................. Clearfix */
	.clearfix:after,
	div#top_line:after,
	div#breadcrumbs ul:after,
	div#header:after,
	div#navigation ul.sectors:after,
	div#footer:after,
	div#main:after,
	div.home_page div.rankings:after,
	div.home_page div.rankings ul#rankings li:after,
	div.rankings_page ul li:after,
	div#sidebar div.lawyers ul li:after,
	div.lawyers_page ul li:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		font-size: 0pt;
	}
/* ........................... */


/* .................... Common */
     div.excerpt {
            padding: 10px 0px;
        }

	span.meta {
		font-size: 0.92em; /*11px*/
		padding-left: 15px;
		line-height: normal;
	}

	.eleven {
		font-size: 0.92em; /*11px*/
	}

	.bottom_space {
		margin-bottom: 20px !important;
	}
/* ........................... */


/* ..................... Links */
	a {
		color: #900;
	}
		
		a:hover,
		div#content a:hover {
			color: #900 !important;
		}

		a:active {
			color: #000 !important;
		}

		div#content a:visited {
			color: #666;
		}

	a.rss {
		padding: 1px 0px 1px 20px;
		background: url(../images/icons/icon_rss.gif) no-repeat left 1px;
	}

	a.pdf {
		padding: 6px 0px 6px 30px;
		background: url(../images/icons/icon_pdf.gif) no-repeat left 1px;
	}
/* ........................... */


/* .................. Headings */
	div#page_title h1 {
		color: #FFF;
		text-transform: uppercase;
		font: normal 3.5em Times, "Times New Roman", serif; /*35px*/
		letter-spacing: 5px;
		line-height: 50px;
	}

	div#navigation h2 {
		font-size: 1.2em; /*12px*/
	}

	div#main h2 {
		font: normal 1.25em Times, "Times New Roman", serif; /*15px*/
		text-transform: uppercase;
		letter-spacing: 2px;
		margin-bottom: 15px;
	}

	div#main h2.bold {
		font: bold 1.42em Verdana, Geneva, sans-serif !important; /*17px*/
		text-transform: none !important;
		letter-spacing: normal !important;
	}

	div#navigation h3 {
		font-size: 1.3em; /*13px*/
	}

	h4 {
		
	}

	h5 {
		
	}

	h6 {
		
	}
/* ........................... */


/* ..................... Forms */
	select {
		border: 0px;
		border: 1px solid #999;
		padding: 1px;
	}

	input.btn {
		border: 0px;
		background: none;
		background-color: #900;
		color: #FFF;
		font: normal 1em Verdana, Geneva, sans-serif; /*12px*/
		padding: 3px 10px;
	}
/* ........................... */


/* ................. CMS input */
	div.text {
		line-height: 18px;
	}

		div.text div.img_holder {
			margin: 10px 0px 5px;
		}
/* ........................... */





/* ******************************* LAYOUT */

/* ...................... Body */
	body {
		font-family: Verdana, Geneva, sans-serif;
		color: #000;
	}
/* ........................... */


/* ................... Wrapper */
	div#wrapper {
		min-width: 1000px;
		max-width: 1280px;
	}

		div#wrapper_layout {
			width: 84%;
		}
/* ........................... */


/* .................. Top line */
	div#top_line {
		font-size: 1.1em; /*11px*/
		margin-bottom: 15px;
		padding: 15px 0px 10px;
		border-bottom: 1px solid #CCC;
	}
/* ........................... */


/* .................... Header */
	div#header {
		margin-bottom: 20px;
	}
/* ........................... */


/* ................ Page title */
	div#page_title {
		width: 100%;
		margin-bottom: 20px;
	}
/* ........................... */


/* ...................... Main */
	div#main {
		font-size: 1.2em; /*12px*/
	}
/* ........................... */


/* .................... Footer */
	div#footer {
		margin-top: 20px;
		padding: 8px 0px 30px;
		border-top: 1px solid #CCC;
		font-size: 1.1em; /*11px*/
		text-align: center;
	}
/* ........................... */





/* ***************************** TOP LINE */

/* ............... Breadcrumbs */
	div#breadcrumbs {
		width: 90%;
		float: left;
	}

			div#breadcrumbs ul li {
				float: left;
				margin-right: 4px;
				padding-right: 12px;
				background: url(../images/layout/arrow_breadcrumbs.gif) no-repeat right 4px;
			}
/* ........................... */


/* .................. Language */
	div#language {
		width: 8%;
		float: right;
		text-align: right;
	}
/* ........................... */





/* ******************************* HEADER */

/* ...................... Logo */
	div#logo {
		width: 210px;
		height: 45px;
		float: left;
		margin-top: 5px;
	}
/* ........................... */


/* ................ Navigation */
	div#navigation {
		width: 432px;
		float: right;
	}

		div#navigation ul.sectors {
			
		}

			div#navigation ul.sectors li {
				width: 102px;
				margin-right: 6px;
				float: left;
				font-size: 1.3em;
			}

				div#navigation ul.sectors li ul {
					margin-top: 5px;
				}

					div#navigation ul.sectors li ul li {
						width: auto;
						margin-right: 0px;
						float: none;
						line-height: 20px;
						font-size: 0.92em;
					}

						div#navigation ul.sectors li ul li a {
							margin-left: 10px;
						}

						div#navigation ul.sectors li ul li span, div#navigation ul.sectors li ul li.current_page_parent a  {
							background: url(../images/layout/arrow_red_right.gif) no-repeat left 4px;
							padding-left: 10px;
                            margin-left: 0px;
						}
/* ........................... */





/* *************************** PAGE TITLE */

/* ................ Page image */
	div#page_image {
		height: 50px;
		padding-top: 100px;
		background-repeat: no-repeat;
	}

	div.head_image {
		background-image: url(../images/layout/page_images.jpg);
	}

	div.img_home {
		background-position: center 0px;
	}

	div.img_firm {
		background-position: center -160px;
	}

	div.img_clients {
		background-position: center -320px;
	}

	div.img_careers {
		background-position: center -480px;
	}

	div.img1 {
		background-position: center -640px;
	}

	div.img2 {
		background-position: center -800px;
	}

	div.img3 {
		background-position: center -960px;
	}

	div.img4 {
		background-position: center -1120px;
	}

	div.img5 {
		background-position: center -1280px;
	}

	div.img6 {
		background-position: center -1440px;
	}

	div.img7 {
		background-position: center -1600px;
	}

	div.img8 {
		background-position: center -1760px;
	}

	div.img9 {
		background-position: center -1920px;
	}

	div.img10 {
		background-position: center -2080px;
	}

	div.img11 {
		background-position: center -2240px;
	}
/* ........................... */


/* ..................... Title */
	div#title {
		background: url(../images/layout/page_title_red.png) repeat center center;
		height: 50px;
		padding: 0px 18px;
	}
/* ........................... */


/* ...................... Text */
	div#text {
		margin-top: 15px;
		text-align: center;
		font-size: 1.2em; /*12px*/
	}

			div#text p span.numbers,
			div#text p span.email {
				padding-left: 1.5%;
			}
/* ........................... */





/* ********************************* MAIN */

/* ................... Content */
	div#content {
		width: 52%;
		float: left;;
		padding: 20px 15px;
	}
    div#client-content {
        width: 100%;
        float: left;;
        padding: 20px 15px;
    }
/* ........................... */


/* ................... Sidebar */
	div#sidebar {
		width: 38%;
		float: right;
		padding: 20px 15px;
		background-color: #E6E6E6;
	}
/* ........................... */





/* ******************************* FOOTER */

/* .................. Contacts */
	div.contacts {
		font-size: 1em; /*11px*/
		margin-bottom: 5px;
	}
/* ........................... */


/* ................. Copyright */
	span.copyright {
		
	}
/* ........................... */


/* ....................... BSH */
	span.bsh {
		padding-left: 1%;
	}
/* ........................... */





/* ************************ PAGE ELEMENTS */

/* ...................... News */
	div.news {
		margin-top: 30px;
	}

			div.news ul li {
				margin-bottom: 15px;
			}

				div.news ul li a {
					display: block;
					padding-bottom: 5px;
					line-height: 18px;
				}
/* ........................... */





/* ********************* SIDEBAR ELEMENTS */

/* ................ Containers */
	div#sidebar div.container {
		margin-bottom: 30px;
	}
/* ........................... */


/* .................. Rankings */
	div#sidebar div.rankings ul#rankings,
		div#sidebar div.rankings ul#rankings li {
			width: auto !important;
            
		}

		div#sidebar div.rankings ul#rankings {
			overflow: hidden;
		}

			div#sidebar div.rankings ul#rankings li div.text {
				width: 75%;
				float: left;
			}

			div#sidebar div.rankings ul#rankings li div.img_holder {
				padding: 5px;
				background-color: #FFF;
				margin-left: 8px;
				float: right;
			}

				div#sidebar div.rankings ul#rankings li div.img_holder img {
					display: block;
				}

	div#sidebar div.rankings div#nav {
		float: left;
		margin: 4px 8px 0px 10px;
	}

		div#sidebar div.rankings div#nav a {
			text-indent: -9999px;
			float: left;
			width: 7px;
			height: 7px;
			background-color: #CCC;
			margin-right: 4px;
			font-size: 0pt;
		}

		div#sidebar div.rankings div#nav a.activeSlide {
			background-color: #900;
		}

	div#sidebar div.rankings a.pause_resume {
		float: left;
		width: 7px;
		height: 7px;
		background-image: url(../images/layout/pause_resume.gif);
		background-repeat: no-repeat;
		text-indent: -9999px;
		font-size: 0pt;
		margin-top: 4px;
	}

	div#sidebar div.rankings a.pause {
		background-position: center 0px;
	}

	div#sidebar div.rankings a.resume {
		background-position: center -17px;
	}
/* ........................... */


/* ................... Insight */
	div#sidebar div.insight ul li {
		margin-bottom: 15px;
	}

		div#sidebar div.insight ul li a {
			display: block;
		}
/* ........................... */


/* ........... Deals and cases */
	div#sidebar div.deals ul li {
		margin-bottom: 15px;
	}

		div#sidebar div.dealst ul li a {
			display: block;
		}
/* ........................... */


/* ................... Lawyers */
	div#sidebar div.lawyers ul li {
		margin-bottom: 30px;
	}

		div#sidebar div.lawyers ul li div.img_holder {
			float: left;
		}

			div#sidebar div.lawyers ul li div.img_holder a,
				div#sidebar div.lawyers ul li div.img_holder a img {
					display: block;
				}

		div#sidebar div.lawyers ul li h3,
		div#sidebar div.lawyers ul li span.meta {
			padding-left: 60px;
		}

		div#sidebar div.lawyers ul li span.meta {
			display: block;
		}

		div#sidebar div.lawyers ul li span.position {
			margin-bottom: 8px;
		}
/* ........................... */


/* ................. Practices */
	div#sidebar div.practices ul {
		
	}

		div#sidebar div.practices ul li {
			margin: 0px 0px 10px 15px;
		}

			div#sidebar div.practices ul li.active {
				background: url(../images/layout/pause_resume.gif) no-repeat 2px -12px;
				margin-left: 0px;
				padding-left: 15px;
			}
/* ........................... */





/* ************************** INNER PAGES */

/* .................. The Firm */
	
/* ........................... */


/* .................. Rankings */
	div.rankings_page ul li {
		margin-bottom: 30px;
	}

		div.rankings_page ul li div.img_holder {
			float: left;
		}

		div.rankings_page ul li div.text {
			padding-left: 70px;
		}
/* ........................... */


/* ................ Contact Us */
	div.contact_us_page iframe {
		width: 100%;
	}

		div.contact_us_page div.details dl {
			margin-left: 15px;
		}

			div.contact_us_page div.details dl dt {
				float: left;
				width: 70px;
				margin-bottom: 10px;
			}

			div.contact_us_page div.details dl dd {
				padding-left: 70px;
				margin-bottom: 10px;
			}

			div.contact_us_page div.details dl dt.phone,
			div.contact_us_page div.details dl dd.phone {
				margin-bottom: 3px;
			}
/* ........................... */


/* ................. Practices */
	
/* ........................... */


/* ................... Clients */
	div.clients_page div.foreign,
	div.clients_page div#sidebar ul {
		margin-left: 15px;
	}

		div.clients_page div.foreign ul {
			float: left;
			width: 32%;
			margin-right: 1%;
		}

			div.clients_page ul li {
				margin-bottom: 8px;
			}

			div.clients_page ul li:first-letter {
				text-transform: uppercase;
			}
/* ........................... */


/* ............. Deals & Cases */
	div.deal_page ul {
		margin-bottom: 30px;
	}

		div.deal_page ul li {
			margin-bottom: 10px;
		}

			div.deal_page div#sidebar form select,
			div.insight_page div#sidebar form select {
				width: 230px;
			}
/* ........................... */


/* ................... Lawyers */
	div.lawyers_page ul {
		background-color: #E6E6E6;
		line-height: 18px;
	}

		div.lawyers_page ul li {
			padding: 15px;
		}

		div.lawyers_page ul li.even {
			background-color: #FFF;
		}

			div.lawyers_page ul li div.profile,
			div.lawyers_page ul li div.contacts,
			div.lawyers_page ul li div.info,
				div.lawyers_page ul li div.profile div.img_holder {
					float: left;
				}

			div.lawyers_page ul li div.profile {
				width: 32%;
			}

					div.lawyers_page ul li div.profile div.img_holder a,
						div.lawyers_page ul li div.profile div.img_holder a img {
							display: block;
						}

				div.lawyers_page ul li div.profile div.lawyer {
					padding-left: 65px;
				}

			div.lawyers_page ul li div.contacts {
				width: 28%;
			}

			div.lawyers_page ul li div.info {
				width: 40%;
			}
/* ........................... */


/* ............ Lawyer Profile */
	div.lawyer_profile_page {
		line-height: 18px;
	}

		div.lawyer_profile_page h2 {
			margin-top: 30px;
		}

		div.lawyer_profile_page h2.bold {
			margin-top: 0px;
		}

		div.lawyer_profile_page ul,
		div.lawyer_profile_page p {
			margin-left: 15px;
		}

		div.lawyer_profile_page p.category {
			margin: 0px 0px 10px 0px;
		}

			div.lawyer_profile_page ul li {
				margin-bottom: 8px;
			}

		div.lawyer_profile_page dl {
			margin-left: 15px;
		}

			div.lawyer_profile_page dl dt {
				float: left;
				width: 70px;
				margin-bottom: 2px;
			}

			div.lawyer_profile_page dl dd {
				padding-left: 70px;
				margin-bottom: 2px;
			}
/* ........................... */


/* ...................... News */
	div.news_page div.news,
	div.news_article_page div.news,
	div.insight_page div.news,
	div.insight_article_page div.news {
		margin-top: 0px;
	}

				div.news_article_page div#content div.text span.meta {
					display: block;
				}

				div.insight_article_page div.news div.text div.img_holder img,
				div.news_article_page div.news div.text div.img_holder img {
					padding-left: 15px;
				}

				div.news_page div#sidebar form select {
					width: 136px;
				}
/* ........................... */



/*****************************************************/