@charset "UTF-8";
/* CSS Document */

@import url('reset.css');

/* =========== //
//    FONTS    //
// =========== */

@font-face {
    font-family: 'LeagueGothic';
    src: url('../fonts/LeagueGothic/League_Gothic-webfont.eot');
    src: url('../fonts/LeagueGothic/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/LeagueGothic/League_Gothic-webfont.woff') format('woff'),
         url('../fonts/LeagueGothic/League_Gothic-webfont.ttf') format('truetype'),
         url('../fonts/LeagueGothic/League_Gothic-webfont.svg#league-gothic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Brawler';
    src: url('../fonts/Brawler/Brawler.eot');
    src: url('../fonts/Brawler/Brawler.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Brawler/Brawler.woff') format('woff'),
         url('../fonts/Brawler/Brawler.ttf') format('truetype'),
         url('../fonts/Brawler/Brawler.svg#Brawler') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ============ //
//    HEADER    //
// ============ */

#header {
	background: url(../images/headerBg.png) repeat-x;
	height:387px;
}

#header-content {
	max-width:1600px;
	margin:0 auto;
	background: url(../images/headerBg-semi.png) no-repeat center;
	height:387px;
}

#header-content h1 {
	font-family:'LeagueGothic', League Gothic, Impact, Helvetica Neue, Arial, sans-serif;
	font-size:195px;
	letter-spacing:4px;
	text-align:center;
	white-space:nowrap;
	padding-top:55px;
	font-weight:normal;
	font-style:normal;
}

#header-content h1 #max {
	color:#e2e1e1;
	text-shadow: -1px -1px 3px rgba(0,0,0,.75);
	filter: dropshadow(color=#000000, offx=3, offy=0);
}

#header-content h1 #lapides {
	color:#afd4db;
	text-shadow: 1px 1px 3px rgba(0,0,0,.75);
	filter: dropshadow(color=#000000, offx=3, offy=0);
}

#header-content h2 {
	font-family: 'Brawler', Georgia, Times New Roman, serif;
	color:#FFF;
	font-size:24px;
	text-shadow: 2px 2px 3px rgba(0,0,0,.75);
	text-align:center;
	font-weight:normal;
}

/* ========== //
//    BODY    //
// ========== */

body {
	background:url(../images/paperBg.png) repeat;
	font-family: 'Brawler', Georgia, Times New Roman, serif;
	color:#333333;
}

h3 {
	font-family:'LeagueGothic', League Gothic, Impact, Helvetica Neue, Arial, sans-serif;
	font-size:33px;
	font-weight:normal;
	padding-bottom:5px;
}

p {
	font-size:13px;
	line-height:17px;
}

a, a:visited {
	color:#1d8ba0;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a#fb {
	width:30px;
	height:30px;
	margin-top:4px;
	background:url(../images/facebook.png) no-repeat;
	display:block;
}

#main {
	width:800px;
	margin:15px auto 0 auto;
}

#main #col1 div {
	width:400px;
}

#main #col1 {
	width:400px;
	float:left;
}

#main #col1 img#fb {
	padding-top:3px;	
}

#main #col1 #contact-me {
	margin-top:35px;	
}

#main #col2 {
	float:right;
}

#main #col2 div {	
	width:387px;
	float:right;
}

#main #col2 #web-logos {
	width:47px;
	float:right;
	text-align:center;
}

#main #col2 #web-logos div {
	padding-bottom:9px;
}

#main #col2 #web-logos div#wp {
	width:47px;
	height:47px;
	background:url(../images/wordpress.png) no-repeat;
}

#main #col2 #web-logos div#dw {
	width:45px;
	height:44px;
	background:url(../images/dreamweaver.png) no-repeat;	
}

#main #col2 #web-logos div#ps {
	width:44px;
	height:45px;
	background:url(../images/photoshop.png) no-repeat;	
}

#main #col2 #web-services-button {
	padding-top:10px;
	width:315px;
	float:left;
}

#main #col2 #web-services-button a,
#main #col2 #web-services-button a:visited {
	font-family:'LeagueGothic', League Gothic, Impact, Helvetica Neue, Arial, sans-serif;
	font-size:20px;
	color:#333;
	background:url(../images/blue-button.png) no-repeat;
	width:193px;
	height:39px;
	display:block;
	margin:0 auto;
	text-align:center;
	line-height:39px;
	display:none;
}

#main #col2 #web-services-button a:hover,
#main #col2 #web-services-button a:focus
#main #col2 #web-services-button a:active {
	text-decoration:none;
	background:url(../images/blue-button-active.png) no-repeat;	
}

#main #col2 #web-services-button a.show {
	display:block;
}

#main p {
	width:315px;	
	text-align:justify;
	text-justify:newspaper;
}

#main #copyright {
	clear:both;
	width:800px;
	padding-top:35px;
}

#main #copyright p {
	font-family:'LeagueGothic', League Gothic, Impact, Helvetica Neue, Arial, sans-serif;
	font-size:18px;
	text-align:center;
	width:800px;
}

::selection {
        background: #afd4db; /* Safari */
        }
::-moz-selection {
        background: #afd4db; /* Firefox */
}

/* ============== //
//    FANCYBOX    //
// ============== */

#fancybox-title-inside {
	font-family: 'Brawler', Georgia, Times New Roman, serif;
	font-size:13px;
	line-height:17px;
	text-align:left;
}

#fancybox-title {
	border-top:solid 1px #999;	
	padding-top:5px;
}

#fancybox-left-ico { 
	left: 20px; 
} 

#fancybox-right-ico { 
	right: 20px; 
	left: auto; 
}