/*
Theme Name: Original
Description: Adapted from the original Utiligeek design.
Version: 1
Author: Group27 Web Development
Author URI: http://www.group27.ws/
Tags: Green backgroud


                  *** STYLES ***
-------------------------------------------------------*/
* {
    margin:0;
    padding:0;
}
html, body {
    height:100%;
}
body {
    margin:0;
    padding:15px 0 0 0;
    font-family:Garamond, "Comic Sans MS", "Times New Roman", Arial;
    font-size:1em;
    position:relative;
    color:#000;
    background:#fff url('images/bkg.gif') top left repeat;
}
#container {
    position:relative;
    margin:0 auto;
    width:925px;
}
#header img {
    width:925px;
    height:192px;
}
#footer {
    clear:both;
    background:transparent url('images/dots.gif') top left repeat-x;
    margin-top:10px;
    padding:30px 0 15px 0;
    text-align:center;
}
#main, #footer {
    margin-left:40px;
}
#main{
    margin-top:20px;
}
.leftcol, .rightcol {
    float:left;
}
.rightcol {
    width:610px;
}
.leftcol {
    width:240px;
    margin:15px 0 0 0;
    overflow:hidden;
}
.leftcol img {
    border:1px solid #000;
}


/*-----------------------------------------------------
                    NAVIGATION
-------------------------------------------------------*/

#nav1 {
    text-align:right;
}
.nav span {
    padding:0 15px 0 0;
}
#footer ul{
    list-style-type:none;
    text-align:center;
    margin:0;
    padding:0 0 20px 0;
}
#footer ul li{
    text-align:center;
    padding:0 10px;
    font-size:16px;
    display:inline;
}

/*-----------------------------------------------------
                    COMMON ELEMENTS
-------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    font-family: "Comic Sans MS",arial;
    padding:0 0 10px 0;
    letter-spacing: 2px;
}
h1 {
}
h2 {
    letter-spacing: 5px;
    font-weight:500;  
    text-align:right;    
}
h3 {
}
h4 {
}
p {
    line-height:150%;
    margin:0;
    padding:0 0 10px 0;
}
ul, ol {
    margin:0;
    padding:1em 0 0 2em;
}
li {
    padding:0 0 8px 0;
}
li ul, li ol {
    margin:0;
    padding:.5em 0 0 2em;    
}
table {
    border-collapse:collapse;
    border:0;
    width:100%;
}
td {
    text-align:left;
    vertical-align:top;
}
.tableCommon {
    width:auto;
    border:0;
    border-collapse:collapse;
}
.quotes blockquote{
    border-bottom:1px solid #333;
    margin:0 0 10px 0;
}

/*-----------------------------------------------------
                    LINKS
-------------------------------------------------------*/

a, a:link, a:visited, a:active, a:hover {
    text-decoration:underline;
    color:#000;
}
a img {
    border:0;
}

/*-----------------------------------------------------
                    MISC.
-------------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display:inline-block;
}

/* Hide from non-IE6 \*/
*html .clearfix {
    height:1%;
}
.clearfix {
    display:block;
}
/* End hide from non-IE6 */

.clear {
    clear:both;
}
.align_left{
    float:left;
    margin:0 20px 0 0;
}