/*  Nascom base.css  All Rights Reserved. *****************

Title: base.css
Purpose: reset all standard html element in all browsers for integration team
Status: Valid CSS 2.1 according to W3C, lets keep it this way
Author: Mark, ...
Version: 1.2 Alpha (Change request by Raf B. & adding class .strike by Mark C.)
/************************************************************/

/* import a standard form.css, put all css declaration in this file */
@import url(form.css);
html {font-size :16px;}
body, html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, pre, cite, code, em, img, samp, small, strong, var, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;}
body {font : normal 62.5%/1 Verdana, Arial, "Helvetica Neue", Helvetica, "Times New Roman", "Courier New", sans-serif;color :#333;background-color :#fff;} /*scales down that 1em = 10px */
h1,h2,h3,h4,h5,h6,strong {font-weight:bold;}
abbr,acronym {border-bottom:1px dotted #000;cursor:help;} /*you need to add a title attribute to the html with the explanation*/
em {font-style:italic;}
p {line-height :1.125;} /* equals 18px = default 16 px : 18 px wished = factor 1.125*/
ul {list-style: none;}
ol {list-style : decimal inside none;}
a:link, a:visited {text-decoration :none;}
a:hover, a:active, a:focus {text-decoration : underline;}
a, a img, a:active img, a:focus img, :focus, *:focus {outline: 0;} /* no outline's in mozilla browsers around links and iamges */
table {border-collapse: collapse;border-spacing: 0;}/* tables still need cellspacing="0", cellpadding="0" in the markup / please use table only for where they are designed for */
small {font-size :90%;}

/* default margins, so everything will get a nice space underneath, can be overridden as you like **********/
/*h1, h2, h3, h4, h5, h6, p, ul, ol, dl, bloqckquote {margin-bottom :15px;} /* add your own elements to it, must be a block-level element*/
/* default classes you can add to your html **************/
.left          { float:left;}
.right         { float:right;}
.clear         { clear:both;} /* can be used on all elments, even <br class="clear" /> */
.clear-left    { clear: left;}
.clear-right   { clear: right;}
.hideflow      { overflow :hidden; } /* can be used to display al in a div with 2 float in it */
.underline     { border-bottom:1px solid ;} /*if you don't specify a color, the color of the border will allways be the color of the text (inheritance) */
.strike        { text-decoration :line-through; }
.highlight     { background-color:#ffc;  color :inherit; }
.img-left      { float:left;margin: 0 10px 4px 0; } /* change to your needs */
.img-right     { float:right;margin: 0 0 4px 10px; }/* change to your needs */
.pos_absolute  { position :absolute; }
.pos_relative  { position :relative; }
.block         { display :block;  }
.hidden        { display :none; }

/* default nice clean info, succes, error and warnings boxes, you will need the images in the subfolder **********/
.info, .success, .warning, .error, .validation {border: 1px solid;margin: 10px 0px;padding:15px 10px 15px 50px;background-repeat: no-repeat;background-position: 10px center;}
.info {color: #00529B;background-color: #BDE5F8;background-image: url(images/info.png);}
.success {color: #4F8A10;background-color: #DFF2BF;background-image: url(images/valid_green.png);}
.warning {color: #9F6000;background-color: #FEEFB3;background-image: url(images/attention.png);}
.error {color: #D8000C;background-color: #FFBABA;background-image: url(images/cancel.png);}

/* table */
body,html{width:100%;height:100%;}
.wrapper{width:960px;text-align:left;}
.navigation{background:#000;height:49px;vertical-align:middle;}
.navigation ul{margin:0 0 0 30px;}
.navigation li{display:inline;}
.navigation a{font-size:14px;font-weight:bold;color:#fff;text-decoration:underline;margin:0 35px 0 0;}
.navigation a.active{color:#ff0000;text-decoration:none;}

td.topbar{background:#ff0000 url(../img/header.jpg) no-repeat top left;width:960px;height:172px;position:relative}
.topbar img{float:right;margin:15px 15px 0 0}

.content{width:630px;height:800px;background:#efefef;vertical-align:top;padding:40px 10px;}
.colright{width:330px;vertical-align:top;}
.content h1{color:#2400ff;font-size:4em;padding:0 0 20px;font-family:"Times New Roman";font-weight:bold;}
.content h2{color:#2400ff;font-size:3.2em;padding:0 0 25px;font-family:"Times New Roman";font-weight:bold;}
.content p{padding:0 0 25px;color:#000;font-size:1.4em;}
.content .youtube{padding:0 0 20px;}
.content .link{color:#ff0000;font-size:2.1em;text-decoration:underline;font-family:"Times New Roman";font-weight:bold;}

.colright table{margin:25px 0 0;border-right:1px solid #e3e3e3;}
.colright table .founderinfo td{vertical-align:top;padding:0 0 20px;}
.colright table .founderinfo img{padding:0 0 0 5px;}
.colright table .founderinfo h2{color:#ff0000;font-size:2em;text-decoration:underline;margin:0 0 15px;font-weight:normal;font-family:"Times New Roman";font-weight:bold;}
.colright table .founderinfo h2 a.link{color:#ff0000;font-size:1em}
.colright table .founderinfo p{color:#000;font-size:1.1em;}
.confession td{background:#2400ff;}
.confession td a{color:#fff;font-size:3.4em;}
.confession .img{text-align:center;}
.confession.small td a{font-size:2.7em;}

.spacer{height:10px;}

.colright h3{background:#ff0000;padding:10px 5px 0 10px;color:#fff;font-size:1.5em;margin:30px 0 0 0;}
.colright ol{list-style-position:outside;margin:0 0 0 15px;padding:15px 10px 30px;}
.colright ol li{font-size:1.2em;color:#000;margin:0 0 5px;}

/* store */
.storetable{/*border:1px solid #000;*/width:100%;}
.storetable td{border:1px solid #000;}
.storetable .shirt{width:290px;}
.storetable input{margin:0 0 0 20px;padding:0 10px;font-size:14px;clear:both;}
.storetable p{font-weight:bold;color:#ff0000;margin:10px 0 0 20px}
.storetable a.enlarge{margin:0 0 0 20px;font-size:1.2em;}

/* advertisment */
tr.advertisment td{padding-top:30px}
.advertisment p{margin:0 0 5px 15px;font-size:1.3em;font-family:Arial;}
.advertisment p a{color:#2200CC;text-decoration:underline;font-size:1.2em;font-weight:bold;}
.advertisment p a.green{color:green;text-decoration:none;font-size:1.1em;font-weight:normal;}

.advertisment .smaa-arrows a{display:block;width:13px;height:13px;background:#9E9FF6 url(../img/smaa-arrows.gif) no-repeat -13px top;float:left;margin-right:2px}
.advertisment .smaa-arrows a.smaa-up{background-position:top left}
.advertisment .smaa-arrows a:hover{background-position:0 -13px}
.advertisment .smaa-arrows a.smaa-down:hover{background-position:-13px -13px}
.advertisment .smaa-arrows a span{display:none}

/* Links */
.links h3{margin:0;}
.links p{padding:10px 5px 5px;font-size:1.2em;}
.links{padding:0 0 10px;}
.links a{display:block;padding:0 5px 5px;font-size:1.1em;text-decoration:underline;}

/* */
#at-logo{display:none;}
#at16ptc,#at15s_head{display:none;}
#at16pm {height:80px !important}
#at16ps{height:20px !important;overflow:hidden !important;}
#at16pc {height:43px !important;}
#at16psf{position:absolute!important;z-index:-200 !important;}