/**
 * This is the main stylesheet. It defines general styles and also includes additional stylesheets
 *
 * @copyright Designio Solutions, Inc.
 * @author    Virgilio Montemayor <vmontemayor@designiosolutions.com>
 */

@import url("_reset.css");
@import url("_typography.css");
@import url("_form.css");

body {
	background:#000;
	color:#fff;
}

p {
	padding:10px 0;
}

a {	color:#f4e821; text-decoration:none; font-size:12px; }
a:hover { text-decoration:underline; }

#supersize {
    position:absolute;
    width:78%;
    height:1000px;
    overflow-y:hidden;
    right:0px;
}
    #supersize a.background-link {
        cursor:default;
    }
    #supersize img{
        width:100%;
        position:absolute;
        top:0;
    }

#header {
	position:relative;
    height:110px;
    margin-top:0%; /* before: 3% */
}
    #header #logo {
        position:absolute;
        top:20px;
        left:4%;
    }
    #header h1 {
	    background:url(../images/bg-red-transparency.png);
	    position:absolute;
	    top:20px;
	    right:0%; /* before: 4% */
	    width:75%;
	    padding:30px 10px 10px;
	    text-align:left;
        font-weight:normal;
	}
	   #header h1.spread {
	       padding:15px 10px 25px;
	   }
    #header #subtitle {
       position:absolute;
       top:65px;
       right:0;
       width:75%;
       padding-right:10px;
       font-size:14px;
       text-transform:lowercase;
       letter-spacing:20px;
    }
	#header #top-menu {
	   position:absolute;
	   top:36px;
	   right:20px;
	}

#sidebar {
    color:#999;
    line-height:16px;
}
    #sidebar #sidebar-networking {
	    padding-left:0;
	    padding-top:8px;
        padding-bottom:50px;
	}
	#sidebar #sidebar-networking ul {
	    padding:0;
	    margin:0;
	    list-style-type:none;
	}
	#sidebar #sidebar-networking ul li {
	    float:left;
	    padding-right:8px;
	    padding-top:3px;
	}
	#sidebar #address {
	   position:relative;
	   left:-10px;
	   padding:10px;
	}
		#sidebar #address a {
		    color:#999;
			font-size:10px;
		}
    #sidebar #facebook-like {
        padding:10px;
        clear:both;
        background:url('../images/bg-transparency.png');
    }

#content {
}
    #content #content-panel {
        position:relative;
        left:-10px;
        width:95%;
        height:410px;
        overflow:auto;
        padding:0px 13px;
        font-size:12px;
        text-align:justify;
        font-weight:bold;
        line-height:20px;
        text-shadow:#000 1px 1px 1px;
    }
    #content #content-panel.gallery {
        width:880px;
    }
    #content span.quote {
	    font-size:18px;
	    font-style:italic;
	    font-weight:bold;
	}
	#content div#sign {
	   float:right;
	   padding-top:150px;
	}
	#content #contact-table td {
	   padding:5px;
	   vertical-align:top;
	}
	#content #contact-table td.right {
       text-align:right;
    }
    #content #folders {
        float:left;
    }
    #content #folders table td {
        padding:10px;
    }
    #content #nature-container {
        float:right;
        width:570px;
    }

/*======================
MENU
========================*/
#menu {
	margin-bottom:20px;
}

#menu ul {
    margin:0;
    padding:0;
}

#menu ul li {
    list-style-type:none;
    margin:8px 0;
}

#menu li a {
    color:#f4e821;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
    text-shadow:#000 1px 1px 1px;
}

#menu li a:hover {
    text-decoration:underline;
}

div.transparent {
	background:url(../images/bg-transparency.png);
}