@import 'https://fonts.googleapis.com/css?family=Raleway';
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; -webkit-font-smoothing:antialiased; outline:none; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; font-family: 'Raleway', sans-serif; background:url(../images/bg.png) repeat; font-size:14px; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* End of the Reset Style */

#wrapper { width:985px; margin:0 auto; display:table; padding:10px 0; }
header { width:100%; min-height:109px; background:#fff; border-radius:3px; position:relative; margin-bottom:15px; }
header:after { background:url(../images/shadow-bg.png) no-repeat top center; height:10px; width:100%; position:absolute; content:""; bottom:-10px; left:0; }
header #logo { margin:12px 0 15px 16px; float:left; }
.rm-toggle.rm-button { margin-top: 40px; }
.rm-css-animate.rm-menu-expanded { max-height: none; display: block; }
.rm-container.rm-layout-expanded { float: right; margin-right:15px; }
.rm-nav li a, .rm-top-menu a { padding: 0 1rem; font-size: 15px; line-height: 30px; }
.rm-layout-expanded .rm-nav > ul > li > a, .rm-layout-expanded .rm-top-menu > .rm-menu-item > a { height: 30px; line-height: 30px; }

section#slider { height:auto; width:100%; border-radius:3px; background:#FFF; margin-bottom:15px; position:relative; padding:2px; }
section#slider:after { background:url(../images/shadow-bg.png) no-repeat top center; height:10px; width:100%; position:absolute; content:""; bottom:-10px; left:0; }

section#islider { height:auto; width:100%; border-radius:3px; background:#FFF; margin-bottom:15px; position:relative; padding:2px; }
section#islider:after { background:url(../images/shadow-bg.png) no-repeat top center; height:10px; width:100%; position:absolute; content:""; bottom:-10px; left:0; }
section#islider img { width:100%; height:auto; }


section#content { height:auto; display:table; width:100%; border-radius:3px; background:#FFF; margin-bottom:15px; position:relative; padding:15px; }
section#content:after { background:url(../images/shadow-bg.png) no-repeat top center; height:10px; width:100%; position:absolute; content:""; bottom:-10px; left:0; }
section#content #cleft { width:667px; float:left; }
section#content #cleft h1, section#content #cright h2, section#content h3 { font-size:18px; color:#343433; margin:10px 0 0; }
section#content #cleft h1 b, section#content #cright h2 b, section#content h3 b { color:#e85801; }
section#content #cleft p { line-height:20px; font-size:13px; color:#444343; text-align:justify; margin:10px 0; }
section#content #cleft table tr { border:1px solid #CCC; }
section#content #cleft table tr td { padding:7px 10px; font-size:13px; border-right:1px solid #CCC; }
section#content #cleft table tr td:last-child { border-right:none; }
section#content #cleft table tr td:nth-child(2) { padding:0 10px; }
section#content #cleft p b { font-weight:bold; }
section#content #cleft p a { text-decoration:none; color:#e85801; }
section#content #cleft p a:hover { color:#000; }
section#content #cleft img.pro { width:100%; height:auto; }
section#content #cleft ul { margin:15px 0 10px 20px; }
section#content #cleft ul li { list-style:square; line-height:20px; font-size:13px; color:#444343; margin:10px 0; padding-left:5px; }
section#content #cright { width:245px; float:right; }
section#content #cright ul { width:100%; font-size:13px; margin:10px 0; }
section#content #cright ul li { border-bottom:1px dashed #cdcccc; }
section#content #cright ul li a { text-decoration:none; color:#444343; display:block; padding:8px 0 8px 30px; position:relative; transition:all ease 300ms; }
section#content #cright ul li a:before { background:url(../images/icon.png) no-repeat; width:4px; height:4px; background-position:0 0; position:absolute; left:12px; top:13px; content:""; transition:all ease 300ms; }
section#content #cright ul li a:hover:before { background-position:-6px 0; left:15px; }
section#content #cright ul li a:hover { color:#e85801; padding-left:35px; }
section#content h3 { display:table; width:100%; }
section#content ul.projects { width:100%; margin:10px auto; }
section#content ul.projects li { float:left; margin-right:10px; }
section#content ul.projects li:last-child { margin-right:0; }
section#content ul.projects li a img { border:3px solid #ebebeb; transition:all ease 500ms; }
section#content ul.projects li a:hover img { border:3px solid #e85801; }

footer { margin:10px 0; width:100%; }
footer p { text-align:center; font-size:13px; color:#444343; line-height:20px; }
footer p a { text-decoration:none; color:#e85801; }
footer p a:hover { color:#000; }