/* CSS Document */

* {
padding:0;
margin:0;
}

body {
background-image:url(image/topbg.jpg);
background-repeat:repeat-x;
background-position:top;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
font-size:16px;
color:#333;
}

a {
text-decoration:none;
color:#000;
}

sup {
color:#aaa;
font-style:italic;
}

img {
border:0;
}

a.in {
color:#2097e0;
text-decoration:none;
border-bottom:dashed 1px;
font-size:22px;
padding-bottom:3px;
}

h2 {
font-size:18px;
font-weight:normal;
}

#main {
position:relative;
margin:0 auto;
width:900px;
zoom: 1;
}

#header {
margin-top:50px;
position:relative;
}

#topmenu {
position:absolute;
top:70px;
left:30px !important;
left:80px;
font-size:18px;
background-color:#000;
color:#fff;
padding:10px 20px;
text-align:center;
}

#topmenu a {
color:#fff;
text-decoration:underline;
}

#topmenu a:hover {
color:#2097e0;
text-decoration:none;
}

#contacts {
position:absolute;
top:90px;
right:20px;
font-size:18px;
text-align:right;
font-style:italic;
width:200px;
}

#email {
position:absolute;
top:30px;
right:20px;
font-size:18px;
text-align:right;
font-style:italic;
width:200px;
}

.phone {
font-size:18px;
font-style:normal;
font-family:Georgia, "Times New Roman", Times, serif;
}

.blue {
color:#2097e0;
}

.orange {
color:#c56c27;
}

#center {
position:relative;
width:100%;
padding-top:120px;
height:444px;
}

.reloadbox {
position:absolute;
right:20px;
height:444px;
width:854px;
}

#imagefirst {
background-image:url(image/first.jpg);
background-repeat:no-repeat;
}

#imagesecond {
background-image:url(image/second.jpg);
background-repeat:no-repeat;
}

.reload {
font-size:18px;
font-style:italic;
}

.preload {
position:absolute;
top:330px;
right:0px;
width:165px;
padding-bottom:10px;
font-size:20px;
font-style:italic;
border-right:solid 7px #ddd;
}

.reloadimg {
position:absolute;
width:31px;
height:30px;
top:385px;
left:630px;
}

.boxinfo {
padding-top:90px;
margin-left:490px;
width:330px;
}

.boxinfo p {
padding:20px 10px 20px 20px;
text-align:right;
}

.fresh {
bottom:140px;
right:100px;
position:absolute;
color:#20e044;
font-size:28px;
font-weight:bold;
background-color:#fff;
padding:10px 20px 10px 20px;
}

.idea2 {
color:#2097e0;
bottom:100px;
right:50px;
position:absolute;
font-size:24px;
font-weight:bold;
background-color:#fff;
padding: 0 5px;
}

.idea {
font-weight:bold;
font-style:italic;
font-size:19px;
}

#list {
width:95%;
padding-top:120px;
margin-left:40px;
margin-right:40px;
margin-bottom:40px;
float:left;
}

.projectbox {
float:left;
width:100%;
padding-top:60px;
}

.projecttext {
position:relative;
float:left;
width:400px;
border-bottom:dashed 1px #aaa;
padding-bottom:20px;
}


.projecttext a {
color:#2097e0;
}

.projecttext a:hover {
color:#fff;
text-decoration:none;
background-color:#000000;
padding:3px;
}

.projecttext p {
margin-top:30px;
}

.projectimg {
float:right;
width:355px;
height:203px;
}

#footer {
float:left !important;
float:none;
width:100% !important;
padding-top:60px;
padding-bottom:30px;
}

#live {
margin-left:420px !important;
margin-left:210px;
float:left;
}

#copy {
font-size:11px;
margin-left:460px;
padding-top:5px;
}

#author {
font-size:11px;
margin-left:460px;
padding-top:10px;
}

.date {
position:absolute;
top:-5px;
left:380px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-style:italic;
color:#999;
border-left:solid 3px #ddd;
padding-left:10px;
width:50px;
}

.year {
font-size:16px;
}

#numpage {
width:100%;
float:left;
text-align:center;
font-size:20px;
font-style:italic;
padding-top:55px;
}

#numpage a{
color:#999;
}

#numpage a:hover{
color:#2097e0;
}

#abouttext {
width:400px;
padding-top:70px;
float:left;
margin-left:100px !important;
margin-left:50px;
}

#abouttext p {
margin-top:20px;
}

#aboutimg {
margin-top:40px;
float:right;
margin-right:100px;
padding:10px;
border:dashed 1px #ccc;
}

.adobe {
float:right;
margin-right:100px;
margin-top:20px;
width:169px;
height:43px;
}

#message {
width:100%;
}

.email {
font-size:36px;
}

.emailtitle {
font-size:12px;
padding:4px;
background-color:#000000;
color:#fff;
}

.emailtitle:hover {
background-color:#2097e0;
}