/*  
	Name: eGenerate
	Author: Mohammad Koubeissi
	Version: 1.0
*/

/* Default styles */

@import url("reset.css");

/*-------------------------------------------------------------------------------------------

INDEX:

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks

2. SITE STRUCTURE & APPEARANCE
-2.1 Layout
-2.2 Sub Line
-2.3 Subline
-2.4 Sidebar
-2.4.1 Slideshow
-2.5 Misc

3. Typography

-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */

body  { background: #f5f3f0; font: 12px Helvetica, Arial, sans-serif; line-height: 1.5; color: #363636;  } 

/* 1.2 Hyperlinks */

a:link, a:visited {  color: #F78620; text-decoration:none; cursor: pointer;  }
a:hover  { color: #cec3b8; }

/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/

/* 2.1 Layout */
.container { margin: 47px auto; width: 960px;  padding-bottom: 50px;   }
.header { width: 618px; border-top: 2px dotted #bfbebb; border-bottom: 2px dotted #bfbebb; margin-top: 60px;  }
.header h1 { margin: 8px 0 8px 0; }
.content { width: 660px; float: left; margin-bottom: 50px;}
.footer { position: relative; margin-top: -50px; height: 50px; clear:both; background: #363636;  } 

/* 2.2 Sub Line */
.sub-line { margin: 30px 0 0 40px; }
.sub-line h3 { float: left; margin: 15px 0 0 40px;  }
.sub-line img { float: left; }

/* 2.3 Subline */
.showcase { float: left; width: 650px; margin: -90px 0 0 0px; }
.showcase  h2 { margin: 15px 0 20px 33px;  }
.showcase h1 { color: #f78620; font-size: 44.35px; float: right; margin-top: 12px; }
.showcase a h1 { color: #F78620;}
.showcase a:hover h1 { color: #cec3b8;  }
.showcase .button { margin: 15px 90px 0 10px; float: right; }
.showcase .border img { border: 1px solid #dad6d2; }
.showcase .border { border: 2px dotted #bfbebb; width: 550px; padding: 16px; }
.arrow1	{ background: url('../images/arrow1.png') no-repeat; width: 123px; height:132px; position: relative; top: 162px; left:500px; }

/* 2.4 Sidebar */
.sidebar {  width: 300px; float: right; margin: 90px 0 0 0px; }
.sidebar .email h2 { width: 160px; }
.sidebar .email img { margin: -20px 0 0 50px; border: 2px dotted #bfbebb; padding: 23px 39px; }
.arrow2	{ background: url('../images/arrow2.png') no-repeat; width: 51px; height:61px; position: relative; top: -40px; left: 155px; }

/* 2.4.1 Slideshow */
.slideshow { margin: 100px 0 0 46px; }
.slideshow h1 { font: 44.35px/37.35px Helvetica, Arial, sans-serif; color: #cec3b8; width: 140px;  }
.slideshow h1.fontface { font-family: 'LeagueGothicRegular', Arial, sans-serif;}
.slideshow h2 { color: #cec3b8; text-transform: uppercase; }
.slideshow h2.fontface { font: 26.74px/22.52px 'LeagueGothicRegular', Arial, sans-serif;}
.slideshow ul { margin: 13px 0 13px 0; }
.slideshow li img { border: 1px solid #dad6d2;  }

/* 2.5 Misc */
.logo { text-transform: none; color: #363636; }
.logo span { color: #f78620; }

/*-------------------------------------------------------------------------------------------*/
/* 3. Typography
/*-------------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5 {  text-transform: uppercase;}

h1 span { color: #f78620; }
h1 { font: 61px/52.84px Helvetica, Arial, sans-serif; color: #cec3b8;  }
h1.fontface { font-family: 'LeagueGothicRegular', Arial, sans-serif;}

h3 { font: 29.2px/27.39px Helvetica, Arial, sans-serif; color: #cec3b8; }
h3.fontface { font-family: 'LeagueGothicRegular', Arial, sans-serif; color: #b9b4ae; width: 310px; }
h3 span { color: #363636; }

h2 { font: 55.37px/29.64px Helvetica, Arial, sans-serif; color: #363636;  text-transform: lowercase; }
h2.fontface {font: 55.37px/29.64px 'LearningCurveProRegular', Arial, sans-serif; }

@font-face { font-family: 'LeagueGothicRegular'; src: url('../fonts/League_Gothic.eot'); src: local('League Gothic'), local('LeagueGothic'), url('../fonts/League_Gothic.woff') format('woff'), url('../fonts/League_Gothic.ttf') format('truetype'), url('../fonts/League_Gothic.svg#LeagueGothic') format('svg');}
@font-face { font-family: 'LearningCurveProRegular';src: url('../fonts/LearningCurve_OT.eot');src: local('Learning Curve Pro'), local('LearningCurvePro'), url('../fonts/LearningCurve_OT.woff') format('woff'), url('../fonts/LearningCurve_OT.ttf') format('truetype'), url('../fonts/LearningCurve_OT.svg#LearningCurvePro') format('svg');}