@CHARSET "UTF-8";
/*
*/
body,img,p,h1,h2,h3,h4,h5,h6,fieldset,form,table,td,ul,li,dl,ol,dd,dt,pre,blockquote,code{ margin:0; padding:0; border:0; }

body{
	background: #003366 url(/medias/images/tnw_bg.png) top left repeat-x;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 100%;
	text-align: center;
	color: #333333;
}
h1,h2,h3{ margin: 10px 0; font-family: Georgia; }
h4,h5,h6{ margin: 6px 0; }
h1{ color: #002f2f; }
h2{ color: #046380; }
h3{ color: #777777; }
h3{ padding: 5px 0; border-bottom: solid 1px #dddddd; font-family: Arial, Helvetica, sans-serif; font-size: 16px; }

p{ font-size: .8em; line-height: 20px; margin: 10px 0; }
ul{}
blockquote{ padding: 20px 10px; font-family: Georgia; }
a,a:visited,a:active,a:link{}
a:hover{}
button{ border: solid 1px #333333; color: #ffffff; font-weight: bold; background-color: #003366; padding: 3px 5px; }
button:hover{ border: solid 1px #777777; }

/*
*-------------------------
*	layout
*-------------------------
*/
div.wrapper{ position: relative; width: 710px; margin: 30px auto; background: #ffffff url(/medias/images/tnw_wrap_bg.png) top left repeat-y; text-align: left; }
div.header{ position: relative; background: #ffffff url(/medias/images/tnw_top.png) top left no-repeat; height: 188px; }
div.content{ position: relative; padding: 0 40px 0 20px; }
div.footer{ text-align: center; padding: 15px; }

/*
*-------------------------
*	sections
*-------------------------
*/
div.header .gohome{ text-decoration: none; display: block; height: 95px; width: 600px; position: absolute; top: 0; left: 0; }
div.header .nav{ position: relative; top: 113px; width: 685px; }
div.header .nav li{ float: left; width: 228px; list-style: none; }
div.header .nav li a{ display: block; height: 60px; font-size: 20px; text-decoration: none; padding: 15px 0 0 15px; color: #333333; }
div.header .nav li a span{ font-size: 11px; color: #777777; }
div.header .nav li a:hover{ background-color: #eeeeee; }

div.footer ul{ margin: 0 auto; font-size: 11px; }
div.footer ul li{ display: inline; margin: 0 10px; font-size: 11px; color: #777777; }
div.footer ul li a{ color: #777777; }

div.portfoliodetail{ margin: 0 0 20px 0; }
div.portfoliodetail h3{ padding: 5px 0; border-bottom: solid 1px #dddddd; font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
div.portfoliodetail .desc{ font-size: 0.8em; }
div.portfoliodetail .desc p{  }
div.portfoliodetail .desc a{ color: #444444; text-decoration: underline; }
div.portfoliodetail .desc ul{ width: 225px; padding: 0; margin: 5px 0 5px 25px; list-style: none; font-size: 11px; }
div.portfoliodetail .desc ul li{ padding: 5px 0 5px 10px; margin: 0 0 10px 0; border-bottom: solid 1px #eeeeee; border-left: solid 1px #eeeeee; }
div.portfoliodetail a.screenshot{ float: right; margin: 0 0 10px 10px; }

form.payForm{ font-size: 12px; padding: 0 20px 20px 20px; width: 360px; }
form.payForm .row{ margin: 10px 0; }
form.payForm .row label{ display: block; float: left; clear: left; width: 120px; font-weight: bold; } 
form.payForm .row input{ width: 120px; background-color: #ffffff; border: solid 1px #6c6d6f; }
form.payForm .buttonrow{ padding-left: 50px; }

/*
*-------------------------
*	classes
*-------------------------
*/
.clear{ clear: both; }
.errorBlock{ background-color: #FFC6A5; border: solid 1px #ff0000; color: #ff0000; padding: 5px 10px; font-weight: bold; font-size: 12px; }
.successBlock{ background-color: #99ff99; border: solid 1px #00aa00; color: #00aa00; padding: 5px 10px; font-weight: bold; font-size: 12px; }

.contactPage form.contactForm{ float: left; font-size: 12px; padding: 0 20px 20px 20px; width: 360px; }
.contactPage form.contactForm .row{ margin: 10px 0; }
.contactPage form.contactForm .row label{ display: block; float: left; clear: left; width: 50px; font-weight: bold; } 
.contactPage form.contactForm .row input{ width: 300px; background-color: #ffffff; border: solid 1px #6c6d6f; }
.contactPage form.contactForm .row textarea{ width: 300px; height: 150px; overflow: auto; background-color: #ffffff; border: solid 1px #6c6d6f; }
.contactPage form.contactForm .buttonrow{ padding-left: 50px; }

.slideDown{ position: absolute; top: -10px; left: 0; background: #dddddd; border-bottom: solid 2px #cccccc; width: 685px; }
.slideDown form.contactForm{ font-size: 11px; padding: 20px 20px 0 20px; width: 100%; }
.slideDown form.contactForm .group{ float: left; }
.slideDown form.contactForm .group1{ width: 280px; }
.slideDown form.contactForm .group2{ width: 365px; }
.slideDown form.contactForm .group1 .row{ margin: 0 0 30px 0; }
.slideDown form.contactForm .group2 .row{ margin: 0 0 10px 0; }
.slideDown form.contactForm .row label{ display: block; float: left; clear: left; width: 45px; font-weight: bold; } 
.slideDown form.contactForm .row input{ width: 200px; background-color: #ffffff; border: solid 1px #6c6d6f; height: 25px; font-size: 12px; }
.slideDown form.contactForm .row textarea{ width: 310px; height: 145px; overflow: auto; background-color: #ffffff; border: solid 1px #6c6d6f; font-size: 12px; }
.slideDown form.contactForm .buttonrow{ padding-left: 50px; }

.wysiwyg{ line-height: 22px; }
.wysiwyg ul,.wysiwyg ol{ padding: 0 0 0 40px; font-size: 0.8em; }
.wysiwyg li{ margin: 0 0 3px 0; }
.wysiwyg blockquote{ margin: 10px 0 10px 40px; }
.wysiwyg a{ color: #444444; text-decoration: underline; }