/*
standard elements
*/
body{font:11px/16px "Courier New", Courier, monospace; color:white; background-color:#9c3000; margin:0; padding:0; direction:rtl;}
img{border:0;}
p{margin:4px 0px 10px 0px;}
a{color:#ffcf9c;}
a:hover{color:#da9e5e;}
b, strong{font-size:12px;}
h1{font-size:14px; font-weight:bold; letter-spacing:1px; margin-bottom:40px;}
h2{font-size:13px; font-weight:bolder; margin-bottom:2px;}
h2 a{text-decoration:none;}
hr{display:none;}
.hr-white{height:1px; background-color:white; margin-bottom:12px;}
.hr{height:1px; background-color:#ffcf9c; margin-bottom:12px;}
/*
layout
*/
#wrap{margin-left:50px; margin-right:50px;}
#header{position:relative; height:45px; margin-bottom:4px;}
#logo{font-size:24px; font-weight:bold; position:absolute; right:0; bottom:4px;}
#logo a{color:white; text-decoration:none;}
#logo a:hover{color:#ffcf9c;}
#sitetitle{position:absolute; left:0; bottom:0; font-size:14px; font-weight:bold; text-align:left; letter-spacing:1px; margin-bottom:0px;}
#page{border-top:7px solid #e7cdc2; border-bottom:4px solid #e7cdc2; border-left:2px solid #e7cdc2; border-right:2px solid #e7cdc2;}
#content{width:790px; margin:20px auto 0px auto;}
#footer{position:relative; height:40px;}
#footer a{text-decoration:none;}
#copyright{position:absolute; right:0; top:4px;}
#credits{position:absolute; left:0; top:4px;}
#nav{font-size:12px; font-weight:bold; letter-spacing:1px; margin:6px 12px 0 0;}
#nav a{color:white; text-decoration:none;}
#nav a:hover{color:#ffcf9c;}
#nav span{color:#ffcf9c;}
#nav ul{margin:0; padding:0;}
#nav ul li{display:inline; margin:0; padding:0;}
#nav ul li img{vertical-align:middle;}
.float-left{float:left;}
.float-right{float:right;}
/*
images
*/
.imgframe{border:1px solid white;}
.imgframehi{border:1px solid #ffcf9c;}
a .imglink{border:1px solid white;}
a:hover .imglink{border:1px solid #ffcf9c;}
/*
popups
*/
#popup-close{margin-top:6px;}
#logosm{font-size:16px; font-weight:bold; vertical-align:bottom; margin-top:6px; margin-bottom:4px;}
/*
projects
*/
.project-cell-img{clear:both; height:170px;}
.project-cell-flash{clear:both; height:200px;}
.project-img{float:right; margin-left:32px;}
.projec-info-img{margin-right:365px;}
.projec-info-flash{margin-right:284px;}
/*
about
*/
#about{height:320px;}
#about-img{float:left; margin-right:40px;}
/*
cph
*/
#cph{height:380px;}
#cph-flash{float:right; margin-left:40px;}
/*
dongtan
*/
#dongtan-flash{float:left; margin-right:40px;}
/*
other styles
*/
#backto{font-size:10px; text-align:left; margin-bottom:12px;}
.popup-img-cont{padding:10px}
.smalltext{font-size:10px;}