/**
 * 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("styles/_reset.css");
@import url("styles/_typography.css");

body {
    background:url('images/bg-body.jpg') top left repeat;
}

p {
    padding:10px 0;
}

td {
	vertical-align:top;
	width:260px;
	padding:10px 0;
}

#wrapper {
    background:transparent url('images/bg-body-shadow.png') top center repeat-y;
}

#main {
    background:#d7d7ff url('images/bg-container.jpg') top center repeat-y;
}

#main, #footer {
    border-left:1px solid #000060;
    border-right:1px solid #000060;
}

#header {
    background:transparent url('images/bg-header.jpg') top right no-repeat;
    height:96px;
    text-align:right;
}

#header #logo {
    float:left;
    padding:0px 30px;
}

#header h1 {
    position:relative;
    top:50px;
    left:-20px;
}

#content {
	clear:both;
	color:#000081;
}

#content h2 {
	padding:0 0 10px 40px;
	border-bottom:1px solid #000;
}

#content h3 {
	padding:10px 0;
}

#content #content-gallery {
    margin:0 0 15px 15px;
	width:772px;
	height:184px;
}
	#content #content-gallery img {
		width:772px;
		height:184px;
	}

#content #homepage-title {
    background:url('images/bg-homepage-title.gif') repeat-y;
    color:#000081;
	font-size:21px;
    width:740px;
    padding:10px 30px;
	text-align:center;
}
	#content #homepage-title h1 span {
		font-size:60px;
	}

#content #content-text {
    padding:20px 40px;
}

#content #content-text-right {
	float:left;
	width:450px;
    padding:20px;
	border-left:1px solid #000;
}

#footer {
    background:#000081 url('images/bg-footer.jpg') top left repeat-x;
    text-align:center;
    color:white;
}

#footer p {
    padding:5px;
}

#footer #copyright {
    padding:0;
}

#footer #copyright,
#footer #copyright a {
    color:#999;
}

/*======================
MENU
========================*/
#menu {
    float:right;
    width:540px;
    background:transparent;
}

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

#menu ul li {
    list-style-type:none;
    display:inline;
}

#menu li a {
    display:block;
    float:left;
    padding:5px 10px;
    color:black;
    text-decoration:none;
    font-family:Helvetica, Arial, sans-serif;
}

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

#submenu {
	float:left;
	width:180px;
	padding:30px 0px 20px 40px;
}
	#submenu ul {
		list-style-type:none;
		margin:0;
		padding:0;
	}
	#submenu ul li {
		margin:0;
		padding:0;
	}