@charset "UTF-8";

/* Import styles 
---------------------------------------------------*/
@import url("css/nav.css");
@import url("css/portfolio.css");
@import url("css/blog.css");
@import url("css/contact.css");
@import url("css/lightbox.css");


/* General styles 
---------------------------------------------------*/

/* ----- Reset ----- */
*, body, h1, h2, h3, h4, h5, h6, table, p {margin: 0; padding: 0; font-size: 100%; list-style-type: none;}
table,tr,td,th{border-collapse: collapse; font-weight: normal;}
img {border: none; margin: 0; padding: 0;}


/* ----- Helper ----- */
.hide {display: none;}
.pkg:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
line-height: 0em;
}
.pkg {display: block;}


/* ----- Typo ----- */
h1, h2 {
font-size: 120%;
font-weight: bold;
font-family: Georgia, 'Times New Roman', Times, serif; 
color: #c7b95d;
padding: 0 0 20px 0;
}
h3 {
font-size: 100%;
font-weight: bold;
font-family: Georgia, 'Times New Roman', Times, serif; 
color: #c7b95d;
padding: 0 0 20px 0;
}

#content p {
margin: 0;
padding: 0 0 20px 0;
line-height: 200%;
}
#content p.last {
padding: 0 0 30px 0;
}
#content p.none {
padding: 0;
}


/* ----- Layout ----- */
body {
margin: 0;
padding: 0;
color: #000000;
font: 11px/0.7em 'Lucida Grande', 'Lucida Sans Unicode', 'MS PGothic', 'Trebuchet MS', 'Hiragino Kaku Gothic Pro W3', Osaka, geneva, verdana, sans-serif;
line-height: 100%;
letter-spacing: 0.02em;
text-align: center;
background: #FFFFFF url(images/bg.jpg) no-repeat fixed left top;
}

/* resizable font values for IE */
* html body {
font: 69%/0.7em 'Lucida Grande', 'Lucida Sans Unicode', 'MS PGothic', 'Trebuchet MS', 'Hiragino Kaku Gothic Pro W3', Osaka, geneva, verdana, sans-serif;
line-height: 100%;
letter-spacing: 0.02em;
}

#wrapper {
margin: 0 auto;
padding: 0;
width: 900px;
text-align: left;
background: transparent;
}

#header {
width: 900px;
height: 187px;
background: transparent url(images/header_bg.gif) no-repeat 0px 0px;
}
#header h1.logo,
#header p.logo {
padding: 72px 0 0 40px;
}

#content {
width: 900px;
width/* */:/**/820px; /*-- hidden only from WinIE5.  Apply to anything else except WinIE5.  Feb.26,2007-- */
_width: 900px; /* WinIE6 */
height: auto;
margin: 0;
padding: 0 40px 10px 40px;
background-color: #FFFFFF;
/*\*//*/
display: inline-block;
/**/
}

#left, #right {
display: inline;
float: left;
}

#content #left {
margin: 30px 40px 0 0;
padding: 0;
width: 550px;
}
#content #right {
margin: 30px 0 0 0;
padding: 0;
width: 230px;
}
#content #center {
margin: 0;
padding: 30px 0 0 0;
width: 820px;
}



#footer {
clear: both;
width: 900px;
height: 172px;
margin: 0;
padding: 0;
background: transparent url(images/footer_bg.gif) no-repeat 0px 0px;
}
#footer_box {
margin: 0 auto;
padding: 130px 0 0 0;
width: 900px;
text-align: left;
}
#footer .text {
margin: 0;
padding: 0 0 0 40px;
text-align: left;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'MS PGothic', 'Trebuchet MS', 'Hiragino Kaku Gothic Pro W3', Osaka, geneva, verdana, sans-serif;
font-size: 0.9em;
}

.top_10 {
margin-top: 10px;
}

.backtotop_box {
width: 100px;
width/* */:/**/120px; /*-- hidden only from WinIE5.  Apply to anything else except WinIE5.  Feb.26,2007-- */
height: 18px;
display: block;
float: right;
margin: 10px 0 10px 0;
padding: 0;
overflow: hidden;
}
.backtotop_box:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0em;
}

.backtotop { margin: 0; padding:0; text-align: left; }
.backtotop a { margin: 0; padding: 0; display: block; font-weight: bold; }
.backtotop a:hover { visibility: visible; font-weight: bold; }
.backtotop a:hover img { visibility: hidden; }

.backtotop img {
margin: 3px 6px 0 0;
padding:0;
border: 0;
display: inline;
float: left;
}

.separator {
clear: both;
width: 100%;
height: 1px;
margin: 10px 0 30px 0;
padding: 0;
background: url(images/separator_dot.gif) repeat-x 0px 0px;
display: block;
overflow: hidden;
}

.clear {
clear: both;
}


/* ----- Link ----- */
a:link {color: #8b8566; text-decoration: none;}
a:visited {color: #8b8566; text-decoration: none;}
a:active {color: #8b8566; text-decoration: none;}
a:hover {color: #c7b95d; text-decoration: none;}

#content a:link {color: #e26d16; text-decoration: none;}
#content a:visited {color: #e26d16; text-decoration: none;}
#content a:active {color: #e26d16; text-decoration: none;}
#content a:hover {color: #c7b95d; text-decoration: none; background-color: #e8e3c3;}



/* ----- Form ----- */
fieldset {
margin: 0;
padding: 0;
border-width: 0;
border-style: solid;
display: inline;
}

input, select, textarea {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'MS PGothic', 'Trebuchet MS', 'Hiragino Kaku Gothic Pro W3', Osaka, geneva, verdana, sans-serif;
}

input {
padding: 1px;
}

.button {
margin: 0;
padding: 0;
}