﻿/* General */

/*Reset Common Tags*/

a,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,img
{
    margin:0px;
    padding:0px;
}

body 
{
    margin:0px auto;
    padding:0px;
    font-family:Arial;
    font-size:11px;
    background:#000000;
    color:#fff;
}

a
{
    text-decoration:none;
    color:#fff;
}

a:hover
{
    text-decoration:underline;
}

img
{
    border:0px;
}

p
{
    padding:0px;
    margin:20px 0px 20px 0px;
}

h1
{
    font-size:16px;
}

h2
{
    font-size:12px;
    padding:15px 0px 0px 0px;
}

.text-overview
{
    color:#6265c6;
}

.text-physical
{
    color:#6cabbf;
}

.text-gryphon
{
    color:#1265c6;
}

.text-contact
{
    color:#00afef;
}

		/*---------------------layout--------------------*/
		
#container 
{
    width:865px;
    padding:0px 45px 0px 50px;
    margin:0 auto;
    height:auto;
}

		/*---------------------header---------------------*/
		
#header
{
    width:865px;
    height:59px;
    Background:URL(../../images/header_bg.jpg) no-repeat;
    font-size:10px;
}

#header-left
{
    float:left;
    width:111px;
    height:47px;
    padding:12px 0px 0px 10px;
}

#header-right
{
    float:right;
    width:300px;
    text-align:right;
    padding:22px 25px 0px 0px;
}

        /*----------------------nav-----------------------*/
        
.navigation
{
    margin:0px;
    padding:0px;
    display:inline;
}

.navigation li
{
    list-style-type:none;
    float:left;
    margin:0px;
    padding:0px;
}

        /*---------------------content--------------------*/
   
#content-top
{
    float:left;
    width:865px;
}

#flash
{
    float:left;
    width:820px;
    height:210px;
    padding:7px 16px 7px 20px;
    background:URL(../../images/flash_bg.jpg) no-repeat;
}

#flash-left
{
    float:left;
    width:137px;
    height:210px;
    margin-right:33px;
    position:relative;
}
        
#flash-left IMG {
        position:absolute;
        top:0;
        left:0;
        z-index:8;
        }

#flash-left IMG.active {
        z-index:10;
        }

#flash-left IMG.last-active {
        z-index:9;
        }

#flash-middle
{
    float:left;
    width:314px;
    height:210px;
    margin-right:30px;
    position:relative;
}

#flash-middle IMG {
        position:absolute;
        top:0;
        left:0;
        z-index:8;
        }

#flash-middle IMG.active {
        z-index:10;
        }

#flash-middle IMG.last-active {
        z-index:9;
        }

#flash-right
{
    float:right;
    width:306px;
    height:210px;
    position:relative;
}

#flash-right IMG {
        position:absolute;
        top:0;
        left:0;
        z-index:8;
        }

#flash-right IMG.active {
        z-index:10;
        }

#flash-right IMG.last-active {
        z-index:9;
        }
   
#content
{
    float:left;
    width:865px;
    height:auto;
    padding:10px 0px 20px 0px;
    background-image:URL(../../images/content_bg.jpg);
    background-repeat:no-repeat;
    background-position: left bottom;
}
  
#content-leftcol
{
    float:left;
    width:400px;
    text-align:right;
    padding-bottom:180px;
}

#content-rightcol
{
    float:right;
    width:390px;
    padding-right:40px;
    line-height:16px;
}

#content-main
{
    min-height:290px;
    height:auto !important;
    height:290px;
}

#bottom-subnav
{
    border-top: 1px dotted #fff;
    width:390px;
    line-height:25px;
    padding-top:10px;
    margin:0px;
}

#bottom-subnav IMG
{
    float:left;
    margin-right:5px;
}

label
{
    float:left;
    width:60px;
    text-align:right;
    margin-right:5px;
    line-height:28px;
}

.textbox
{
    float:left;
    width:280px;
    height:14px;
    border:0px;
    font-size:11px;
    padding:7px;
    color:#fff;
    background:URL(../../images/form_bg.jpg) repeat-x;
    margin-bottom:10px;
}

#textbox-wrapper
{
    float:left;
    width:294px;
    height:66px;
}

.textbox2
{
    float:left;
    font-family:Arial;
    width:280px;
    height:52px;
    border:0px;
    font-size:11px;
    padding:0px 7px 0px 7px;
    color:#fff;
    background:#353535;
    overflow:auto;
}

.sendemail
{
    float:right;
    position:relative;
    top:10px;
    right:20px;
}

#sendemail-btn
{
    float:left;
    margin-right:5px;
}

        /*---------------------footer---------------------*/
        
#footer
{
    clear:both;
    width:825px;
    height:42px;
    padding:12px 20px 0px 20px;
    background:URL(../../images/footer_bg.jpg) no-repeat;
    font-size:10px;
}

#footer-left
{
    float:left;
    width:400px;
}

#footer-right
{
    float:right;
    width:400px;
    text-align:right;
}
