/* reset */
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, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;  }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: white; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 3px; }
caption, th, td { text-align: left;border-spacing:5px; font-weight: normal; padding: 0px }
table.header{ border-collapse: seperate; padding: 0px;border-spacing:0}

th.header, td.header { text-align: left;font-weight: normal;padding: 0px}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; overflow: hidden; font-size: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* layout */
body { padding: 0 0; font-size: 14px; line-height: 20px; font-family: Trebuchet MS1, Helvetica, sans-serif; color: #000; background: #fff ; background-attachment: fixed; background-position: 	 top; }
#canvas { margin: 0 auto; padding: 30px; width: 850px; background:url("../canvas.png");  }
* html #canvas { background: #fff; }

/* header*/
#header { display: block; margin-bottom: 10px; font-family: "Palatino Linotype","Book Antiqua",Palatino,serif; }
.site-name a, #tag { font-weight: normal;  font-size: 16px; padding: 5px 10px; float: left; }
.site-name { background: #5C5C5C; color: #fff; }
.site-name a { background: #5C5C5C; color: #fff; border: 1px solid #5C5C5C; padding: 4px 10px;  }
.site-name a:hover { background: transparent; color: #000; border: 1px solid #000; }
#tag { color: #000; }

/* menu  */
#menu { margin-bottom: 60px; font-family: "Palatino Linotype","Book Antiqua",Palatino,serif; }
#menu li { float: left; padding-right: 20px; }
#menu li a { display: block; padding-bottom: 15px !important; text-decoration: none; font-style: italic; font-size: 24px; border: none; }
#menu li a.active { padding-bottom: 10px; border-bottom: 1px solid #000;  }
#menu li a:hover { padding-bottom: 10px; border-bottom: 2px solid #000; background: none; color: #000; }


/*Another menu*/

ul#minitabs{list-style: none;margin-bottom: 50px; ;padding: 7px 0;
  border-bottom: 1px solid #CCC;font-weight: bold;
  text-align: center;white-space: nowrap}
ul#minitabs li{display: inline;padding-right: 20px; margin: 0 2px}
ul#minitabs a{text-decoration: none;padding: 0 0 3px;
  border-bottom: 4px solid #FFF; color: #999;font-size: 16px}
ul#minitabs a.active{border-color: #F60;color: #06F}
ul#minitabs a:hover{border-color: #F60;color: #666}


/* page title */
.page-title { border: 1px solid #000; position: relative; height: 40px; width: 650px; margin-bottom: 40px; }
.page-title span { font-family: Trebuchet MS1, Helvetica, sans-serif;  font-size: 20px; position: absolute; background: #000; color: #fff; padding: 10px; }
.home .page-title { height: 200px; }
.home .page-title span { top: 100px;  }
.contact .page-title { margin-bottom: 20px; }
.home .page-title { margin-bottom: 20px; }

/* subtitles */
h2.title , .home h3.title { font-size: 22px; padding-bottom: 10px; margin-bottom: 20px; font-weight: bold;
  text-align: center;white-space: nowrap}

h2 { font-size: 20px; padding-bottom: 10px; margin-bottom: 20px; font-weight: bold; text-align: left;white-space: nowrap}
h3 { font-size: 16px; padding-bottom: 8px; margin-bottom: 15px; font-weight: bold; text-align: left;white-space: nowrap}
  

  .home h2 { font-style: normal; padding: 0; }
 .home h4 { padding-bottom: 5px; border-bottom: 1px solid #ddd; font-family: Trebuchet MS1, Helvetica, sans-serif;  font-size: 14px; font-weight: bold;
  text-align: center;white-space: nowrap; margin-bottom: 15px }

/* style */
a { color: #000; text-decoration: none; border-bottom: 1px solid #999; padding: 2px 0; }
a:hover { background: #fff; color: #380080; border-bottom-color: #000; }
p, address { margin-bottom: 20px; }
.left { float: left; margin: 0 20px 20px 0; }
.right { float: right; margin: 0 0 20px 20px; }
.border { border: 1px solid #000; }
strong { font-weight: bold; }

/* form */
form { padding: 30px; position: relative; }
form input, form textarea { font-size: 14px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000; padding: 4px; }
form label { display: block; float: left; width: 120px; padding: 5px 10px 5px 5px; text-align: right; font-style: italic; font-family: "Palatino Linotype","Book Antiqua",Palatino,serif; }
form .text input, form textarea { background: none; border: 1px solid #ccc; width: 400px; }
* html form .text input, * html form textarea { background: #fff; }
form .input { margin-bottom: 10px; }
form .submit { text-align: right; margin-right: 40px; }
form .error-message { font-family: "Palatino Linotype","Book Antiqua",Palatino,serif; font-style: italic; width: 390px; margin-left: 135px; padding: 5px 10px; color: #f00; }
  
/* definition lists */
dl { margin-bottom: 30px; }
dt { float: left; width: 150px; font-style: italic; text-align: right; padding-right: 10px; font-family: "Palatino Linotype","Book Antiqua",Palatino,serif; }
dd { margin-left: 160px; margin-bottom: 10px; }

/* home page*/
.intro { font-size: 22px; font-style: italic; line-height: 28px; font-family: "Palatino Linotype","Book Antiqua",Palatino,serif; }
.intro a { padding: 0; border: none; font-weight: bold; }
.intro a:hover { padding: 0; border-bottom: 1px solid #999; background: none; color: #000; padding-bottom: 5px; }
.intro strong { font-weight: normal; background: #FFFF99; }

/* contact page */
iframe { margin-bottom: 30px; border: 1px solid #000; }
.info { font-size: 13px; text-align: right; font-style: italic; padding-left: 200px; font-family: "Palatino Linotype","Book Antiqua",Palatino,serif; }
.info a { border: none; font-weight: normal; background: #FFFF99; }
.info a:hover { background: #000; }

/* portfolio */
.portfolio-item { position: relative; margin-bottom: 40px; width: 652px; }
.portfolio-item .screenshot { display: block; padding: 0; border: none; }
.portfolio-item img { display: block; border: 1px solid #000; }
.portfolio-item p { font-style: italic; margin-top: 5px; text-align: right; font-size: 12px; }
.portfolio-item h2 { font-family: "Palatino Linotype","Book Antiqua",Palatino,serif; position: absolute; right: 0; top: 100px; background: #000; color: #fff; padding: 10px; font-size: 20px; border: none; }

/* messages */
.message { background: #ffffcc; border: 1px solid #ffcc66; padding: 10px; margin-bottom: 30px; }

/* fancybox fix */
div#fancy_wrap { padding-bottom: 30px; }
div#fancy_overlay { background: #000; }
#fancy_wrap a { padding: 0; border: none; }
#fancy_wrap a:hover { background: none; }