/* Grid System CSS ============================================================= */

html,body,div,span,applet,object,iframe,h7,h8,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,b,u,i,center,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-size:100%;vertical-align:baseline;}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* Reset the new HTML5 elements */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; }
mark, rp, rt, ruby, summary, time { display: inline }

/*
960px Grid Framework system.
Typography 
*/





h7, h8  {color:#2A2A2A;margin-bottom:15px;letter-spacing:-1px;text-transform:capitalize}
h7 {font-size:26px;}
h8 {font-size:24px;}
a{font-weight:bold;color:#2484a8}
article header h1{font-size:18px}

#container{width:940px;margin:40px auto;background:#FFF;padding:20px;overflow:auto;min-height:1000px}

/* Modal Styling ============================================================= */

#mask{position:absolute;top:0;left:0;z-index:2;background:#111;opacity:0.8;display:none}
.window{background:#FFF;padding:20px;position:absolute;z-index:7;border:5px solid #000;opacity:1.0;
-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
#window1{display:none;}
#window2{display:none;}
#window3{display:none;}
#window4{display:none;}
#window5{display:none;}
#window6{display:none}
.window .close {position:absolute;top:-12px;right:-12px;text-decoration:inherit}