@charset "UTF-8";
/* CSS Document */

body{
background: #ccc;
margin:0px;
background-image: url(images/pattern_bg.jpg);
}

#nav{
width: 130px;
height:100%;
position: relative;
background: #;
float: left;
margin-top: 40px;
margin-left: 5%;
}
#curve{
width: 180px;
height:auto;
position: relative;
background: #;
margin-top: 0px;
margin-left: 5%;
}
#content{
width: 600px;
height: 760px;
position: relative;
background: #ebe1d9;
float: left;
margin-top: 40px;
margin-left: 0px;
border: #3e1803  1px solid;
}
#sectiona{
width: 400px;
height: 100px;
position: absolute;
top: 645px;
left: 20px;
background: #;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
line-height: 20px;
color: #3590DB;
}
#sectionb{
width: 400px;
height: 100px;
position: absolute;
top: 770px;
left: 20px;
background: #;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
line-height: 20px;
color: #3590DB;
}

#section_teach{
width: 600px;
height: 100px;
position: absolute;
top: 1070px;
left: 0px;
background: #;
}
.thumbnail{
width: 200px;
height: 120px;
position: absolute;
bottom: 0px;
left: -23px;
}
.portfolio{
width: 160px;
height: 80px;
position: relative;
margin: 10px 0 0 30px;
float: left;
border: 1px dashed #666;
overflow: visible;
}
#contentteach{
width: 600px;
height: 1250px;
position: relative;
background: #ebe1d9;
float: left;
margin-top: 40px;
margin-left: 0px;
border: #3e1803  1px solid;
}
#contentdesign{
width: 600px;
height: 280px;
position: relative;
background: #ebe1d9;
float: left;
margin-top: 40px;
margin-left: 0px;
border: #3e1803  1px solid;
}

#contentcontact{
width: 600px;
height: 750px;
position: relative;
background: #ebe1d9;
float: left;
margin-top: 40px;
margin-left: 0px;
border: #3e1803  1px solid;
}
#contentclients{
width: 600px;
height: 600px;
position: relative;
background: #ebe1d9;
float: left;
margin-top: 40px;
margin-left: 0px;
border: #3e1803  1px solid;
}
#contentillustration{
width: 600px;
height: 900px;
position: relative;
background: #ebe1d9;
float: left;
margin-top: 40px;
margin-left: 0px;
border: #3e1803  1px solid;
}
#gallerybox{
width: 600px;
height: 1000px;
position: relative;
background: #ebe1d9;
float: left;
margin-top: 40px;
margin-left: 0px;
border: #3e1803  1px solid;
}
#section_title{
margin:10px 0 0 150px;
}
#section_title_teach{
margin:10px 0 0 20px;
}
#logo{
width: 150px;
height: 150px;
position: absolute;
top: -10px;
left: -70px;
}
#flag{
width: 650px;
height: 150px;
position: absolute;
top: -29px;
left: -18px;
}
#name{
width: 600px;
height: 80px;
position: absolute;
top: 0px;
left: 0px;
}
#mainimg{
width: 600px;
height: 395px;
position: absolute;
top: 80px;
left: 0px;

}
#intro{
width: 580px;
height: 200px;
position: absolute;
top: 475px;
left: 0px;
padding: 10px;
}
#footer{
width: 580px;
height: 75px;
position: absolute;
bottom: 0px;
left: 0px;
padding: 0 12px;
text-align: justify;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
line-height: 20px;
color: #666;
margin-top: 0px;
}
#navlist{
background: #000;
padding: 2px;
margin: 0px;
}

#navlist li{
border: #000 1px solid;
list-style-type: none;
width: 150px;
}

#navlist li a{
display: block;
text-decoration: none;
padding: 4px;
font-family: "Century Gothic", Verdana, sans-serif;
font-size: 12px;
}
#navlist li a:link{
background: #402512;
color: #7ac4e7;
background-image: url(images/navbg.jpg);
}
#navlist li a:visited{
background: #402512;
color: #7ac4e7;
background-image: url(images/navbg.jpg);
}
#navlist li a:hover{
background: #2d1105;
color: #e3aa00;
background-image: url(images/navbg_after.jpg);
}
#navlist li a:active{
background: #2d1105;
color: #e3aa00;
background-image: url(images/navbg_after.jpg);
}
h2{
margin: 0px;
color: #ad3e1c;
font-family: "Century Gothic", Verdana, sans-serif;
}
.bodytext{
	text-align: justify;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 20px;
	color: #333;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #333;
}
.bodytextcenter{
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 20px;
	color: #333;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #333;
}
.t{
float: left;
margin-top: -13px;
margin-right: -16px;
}

.a{
float: left;
margin-top: -13px;
margin-right: -6px;
}
.i{
float: left;
margin-top: -13px;
margin-right: -20px;
}
#footer a{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
line-height: 20px;
color: #BFC456;	
text-decoration: none;
}
#sectiona a{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
line-height: 20px;
color: #333;	
text-decoration: none;
}
#sectiona a:hover{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
line-height: 20px;
color: #000;	
text-decoration:underline;
}
#sectionb a{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
line-height: 20px;
color: #333;	
text-decoration: none;
}
#sectionb a:hover{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
line-height: 20px;
color: #000;	
text-decoration: underline;
}
#footer a:hover{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
line-height: 20px;
color: #777728;	
text-decoration: none;
}
#teaching{
width: 580px;
height: 565px;
position: absolute;
top: 80px;
left: 0px;
padding: 10px;
}
.contacttext{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
color: #333;
font-weight: bold;
}
.confirmtextsmall{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
color: #666;
}
.confirmtextbig{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
color: #c94206;
font-weight: bold;
}
#viewer{
width: 600px;
height: 565px;
position: absolute;
top: 100px;
left: 0px;
}
.gallery{
margin: 0 0 0 -40px;
width: 560px;
height: 110px;
background: #;
}
#teaching a{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
line-height: 20px;
color: #BFC456;	
text-decoration: none;
}
#teaching a:hover{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
line-height: 20px;
color: #777728;	
text-decoration: none;
}
#launchbox{
width: 260px;
height:50px;
position: relative;
float: right;
margin-right: -10px;
}

#launchimg{
position: absolute;
top: 0px;
right:0px;
}
#launchtext{
position: absolute;
top: 13px;
right:50px;
width: 200px;
text-align: right;
}
.galleria{list-style:none;width:600px;}
.galleria li{display:block;width:55px;height:55px;overflow:hidden;float:left;margin:10px 0px 0px 10px}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */