/* Browser Reset
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: top; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/* Body
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
  font-size:  70%;
  color: #000000; 
  background:#ffffff url('../_img/elements/bg.png') repeat-y center;
  font-family: Verdana, Arial, Helvetica,  sans-serif;
  margin:0;padding:0;
}


p           { margin: 0 0 1.5em; font-size:1em;}

a:focus, 
a:hover     { color: #666;text-decoration: underline;}
a           { color: #0dc49f;text-decoration: none; }



ul          { list-style-type: disc; margin: 0 0 1.5em;}
ol          { list-style-type: decimal; margin: 0 0 1.5em;}
li a 		{color:#000;}
li a:focus, li a:hover 	{color:#0dc49f;text-decoration:none;}
li.clientlist 	{font-weight:bold;margin-top:15px;}
ul.projects li 	{list-style-image: url("../_img/elements/list.gif");margin-left:20px;}

blockquote  { margin: 1.5em; color: #333; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #000; }

h1 { font-size: 1.1em; margin: 0 0 1.5em;}
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; font-weight: bold;}

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Default Classes
-------------------------------------------------------------- */

.small      { font-size: .775em; margin-bottom: 1.875em; line-height: 1.5em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #999; }
.big {font-size:1.1em;}
.dark {color:#2a2a2a;font-weight:bold;}
.right {float:right;}
.left {float:left;}
.center {text-align:center;}


/* Images
-------------------------------------------------------------- */
img {margin:0;padding:0;}
img.floatleft {float:left;}


/* Logo
-------------------------------------------------------------- */
h1#logo {display:block;position:absolute;width:260px;height:70px;background:url('../_img/elements/popgun.png') no-repeat 0 0;text-indent:-9999px;overflow:hidden;z-index:100;margin-top:35px;}
/* h1#logo a:hover {background-position:0 -55px;}*/
h1#logo {text-decoration:none;}


/* Container
-------------------------------------------------------------- */
#container {text-align: center;width: 100%;}


/* Content
-------------------------------------------------------------- */
#content {margin:0 auto; width:960px;text-align:left;padding:0 10px;}

.split {width:470px;float:left;margin-right:10px;text-align:left;}
.splitleft {margin-top:100px;}
.splitright {margin-top:50px;text-align:center;}
.double {width:310px;float:left;margin-right:10px;}
.single {width:150px;float:left;margin-right:10px;}
.last {margin-right:0;}

.missionPrev {margin:20px 0;}
.missionPrev p {font-size:1.1em;color:#CCC;text-decoration:line-through;}

/* Contact Module
-------------------------------------------------------------- */

#toppanel { position: absolute;top: 0; width: 100%; z-index: 999; text-align: center; margin-left: auto;margin-right: auto;}
#contact {width: 100%;height: 225px;color: #FFF;background: #000000;overflow: hidden;position: relative;z-index: 3;display: none;}
#contactContent {margin:0 auto; width:960px;text-align:left;margin-top:35px}
.tab { border-top:1px solid #000;height: 13px;position: relative; top: 0; z-index: 999;}
.tab ul.contact {display: block;position: relative;;height: 13px;width: 640px;line-height:13px;margin: 0 auto;color: #000;}
.tab ul.contact  {list-style-type:none;padding-left:320px;}
.tab ul.contact li a {color: #000;}
.tab ul.contact li a:hover {color: CCC;}
.tab a.open, .tab a.close {height: 13px;line-height: 13px !important;cursor: pointer;display: block;width: 100px;position: relative;top:0;}

div#logoWhite {display:block;width:260px;height:70px;background:url('../_img/elements/popgun-white.png') no-repeat 0 0;text-indent:-9999px;overflow:hidden;z-index:1000;}
#contact h5 {color:#fff;font-weight:bold;margin:0 0 5px 0;}
#contact h2 {font-size:1em;color:#666;font-weight:bold;margin-bottom:1em;}
#contact h2 span {font-weight:normal;}

#note {position:absolute;top:5px;width:310px;vertical-align:middle;}
.notification_ok {background:#000;padding-top:30px;}

.contactlabel {float:left;width:50px;}


/* footer
-------------------------------------------------------------- */
#footer {text-align:right;margin: 0 auto;width:970px;padding:10px 5px;color:#666;font-size:1em;}
#footer a:focus, 
#footer a:hover     { color: #fff;text-decoration: underline;}
#footer a           { color: #999;text-decoration: none; }



/* Forms
-------------------------------------------------------------- */

label {font-size:1em;}


/* Fieldsets */
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.1em; }

/* Text fields */
input.text	{margin:0;font-size:1.1em;}
input.text 	{ border:1px solid #000; background:#fff; padding:2px;margin: 0 1px 5px 0; }
input.text:focus       { border:1px solid #fff; background:#fff; }

input.checkbox             {margin-top:8px; }

/* Textareas */
textarea            { margin: 0; }
textarea            { border:1px solid #333; background:#FFF; padding:2px; }
textarea:focus      { border:1px solid #666; background:#eee; }

textarea.comments {width:280px;height:45px;}

/* Select fields */
select              { border:1px solid #333;padding:1px;font-size:1.1em;margin: 3px 5px 5px 0;}
select:focus        { border:1px solid #666; background:#eee; }


.formwide {width:280px;}
.formmid {width:230px;}
.formsm {width:40px;}


/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: 0; margin-bottom: 1em; }
.error      { background: #000; color: #D12F19;font-size:.9em;}
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }

.required {color:#990000;}


/* BUTTONS */

button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#2a2a2a;
    border:1px solid #000;
    font-family:Verdana,"Lucida Grande", Tahoma, Arial,  sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#ffffff;
    cursor:pointer;
    padding:5px; /* Links */
}
button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}

button:hover, .buttons a:hover{
    background-color:#121212;
    border:1px solid #000;
    color:#fff;
}




/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }