/*
CSS file created with:Instant Blueprint - Create a web project framework in seconds.
http://instantblueprint.com

Project: SUSO
File: css/style.css
Last edited: July 4, 2012, 12:53 am
*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 4, 2012 05:24:30 AM America/New_York */
@font-face {
    font-family: 'Bebas';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 4, 2012 */

@font-face {
    font-family: 'AlexBold';
    src: url('alexandriaflf-bold-webfont.eot');
    src: url('alexandriaflf-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('alexandriaflf-bold-webfont.woff') format('woff'),
         url('alexandriaflf-bold-webfont.ttf') format('truetype'),
         url('alexandriaflf-bold-webfont.svg#AlexandriaFLFBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AlexRegular';
    src: url('alexandriaflf-webfont.eot');
    src: url('alexandriaflf-webfont.eot?#iefix') format('embedded-opentype'),
         url('alexandriaflf-webfont.woff') format('woff'),
         url('alexandriaflf-webfont.ttf') format('truetype'),
         url('alexandriaflf-webfont.svg#AlexandriaFLFRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h2 {
	font-family:'Bebas', Arial Narrow, Trebuchet MS, Tahoma Arial, Sans-Serif;
	text-transform:uppercase;
	font-weight:normal;
	text-decoration:none;
	color:#323232;
	font-size:24px;
	line-height:45px;
	display:block;
	background:url(../images/header_shadow.png) no-repeat center bottom;
}


/*  Main  */
body {
 background:#FFF;
 color:#000;
 font-family: 'AlexRegular', Rockwell, Corbel, Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", sans-serif;
 font-size: 14px;
 background:url(../images/background.jpg) repeat transparent;
 letter-spacing:0.05em;
}

#container {
 margin:0 auto;
   width: 1020px;
/*   width: 100%;  */ /*  Change to desired width :)  */
 position:relative;
}


#container #wrapper {
 background:url(../images/bodyBG.png) repeat-y transparent;
	display: block;
    float: left;
    height: 100%;
    width: 1020px;
/*    width: 100%;*/
}

#container #header #logo h2 {
	background:url(../images/logo.jpg) no-repeat center 20px transparent;
	width:593px;
	height:224px;
	display:block;
	font-size:1px;
	color:#FFF;
	margin-left:-300px;
	left:50%;
	position:relative;
}

#container #header #social {
    position: absolute;
    right: 40px;
    top: 20px;
    width: 120px;
}

#container #header #social .icon{
	background-image:url(../images/social.png);
	width:40px;
	height:28px;
	display:block;
	float:left;
}


#container #header #social #em {background-position:left top;}
#container #header #social #fb {background-position:center top;}
#container #header #social #tw {background-position:right top;}

#container #header #social #em:hover {background-position:left bottom;}
#container #header #social #fb:hover {background-position:center bottom;}
#container #header #social #tw:hover {background-position:right bottom;}


#container #header #navbar {
    position: relative;
	width: 100%;
	height:auto;
	float:right;
	background:url(../images/navtop.png) right top transparent no-repeat;
}

#container #header #navbar #nav {
    position: relative;
	float:right;
	right:0px;
	width: 80%;
	height:auto;
	background:url(../images/navbot.png) right bottom transparent no-repeat;
}



#container #header #navbar #nav li{
	list-style:none;
	text-align:right;
	display:block;
	float:left;
	height:50px;
	margin:20px 25px;
}

#container #header #navbar #nav li a{
	font-family:'Bebas', Arial Narrow, Trebuchet MS, Tahoma Arial, Sans-Serif;
	text-transform:uppercase;
	font-weight:normal;
	text-decoration:none;
	color:#323232;
	font-size:20px;
	line-height:45px;
}

#container #content {
	background: url("../images/sideSUSO.png") no-repeat scroll left top transparent;
    float: left;
    width: 100%;
}

#container #content #hpAbout {
    position: relative;
	width: 80%;
	height:auto;
	float:right;
	background:url(../images/leftquote.png) 20px 0px transparent no-repeat;
}

#container #content #hpAbout .closequote {
    position: relative;
	width: 80%;
	margin-right:40px;
	height:auto;
	float:right;
	background:url(../images/rightquote.png) right bottom transparent no-repeat;
	font-size:20px;
	color:#e44b00;
	font-family: 'AlexBold', Rockwell, Corbel, Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", sans-serif;
	font-weight:normal;	
 }

#container #content #hpAbout .closequote p {
	margin: 20px;
    width: 530px;	
}


#container #content #hpAbout .closequote a,
#container #content #hpAbout .closequote a:visited{
	text-decoration:none;
	color:#e44b00;
	float: right;
    margin-right: 110px;
    text-align: right;}
#container #content #hpAbout .closequote a:hover {color:#323232;} 



#container #content #modules {
    position: relative;
	width: 80%;
	height:auto;
	float:right;
	font-size:16px;
}

#container #content #modules .module{
	width:27%;
	margin:0px 3%;
	float:left;
	font-family: 'AlexBold', Rockwell, Corbel, Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", sans-serif;
	}

#container #content #modules .module li,
#container #content #modules .module p{
	margin-bottom:10px;
}