/* @font-face font declarations */
@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('../assets/LeagueGothic/League_Gothic-webfont.eot');
    src: url('../assets/LeagueGothic/League_Gothic-webfont86d7.eot?iefix') format('eot'),
         url('../assets/LeagueGothic/League_Gothic-webfont.woff') format('woff'),
         url('../assets/LeagueGothic/League_Gothic-webfont.ttf') format('truetype'),
         url('../assets/LeagueGothic/League_Gothic-webfont.svg#webfontbDMP4rcs') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BebasRegular';
    src: url('../assets/Bebas/BEBAS___-webfont.eot');
    src: url('../assets/Bebas/BEBAS___-webfontd41d.eot?#iefix') format('eot'),
         url('../assets/Bebas/BEBAS___-webfont.woff') format('woff'),
         url('../assets/Bebas/BEBAS___-webfont.ttf') format('truetype'),
         url('../assets/Bebas/BEBAS___-webfont.svg#webfontvdG2ln3d') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* End @font-face font declarations */

/* General Markup */
 .league{font-family:'LeagueGothicRegular',Arial,sans-serif;}
 .bebas{font-family:'BebasRegular',Arial,sans-serif;}
 .border{width:100%;margin:0 auto;height:2px;}
 a{text-decoration:underline;}
 a:hover{text-decoration:none;}
 body{font-family:Arial,sans-serif;font-size:13px;line-height:20px;} 
 p,ul,ol{margin-bottom:20px;}
 blockquote{}
 cite{display:block;padding:0 0 0 20px;font-size:12px;} 
 h1,h1 a,h2,h3,h4{font-weight:normal;font-family:'LeagueGothicRegular',Arial;}
 h1{font-size:38px;line-height:40px;}
 h2{font-size:18px;line-height:40px;margin-bottom:20px;font-family:'BebasRegular';}
 h3{font-size:22px;line-height:20px;margin-bottom:20px;}
 h4{font-size:19px;line-height:20px;margin-bottom:20px;}
 h5{font-size:12px;line-height:20px;font-family:'BebasRegular',Arial,sans-serif;}
 blockquote{margin:0 0 0 15px;padding:0 0 0 5px;font-style:italic;}                
 .clear{clear:both;}
/* End General Markup */

/* Header Markup */
 #headwrap{width:100%;padding-bottom:5px;} 
 #header{width:960px;margin:0 auto;}
 #logo{float:left;width:400px;height:115px;}
 #logo h1 a{text-decoration:none;}
 #logo img{max-height:115px;}
 #logo a:hover{background:none;border:none;text-decoration:none;}
 #navi{float:right;} 
 #navi li{float:left;} 
 #navi li a{line-height:100px;fonz-size:22px;font-weight:bold;text-decoration:none;}
 #navi li a:hover{}
 #navi li + li{margin-left:20px;} 
/* End Header Markup */

/* Social Markup */ 
 #social{width:960px;margin:0 auto;line-height:60px;}
 .customsocial1{width:320px;min-height:60px;text-align:left;float:left;}
 .customsocial2{width:320px;min-height:60px;text-align:center;float:left;}
 .sociallinks{width:320px;min-height:60px;text-align:right;float:left;}
 .sociallinks li{float:right;margin-left:10px;margin-top:19px;}
 .sociallinks li a{display:block;width:22px;height:21px;}
/* End Social Markup */

/* Punchline Markup */
 #punchlinewrap{width:100%;}
 #punchline{margin:0 auto;width:960px;text-align:center;}
 #punchline h1{padding:10px 0 10px 0;}
/* End Punchline Markup */

/* Slider Markup */
 #sliderwrap{width:100%;position:relative;}
 #sliderspacer{padding:10px 0 10px 0;}
 #slidercontainer{width:960px;height:320px;margin:0 auto;}
 #slider{position:relative;top:5px;left:5px;width:950px;text-align:center;}
 .nivoSlider{position:relative;}
 .nivoSlider img{}
 .nivoSlider a.nivo-imageLink{position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;}
 .nivo-slice{display:block;position:absolute;z-index:5;height:100%;}
 .nivo-box{display:block;position:absolute;z-index:5;}
 .nivo-directionNav a{position:absolute;top:50%;margin-top:-24px;z-index:99;cursor:pointer;width:28px;height:43px;text-indent:-9999em;opacity:1;}
 .nivo-prevNav{left:-28px;}
 .nivo-nextNav{right:-28px;}
 #slider img{display:none;max-height:310px;max-width:950px;}
 #slider a{border:0;display:block;}
 .nivo-caption p {padding:10px;}
/* End Slider Markup */ 

/* Services Markup */
 #serviceswrap{width:100%;}
 #services{width:960px;margin:0 auto;padding:40px 0 40px 0;}
 #servicesdescriptionwrap{float:left;}
 #services h2{padding:0 0 0 10px;}
 #services h3{line-height:40px;}
 .servicedescription{width:210px;padding:0 20px 0 0;fonz-size:13px;font-weight:bold;text-decoration:none;}
 #servicessectionswrap{width:720px;float:left;}
 .threeservicesectionswrap + .threeservicesectionswrap{margin-top:20px;}
 .servicesection{float:left;margin:0 0 0 20px;padding:0 10px 0 10px;width:200px;fonz-size:13px;font-weight:bold;}
 .servicesection p{fonz-size:13px;font-weight:bold;}
 /* End Services Markup */
 
/* Portfolio Markup */
 #portfoliowrap{width:100%;}
 #portfolio{width:960px;margin:0 auto;padding:40px 0 40px 0;}
 #portfoliodescriptionwrap{float:left;}
 #portfoliodescriptionwrap h2{padding:0 0 0 10px;}
 .portfoliodescription{width:230px;padding:0 10px 0 0;}
 #portfoliosectionswrap{width:720px;float:left;}
 .threeportfoliosectionswrap + .threeportfoliosectionswrap{margin-top:20px;}
 .portfoliosection{float:left;margin:0 0 0 20px;padding:5px 5px 0 5px;}
 .portfoliosection h5{padding:0 0 5px 5px;text-align:left;}
 .portfoliosection img{width:210px;height:158px;}
/* End Portfolio Markup */

/* Contact Markup */
 #contactwrap{width:100%;}
 #contactwrap .divider{}
 #contact{width:960px;margin:0 auto;padding:40px 0 20px 0;}
 .contacthead{padding-bottom:9px;}
 #contact h3{margin-bottom:9px;}
 #contactleft{float:left;width:230px;padding:0 10px 0 0;}
 #contactright{float:right;width:700px;margin-left:20px;}
 #contact1{float:left;width:340px;}
 #contact2{float:left;width:340px;margin-left:20px;}
 .contactformpart + .contactformpart {margin-top:20px;}
 #contactright label,input,textarea{display:block;}
 #contactright label{margin-bottom:5px;}
 #contactright form{margin-bottom:20px;}
 #contactright #contactbutton:hover{cursor:pointer;}
 .contactformpart input,.contactformpart textarea{width:324px;outline:none;}
 .contactformpart input{padding:7px;}
 .contactformpart textarea{padding:7px;height:147px;font-size:13px;font-family:Arial;}
 #contactbutton{width:80px;font-family:Arial,sans-serif;}
 .form_error_name,.form_error_email,.form_error_message{display:none;width:326px;padding:7px 0 0 7px;}
 .form_success{display:none;width:326px;}
 
 #adress{float:left;width:220px;margin-right:20px;}
 #telecom{float:left;width:220px;}
 
/* Footer Markup */
 #footerwrap{width:100%;}
 #footerwrap .border{width:960px;margin:0 auto;}
 #footer{width:960px;margin:0 auto;padding:40px 0 20px 0;}
 .footercopy{float:left;}
 .footertotop{float:right;}
 .footertotop a:hover{text-decoration:underline;}