.clearfix {clear:both;}

/* --- Basic elements ------------------------------------------------------- */

body{
    color: #81818e;
    font: normal normal 10px/10px "Helvetica Neue", Arial, Verdana, Tahoma, sans-serif;
    overflow-x: hidden; }
	
	h1{
	color: #333333;
	font: bold normal 16px/14px "Helvetica Neue", Arial, Verdana, Tahoma, sans-serif;}
    
    p{
        font: normal normal 1.2em/1.6em "Helvetica Neue", Arial, Verdana, Tahoma, sans-serif;
        letter-spacing: -0.005em; }
    
    a{
        color: #892034;
        text-decoration: none; }
        
        a:hover{
            color: #333; }

/* --- Basic structure ------------------------------------------------------ */

body{
    width: 100%;
    z-index: 2; }
    
    #container{
        background: url(../images/bg_container.jpg);
        /* display: table; */
        margin: 0 auto;
        width: 1000px;
		position: relative;
		}

        
/* --- Head ----------------------------------------------------------------- */        
        
        #head{
            background: #fff url(../images/bg_head.jpg) top right no-repeat;
            float: left;
            height: 124px;
            padding: 0 0 0 3%;
            width: 97%; }
            
            #top_picture{
                height: 124px;
                margin: 0px;
                position: absolute;
                top: 0;
				left: 337px;
                width: 456px;
                z-index: 9999; }
            
/* --- Left ----------------------------------------------------------------- */            
            
        #left{
            float: left;
            min-height:562px;
            height:auto !important;
            height:562px;
            width: 100%; }
            
            /* --- Header --------------------------------------------------- */
            
            #header{
                float: left;
                height: 321px;
                width: 100%; 
				position: relative; }
                
                body.inside #header{
                    float: left;
                    height: 300px;
                    width: 336px; }
                    
                body.inside #next_to_menu_pic{
                    top: 0px;
					right: 0px;
                    position: absolute;
                    z-index: 8888; }
                
                #menu_top{
                    background: url(../images/bg_menu_top.png) top left no-repeat;
                    height: 9px;
                    position: absolute;
					top: 0px;
					left: 0px;
                    width: 243px; }
                
                #menu{
                    background: #e5e5ea url(../images/bg_menu.jpg) top left repeat-y;
                    float: left;
                    height: 261px;
                    padding: 40px 0 0 49px;
                    width: 194px; }
                    
                    #menu ul{
                        float: left;
                        width: 100%; }
                        
                        #menu ul li{
                            display: block;
                            float: left;
                            height: 30px;
                            list-style: none;
                            width: 100%; }
                            
                            #menu ul li a{
                                display: block;
                                float: left;
                                font: normal bold 1.6em "Helvetica Neue", Arial, Verdana, Tahoma, sans-serif;
                                height: 25px;
                                padding: 5px 0 0 5%;
                                text-decoration: none;
                                width: 95%;}
                                
                                #menu ul li a:hover{
                                    background: #c4c4c6; }
                                    
                                #menu .sf-menu .sf{
                                    background: #892034;
                                    left: 243px;
                                    padding: 5px 0 5px 0;
                                    position: absolute;
                                    width: 220px;
                                    z-index: 8889;
									display:none; /* Hide Menu in Dreamweaver - 4/8/10 */
									}
                                    
                                    #menu .sf-menu .sf li{
                                        height: 25px; }
                                        
                                    #menu .sf-menu .sf li a{
                                        color: #fff !important;
                                        font: normal bold 11px Arial, Verdana, Tahoma, sans-serif ;
                                        height: 20px;
                                        padding: 5px 0 0 5%;
										background: none !important;
										}
                                        
                                        #menu .sf-menu .sf li a:hover{
                                            background: #9b4758 !important; }
                                
                #graphic{
                    float: left;
                    height: 301px;
                    width: 546px; }
			
			/* ---- ACTIVE MENU ITEMS ---- */
			body#our_difference li#menu_our_difference a,
			body#home li#menu_home a ,
			body#process li#menu_trasparent_process a,
			body#portfolio li#menu_portfolio a,
			body#our_team li#menu_our_team a,
			body#resources li#menu_tips_and_resources a,
			body#contact_us li#menu_contact_us a
			{background: #c4c4c6; color: #333333;}
                    
            /* --- Sidebar -------------------------------------------------- */
                
            #sidebar{
                background: url(../images/contact.jpg) bottom left no-repeat;
                float: left;
                padding: 0 0 115px 0;
                width: 335px; 
				min-height:72px;
				height:auto !important;
				height:72px;
				position: relative;
				}
                
                body.inside  #sidebar{
                    background: url(../images/contact.jpg) bottom left no-repeat;
                    float: left;
                    margin: 0px;
                    position:relative;
                    width: 335px;
					clear: left;
					}
                
                #sidebar a#cta{
                    background: url(../images/cta.jpg) 0px 0px no-repeat;
                    display: block;
                    font-size: 0;
                    height: 72px;
                    line-height: 0;
                    margin: 0 0 20px 0;
                    text-indent: -9999px;
                    width: 337px; }
                    
                    #sidebar a#cta:hover{
                        background: url(../images/cta.jpg) 0px -72px no-repeat; }
                    
					#sidebar a#contact_link {
						display: block;
						width: 131px;
						height: 76px;
						position: absolute;
						left: 68px;
						bottom: 2px;
						text-indent: -9999px;
						}
					
                #sidebar .inside_text{
                    background: #fff;
                    border-bottom: 1px solid #dedede;
                    border-right: 1px solid #dedede;
                    float: left;
                    font: normal 1.1em/1.6em Arial, Verdana, Tahoma, sans-serif;
                    letter-spacing: -0.005em;
                    padding: 25px 20px 25px 50px;
                    width: 265px; }
                    
                    #sidebar .inside_text span{
                        display: block;
                        float: left;
                        font: normal normal 1em Arial, Verdana, Tahoma, sans-serif;
                        text-align: right;
                        width: 100%;
                    }
                        
            /* --- Content -------------------------------------------------- */
                
            #content{
                float: left;
                width: 663px; }
                
                body.inside #content{
                    float: right;
                    width: 663px; }
                    
                #content .box{
                    background: url(../images/bg_content_box.jpg);
                    border-right: 1px solid #c6c6cc;
                    border-bottom: 1px solid #cfcfd9;
                    display: inline;
                    float: left;
                    margin: -20px 0 0 2px;
                    padding: 20px 25px 15px 24px;
                    width: 403px; }
                    
                    body.inside #content .box{
                        background: #fff;
                        display: inline;
                        float: left;
                        margin: 0;
                        padding: 15px 28px 15px 25px;
                        width: 401px; }
						
						.table{
						background-color:#F5F5F7;
						}
                        
				.image_wrap{
				float: right; clear: right; margin-left: 20px; margin-bottom: 10px;  border: 1px solid #cccccc; padding: 2px;}
				
				hr {color: #fff; background-color: #fff; border: 1px dotted #cccccc; border-style: none none dotted; }
				
                #content p{
                    letter-spacing: -0.01em;
                    line-height: 1.9em;
                    margin: 0 0 1em 0; }
                    
                #content-logo{
                    display: inline;
                    float: left;
                    margin: 47px 0 0 2px; }
                    
                    body.inside #content-logo{
                        display: inline;
                        float: left;
                        margin: 75px 0 0 2px; }
						
			img.page_title {float: left;} /* IE Fix - Prevents space under image - 4/8/10 */
                    
/* --- Right ---------------------------------------------------------------- */                    
                
        #right{
            background: #fff url(../images/bg_right.jpg) top right no-repeat;
            padding: 0 0 0 0px;
            position: absolute;
            width: 208px;
            z-index: 15; 
			top: 124px;
			right: 0px;
			display: inline;
			z-index: 9999;
			}
            
            #right img{
                clear: both;
                float: left;
                margin: 0 0 0px 0; }
                
/* --- Footer --------------------------------------------------------------- */            
                
        #footer{
            color: #868687;
            clear: both;
            float: left;
            font: normal normal 1em Tahoma, Arial, Verdana, sans-serif;
            padding: 20px 0 7px 5.9%;
            width: 94.1%; }
