/**** CSS Information for MrGigabit.com ****

 **     Created by Jan-Willem van der Sijp
 **     of dutch-gecko.co.uk.
 **     Menu rollover effects courtesy of
 **     MononcQc at http://parseidon.com
 ****                                   ****/


body {
    background: #333333;
    color: #ffffff;
    font-family: 'Verdana', sans-serif;
    font-size: 0.8em;
}

div#wrapper {
    width:768px;
    margin: 0 auto;
}

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

a:hover {
    color:#fca550;
    text-decoration: underline;
}

h2 {
    color:#fc8a25;
    margin-bottom: -10px;
    padding-top: 10px;
    border-top: 1px ridge #fc8a25;
    font-variant: small-caps;
}
h3 {
    color:#fc8a25;
    margin-bottom: -1em;
    padding-bottom: 0px;
}
h4 {
    color:#fc8a25;
    float: right;
    clear: left;
}

/* Button declarations - some inconsistencies need fixing */
.button, button{
    display:block;
    float:left;
    margin:5px 7px 10px 0;
    background-color:#333333;
    border:2px solid #222222;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#fc8a25;
    font-size: 1.2em;
    font-weight: bold;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* 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, .button:hover {
    background-color:#fc8a25;
    color:#222222;
    text-decoration: none;
}
/* End buttons */


#menu ul, #menu li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}


div.clear {font-size: 1px; height: 1px;}


/*********** Table styles **************/
table {
    width: 100%;
    text-align: center;
    border: 3px solid #222222;
    /*background: url('img/tablebg.gif') bottom right no-repeat;*/
}

caption {
    font-size: 0.7em;
    font-style: italic;
}

th {
    border-bottom: 2px solid #222222;
}


/*********** Header styles *************/

#header {
    margin-left: 80px;
}

#header a img {
    border: none;
}

#header h1 {
    display: none;
}

#header h2 {
    display: none;
}


/*********** Content styles *************/
#content {
    width: 540px;
    float:right;
}

/******* Border background image ********/
/******* First edges, then corners ******/
div#bottomedge  {background: url('img/border/mainbottom.gif') bottom left repeat-x;
                 width: 768px;}
div#rightedge   {background: url('img/border/mainright.gif') top right repeat-y;}
div#blcorner    {background: url('img/border/mainbl.gif') bottom left no-repeat;}
div#brcorner    {background: url('img/border/mainbr.gif') bottom right no-repeat;}
div#trcorner    {background: url('img/border/maintr.gif') top right no-repeat;
                 padding: 40px 50px 40px 0px;}


/*********** Menu styles ***************/
#menu {
    width: 160px;
    float: left;
}

#menu ul {
    margin-top: 1em;
}

#menu li a {
    border-top: 1px solid #555555;
    border-left: 1px solid #555555;
    border-bottom: 1px solid #222222;
    border-right: 1px solid #222222;
}
#menu li a:hover {
    border-top: 1px solid #222222;
    border-left: 1px solid #222222;
    border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
}

#mainmenu li a {
    display: block;
    height: 23px;
    padding: 7px 0px 0px 3px;
}

#infomenu li a {
    font-size: 0.8em;
    display: block;
    height: 16px;
    padding: 2px 0px 0px 3px;
}


/**********************************/
li#linkhome a {
    background: url('img/menu/home.gif') top no-repeat;
}
li#linkhome a:hover {
    background: url('img/menu/home.gif') bottom no-repeat;
}

li#linkweb a {
    background: url('img/menu/http.gif') top no-repeat;
}
li#linkweb a:hover {
    background: url('img/menu/http.gif') bottom no-repeat;
}

li#linkftp a {
    background: url('img/menu/ftp.gif') top no-repeat;
}
li#linkftp a:hover {
    background: url('img/menu/ftp.gif') bottom no-repeat;
}

li#linktorrent a {
    background: url('img/menu/torrent.gif') top no-repeat;
}
li#linktorrent a:hover {
    background: url('img/menu/torrent.gif') bottom no-repeat;
}

li#linkgame a {
    background: url('img/menu/game.gif') top no-repeat;
}
li#linkgame a:hover {
    background: url('img/menu/game.gif') bottom no-repeat;
}

li#linkts a {
    background: url('img/menu/teamspeak.gif') top no-repeat;
}
li#linkts a:hover {
    background: url('img/menu/teamspeak.gif') bottom no-repeat;
}

li#linkshout a {
    background: url('img/menu/winamp.gif') top no-repeat;
}
li#linkshout a:hover {
    background: url('img/menu/winamp.gif') bottom no-repeat;
}

li#linkorder a {
    background: url('img/menu/order.jpg') top no-repeat;
}
li#linkorder a:hover {
    background: url('img/menu/order.jpg') bottom no-repeat;
}

li#linkcp a {
    background: url('img/menu/cpanel.gif') top no-repeat;
}
li#linkcp a:hover {
    background: url('img/menu/cpanel.gif') bottom no-repeat;
}

li#linknet a {
    background: url('img/menu/network.gif') top no-repeat;
}
li#linknet a:hover {
    background: url('img/menu/network.gif') bottom no-repeat;
}

li#linkcontact a {
    background: url('img/menu/mail.gif') top no-repeat;
}
li#linkcontact a:hover {
    background: url('img/menu/mail.gif') bottom no-repeat;
}
/****************************************/


/************ Footer styles *************/
#footer {
    clear: both;
    text-align: center;
    padding-top: 20px;
}

#footer li {
    display: inline;
    border-left: 3px solid #444444;
    border-right: 3px solid #444444;
    padding: 0 1px;
}