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, font, 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 {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 100%;
vertical-align : baseline;
background : transparent;
}
body {
line-height : 1;
}
ol, ul {
list-style : none;
}
blockquote, q {
quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after {
content : '';
content : none;
}
:focus {
outline : 0;
}
ins {
text-decoration : none;
}
del {
text-decoration : line-through;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
a {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #cccccc;
text-decoration : none;
/*filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;*/
}
a:hover {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #5165fa;
text-decoration : none;
/*filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;*/
}
body {
background : #000 url(images/bgwoods.jpg) center center;
font-family : Arial, Helvetica, sans-serif;
line-height : 18px;
}
#main {
width : 100%;
height : auto;
}
#mainheader {
background : url(images/bgheader.png);
border-bottom : 1px solid #282828;
width : 100%;
height : 119px;
}
#aligncenter {
width : 973px;
height : auto;
}
.header {
width : 973px;
height : auto;
margin : 0 0 0 0;
}
.contents {
width : 973px;
height : auto;
clear : both;
padding : 30px 0 0 0;
text-align : left;
}
.contents ul {
width : 973px;
}
#project_contents {
width : 973px;
height : auto;
clear : both;
padding : 30px 0 0 0;
text-align : left;
}
.leftpanel {
width : 200px;
height : auto;
float : left;
}
.leftpanel ul li a {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #9d9d9d;
text-decoration : none;
}
.leftpanel ul li a:hover {
font-size : 12px;
color : #5165fa;
text-decoration : none;
}
.rightcontent {
width : 680px;
height : auto;
float : left;
padding : 0 0 0 30px;
}
.rightcontent ul li ul li {
font-size : 11px;
color : #ffffff;
}
.left {
float : left;
}
.left a {
color : #9d9d9d;
text-decoration : none;
}
.left a:hover {
color : #5165fa;
text-decoration : none;
}
ul.left img {
margin : 38px 0 0 30px;
}
.right {
float : right;
color : #999999;
}
.right li {
float : right;
clear : both;
}
.right a {
color : #5165fa;
text-decoration : none;
}
.right a:hover {
color : #5165fa;
text-decoration : underline;
}
.header h2 {
width : 730px;
padding : 7px 24px 0 20px;
line-height : 22px;
text-align : left;
border-left : 1px solid #2f2f2f;
margin-top : 42px;
height : 30px;
}
h2.right {
font-family : Helvetica, Arial, sans-serif;
letter-spacing : -0.03em;
font-size : 28px;
color : #424242;
font-weight : normal;
}
h1 {
font-family : Helvetica, Arial, sans-serif;
font-size : 24px;
color : #d6d6d6;
font-weight : normal;
letter-spacing : -0.02em;
}
.textcontents {
font-size : 12px;
color : #9d9d9d;
text-align : justify;
}
.contents .textcontents {
padding : 25px 0 25px 0;
border-bottom : 1px dashed #505050;
color : #8c8b8b;
}
#footer {
width : 100%;
height : 100px;
background : none;
float : left;
clear : both;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #666666;
margin : 30px 0 0 0;
border-top : 1px solid #292929;
border-bottom : 0 solid #292929;
}
#footer ul {
width : 973px;
padding : 35px 0 0 0;
}
#footer ul li {
display : inline;
}
.portfolio {
width : 973px;
margin : 0 0 0 0;
padding : 0 0 0 0;
}
.portfolio ul {
background : url(images/bg_projects.png) no-repeat;
width : 234px;
height : 264px;
float : left;
font-size : 11px;
color : #9d9d9d;
margin : 0 9px 9px 0;
}
.portfolio ul li {
margin : 0 18px 0 18px;
}
.portfolio ul li img {
border : 1px solid #181818;
margin : 20px 0 0 0;
}
.portfolio_title {
font-size : 10px;
color : #fff;
font-weight : bold;
}
.online a {
font-size : 10px;
color : #5165fa;
text-decoration : none;
}
.online a:hover {
font-size : 10px;
color : #fff;
text-decoration : none;
}
.arrowleft {
position : relative;
float : left;
margin : 105px 0 0 0;
}
.arrowright {
position : relative;
float : right;
margin : 105px 0 0 0;
}