body { padding: 0; margin: 0 auto; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; line-height: 24px; color: #fff; background: #151628 url(../images/backgrounda.png) repeat-x; font-size: 13px; font-weight: normal; } /*#navigation h1 { font-family: Georgia,'Times New Roman',serif; font-size: 28px; font-weight: normal; margin: 0; padding: 0 200px 0 0; }*/ h1 { font-family: Georgia,'Times New Roman',serif; font-size: 28px; line-height: 50px; font-weight: normal; margin: 0; padding: 20px 0; } h2 { font-family: Georgia,'Times New Roman',serif; font-size: 20px; line-height: 28px; font-weight: bold; margin: 0; } a { text-decoration: none; color: gray; } a:hover { text-decoration: none; color: #fff; } hr { height: 0; border-bottom: black; padding: 0; } span { color: #8CC63F; } /*div#header { float: left; width: 100%; margin: 0; padding: 20px 0; text-align: left; border-bottom: 3px solid #607682; }*/ div#logo { width: 1000px; margin: auto; } div#home_logo { float: left; padding: 280px 0 0 0; width: 400px; } div#home_content { float: right; width: 438px; margin: 20px 0 10px 0; padding: 10px; text-align: right; border: 1px solid white; } div#portfolio_logo { float: left; padding: 0; } div#home_content ul { float: right; padding: 0; margin: 0; } div#home_content li { float: left; padding: 0; margin: 0 0 1px 1px; list-style-type: none; width: 72px; height: 72px; } li#one { background: url(../images/home-icons/1-1.jpg); } li#two { background: url(../images/home-icons/1-2.jpg); } li#three { background: url(../images/home-icons/1-3.jpg); } li#four { background: url(../images/home-icons/1-4.jpg); } li#five { background: url(../images/home-icons/1-5.jpg); } li#six { background: url(../images/home-icons/1-6.jpg); } li#seven { background: url(../images/home-icons/2-1.jpg); } li#eight { background: url(../images/home-icons/2-2.jpg); } li#nine { background: url(../images/home-icons/2-3.jpg); } li#ten { background: url(../images/home-icons/2-4.jpg); } li#eleven { background: url(../images/home-icons/2-5.jpg); } li#twelve { background: url(../images/home-icons/2-6.jpg); } li#thirteen { background: url(../images/home-icons/3-1.jpg); } li#fourteen { background: url(../images/home-icons/3-2.jpg); } li#fifteen { background: url(../images/home-icons/3-3.jpg); } li#sixteen { background: url(../images/home-icons/3-4.jpg); } li#seventeen { background: url(../images/home-icons/3-5.jpg); } li#eighteen { background: url(../images/home-icons/3-6.jpg); } li#nineteen { background: url(../images/home-icons/4-1.jpg); } li#twenty { background: url(../images/home-icons/4-2.jpg); } li#twentyone { background: url(../images/home-icons/4-3.jpg); } li#twentytwo { background: url(../images/home-icons/4-4.jpg); } li#twentythree { background: url(../images/home-icons/4-5.jpg); } li#twentyfour { background: url(../images/home-icons/4-6.jpg); } li#twentyfive { background: url(../images/home-icons/5-1.jpg); } li#twentysix { background: url(../images/home-icons/5-2.jpg); } li#twentyseven { background: url(../images/home-icons/5-3.jpg); } li#twentyeight { background: url(../images/home-icons/5-4.jpg); } li#twentynine { background: url(../images/home-icons/5-5.jpg); } li#thirty { background: url(../images/home-icons/5-6.jpg); } li#thirtyone { background: url(../images/home-icons/6-1.jpg); } li#thirtytwo { background: url(../images/home-icons/6-2.jpg); } li#thirtythree { background: url(../images/home-icons/6-3.jpg); } li#thirtyfour { background: url(../images/home-icons/6-4.jpg); } li#thirtyfive { background: url(../images/home-icons/6-5.jpg); } li#thirtysix { background: url(../images/home-icons/6-6.jpg); } div#navigation { width: 1000px; margin: 0px auto 20px; padding-left: 20px;text-align: right; } div#navigation ul { float: right; padding: 0; margin: 10px 0 0 0; } div#navigation li { float: right; margin: 0; list-style-type: none; padding: 10px 0 10px 20px; font-size: 14px; color: #fff; } div#navigation li a { color: #8CC63F; } div#navigation li a:hover { color: #fff; } div#footer a { color: #444; } /*div#navigation li a:hover { color: black; }*/ div#secondarynavigation { float: left; margin: 0; padding: 20px 0 0 0; width: 200px; } div#secondarynavigation ul { float: left; padding: 0; margin: 0; width: 180px; } div#secondarynavigation li { margin: 0; list-style-type: none; padding: 10px 0 10px 0; font-size: 14px; color: #55BCEB; text-align: right; border-bottom: 1px solid white; } div#secondarynavigation li a { color: #55BCEB; } div#secondarynavigation li a:hover { color: #fff; } div#portfolio { float: left; padding: 30px 0; } ul#clients { float: left; padding: 0; margin: 0; line-height: 28px; } ul#clients li { margin: 0; list-style-type: none; padding: 3px 0; } ul#contacts { float: left; padding: 0; margin: 0; line-height: 28px; } ul#contacts li { margin: 0; list-style-type: none; padding: 3px 0; } div#portfolio-content { float: right; padding: 30px 0 0 0; width: 800px; } div#portfolio-content { float: right; padding: 30px 0 0 0; width: 800px; } div#portfolio-content h1 { float: left; padding: 0 0 0 0; line-height: 28px; } span.caption { float: left; width: 800px; padding: 5px 0 10px 0; color: #fff; font-size: 11px; line-height: 15px; } div#portfolio-text { float: left; width: 390px; padding: 15px 0 0 0; } /*div#portfolio-content h2 { float: left; padding: 0 0 0 0; margin: 0 0 0 0; }*/ div#motto { float: left; width: 1000px; text-align: center; padding: 0; } div#container { width: 1000px; margin: 0 auto; padding-left: 20px; } span.current { color: #fff; } div#footer { float: left; width: 100%; margin-top: 50px; height: 28px; padding: 10px 0; line-height: 28px; background-color: #40464F; } div#footer-content { width: 1000px; margin: 0 auto; padding-left: 20px; color: #fff; } /*div#footer-basement { width: 1000px; margin: 0 auto; color: #fff; font-size: 12px; font-weight: bold; } */ div#main_image { float: left; width: 800px; height: 440px; } div#main_content { float: left; width: 800px; margin: 0 0 10px 0; padding: 0; }