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

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

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

}

@font-face {
    font-family: 'DroidSansBold';
    src: url('DroidSans-Bold-webfont.eot');
    src: url('DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('DroidSans-Bold-webfont.woff') format('woff'),
         url('DroidSans-Bold-webfont.ttf') format('truetype'),
         url('DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

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

}



/*----------------------------------------------------STANDARD */
*{
	margin:0;
	padding:0;
}
.clear{
	clear:both;
}
body {padding: 0;background:#d8d8d8 url(../images/bg.jpg) repeat-x top center; }
a{
	text-decoration:none;
	color:#000000;
}
a:hover{
	text-decoration: underline;
}
p span{
	font-size:13px;
	line-height:22px;
	font-family: 'DroidSansRegular', tahoma, helvetica, arial, sans-serif ;
	color:#4b4b4b;
}
p.drop{
	font-size:16px;
	line-height:30px;
	font-family: 'DroidSansRegular', tahoma, helvetica, arial, sans-serif ;
	color:#282727;
}
.about-txt{
	font-size:11px;
	font-family: 'DroidSansRegular', tahoma, helvetica, arial, sans-serif ;
	color:#303030;
}
.about-txt2{
	font-size:35px;
	font-family:  georgia, tahoma, helvetica, arial, sans-serif ;
	color:#5b5b5b;
	font-style:italic;
}
.about-txt3{
	font-size:20px;
	font-family: 'DroidSansRegular', tahoma, helvetica, arial, sans-serif ;
	color:#8e8e8d;
	margin-top:10px;
}
.about-txt a{
	color:#303030;
}
h1.league {
	font-family: 'LeagueGothicRegular', tahoma, helvetica, arial, sans-serif ;
	font-weight: normal;
	font-size:39px;
	color:#696967;
}
h1.league2 {
	font-family: 'LeagueGothicRegular', tahoma, helvetica, arial, sans-serif ;
	font-weight: normal;
	font-size:55px;
	color:#ffffff;
	text-transform:uppercase;
}
h1.league3 {
	font-family: 'LeagueGothicRegular', tahoma, helvetica, arial, sans-serif ;
	font-weight: normal;
	font-size:45px;
	color:#6b6b6b;
	text-transform:uppercase;
}
h1.league3 span{
	font-size:22px;
	font-family: 'LeagueGothicRegular', tahoma, helvetica, arial, sans-serif ;
	font-weight: normal;
}
h4.league4{
	font-size:20px;
	font-family: 'LeagueGothicRegular', tahoma, helvetica, arial, sans-serif ;
	font-weight: normal;
	text-transform:uppercase;
	color:#303030;
}
h1.lobster1 {
	font-family:  'Lobster13Regular', tahoma, helvetica, arial, sans-serif ;
	font-weight: normal;
	font-size:93px;
	color:#f9f8f8;
	padding-top:71px;
	text-shadow:0 2px 2px #727171;
}
h2.driod {
	font-family: 'DroidSansRegular', tahoma, helvetica, arial, sans-serif ;
	font-weight: normal;
	font-size:18px;
	color:#696967;
}
h3.lobster {
	font-family: 'Lobster13Regular', tahoma, helvetica, arial, sans-serif ;
	font-weight: normal;
	font-size:36px;
	color:#303030;
}
h5.lobster {
	font-family: 'Lobster13Regular', tahoma, helvetica, arial, sans-serif ;
	font-weight: normal;
	font-size:30px;
	color:#303030;
}
.line{
	border:1px solid #cac8c8;
}
.left{
	float:left;
}
.right{
	float:right;
}
#background{
	position: absolute;
	z-index:-1;
	top: 0px;
    left: 50%;
    margin-left: -480px;
    width: 949px;

}
#push{
	padding:30px 0 0 155px;
}

.button {
   border-top: 1px solid #969696;
   background: #969696;
   padding: 14px 28px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 13px;
   font-family: arial, sans-serif ;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #595959;
   background: #595959;
   color: #fcfcfc;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
/*----------------------------------------------------HEADER */
#nav{
	margin-top:60px;
	float:right;
	display:none;
}
#nav-list{
	list-style: none outside none;
	margin-left:178px;
}
#nav-list li{
	display:inline;
	padding-left:40px;
}

#nav-list li.bird a{
	background: url(../images/bird.png) no-repeat;
	padding-left:40px;
}
#nav-list li a:hover{
	text-decoration: none;
	color:#000
}
.info-me-box{
	width:800px;
	height:200px;
	background: url(../images/pattern.png) repeat;
	margin:0 auto;
	margin-top:25px;
	border-bottom:3px solid #000000;
	text-shadow:0 1px 2px #000;
}
.info-text{
	width:743px;
	float:left;
	font-size:24px;
	text-align:left;
	padding:23px 0 0 28px;
	color:#FFF;
}
.break{
	height:17px;
}
.main-wrapper { padding: 0px; height:468px; }
.-wrapper{
	width:950px;
	height:558px;
	text-align:center;
	background: url(../images/oblique-me.jpg) no-repeat;
}

/*----------------------------------------------------PORTFOLIO */
#portfolio{
	width:100%;
}
img.imgpdn{
	padding:20px 0 30px 0;
}
p.proj-desc{
	font-family: georgia, tahoma, helvetica, arial, sans-serif;
	font-size:16px;
	font-style: italic;
	padding:0px 0 40px 0;
}
#close{
	width:42px;
	height:41px;
	cursor:pointer;
}

#imgover:hover,#imgover2:hover,#imgover3:hover,#imgover4:hover,#imgover5:hover,#imgover6:hover,#imgover7:hover,#imgover8:hover,#imgover9:hover,#imgover10:hover,#imgover11:hover,#imgover12:hover,#imgover13:hover,#imgover14:hover,#imgover15:hover,#imgover16:hover,#imgoverx:hover,#imgover2x:hover,#imgover3x:hover,#imgover4x:hover{
	background-position: left bottom;
}
#imgover,#imgover2,#imgover3,#imgover4,#imgover5,#imgover6,#imgover7,#imgover8,#imgover9,#imgover10,#imgover11,#imgover12,#imgover13,#imgover14,#imgover15,#imgover16,#imgoverx,#imgover2x,#imgover3x,#imgover4x{
	display: block;
	width: 228px;
	height: 175px;	
}
#imgover{
	background: url(../images/web/don-s.jpg) left top;
}
#imgoverx{
	background: url(../images/web/realtytrac-s.jpg) left top;
}
#imgover2{
	background: url(../images/web/pirates-s.jpg) left top;
}
#imgover2x{
	background: url(../images/web/mary-s.jpg) left top;
}
#imgover3{
	background: url(../images/web/wms-s.jpg) left top;
}
#imgover3x{
	background: url(../images/web/clear-s.jpg) left top;
}
#imgover4{
	background: url(../images/web/inetu-s.jpg) left top;
}
#imgover4x{
	background: url(../images/web/elementals-s.jpg) left top;
}
#imgover5{
	background: url(../images/web/trend-s.jpg) left top;
}
#imgover6{
	background: url(../images/web/sierra-s.jpg) left top;
}
#imgover7{
	background: url(../images/web/fmi-s.jpg) left top;
}
#imgover8{
	background: url(../images/web/obc-s.jpg) left top;
}
#imgover9{
	background: url(../images/web/rob-s.jpg) left top;
}
#imgover10{
	background: url(../images/web/vinyl-s.jpg) left top;
}
#imgover11{
	background: url(../images/web/light-s.jpg) left top;
}
#imgover12{
	background: url(../images/web/steve-s.jpg) left top;
}
#imgover13{
	background: url(../images/web/densham-s.jpg) left top;
}
#imgover14{
	background: url(../images/web/fubar-s.jpg) left top;
}
#imgover15{
	background: url(../images/web/beauty-s.jpg) left top;
}
#imgover16{
	background: url(../images/web/evans-s.jpg) left top;
}

/*----------------------------------------------------ABOUT */
#about{
	width:958px;
	height:383px;
	background:#212121 url(../images/about-bg.jpg) no-repeat;
	clear:both;
	margin-top:35px;
	float: left;
}
#ab-break{
	width:958px;
	height:7px;
	background-color: #303030;
	clear:both;
	margin-top:85px;
	float: left;
}
#ab-break2{
	width:958px;
	height:7px;
	background-color: #303030;
	clear:both;
	margin:15px 0 30px 0;
	float: left;
}
#ab-break3{
	width:958px;
	height:7px;
	background-color: #303030;
	clear:both;
	margin-top:20px;
	float: left;
}
#little-img{
	width:948px;
	height:64px;
	background: url(../images/break-deco1.jpg) no-repeat;
	text-align:center;
	margin-top:25px;
}
#about-info{
	width:958px;
	padding:25px 0 0px 0;
	height:255px;
}
.hello-bx{
	width:268px;
	height:202px;
	float:left;
	line-height:18px;
}
.skills-bx{
	width:268px;
	height:202px;
	float:left;
}
ul.skills-list{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
ul.skills-list li{
	background: url(../images/bullet.jpg) no-repeat;
	padding-left:20px;
	padding-bottom:15px;
}
.res-bx{
	height:202px;
	float:left;
}
ul.res-list{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
ul.res-list li{
	background: url(../images/bullet.jpg) no-repeat;
	padding-left:20px;
	padding-bottom:15px;
}
#push-rt{
	margin-right:64px;
}
#push-rt2{
	margin:0px 101px 0px 40px;
}

#footer-info{width:958px;text-align:center;}
#footer-info2{width:958px;text-align:center;margin:15px 0 400px 0;}

/*----------------------------------------------------CONTACT */
#me-pic{
	background: url(../images/img-bg.jpg) no-repeat;
	width:948px;
	height:305px;
	padding:
}
#touch{
	width:100%;
	height:38px;
	text-align:center;
	padding:30px 0 0 0;
}
.photos {
	overflow: hidden;
	width:270px;
	margin: 0 auto;
	padding:16px 0 0 10px;
}
ul.thumbs {
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
	width: 429px;
	float: left;
}
ul.thumbs li{
	width: 132px;
	height: 153px;
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
}
.social{
	float:right;
	width:157px;
	height:49px;
	margin-right:25px;
}

/*-----------------------------------------------------------------------------------------------*/
/*----------------------------------------------------INSIDE PANEL */
/*----------------------------------------------------------------------------------------------*/

#work-img{
	width:930px;
	height:780px;
}

#imac{
	width:682px;
	height:540px;
	float:left;
	background: url(../images/imac2.jpg) no-repeat;
	margin: 40px 0 0 120px;
}
.social a img:hover {
	-moz-opacity:.75;
	filter:alpha(opacity=75);
	opacity:.75;
}
/*-----------------------------------------------------------------------------------------------*/
/*----------------------------------------------------SLIDER OPTIONS */
/*----------------------------------------------------------------------------------------------*/

#slider-wrapper{
	height:319px;
	margin:47px 0 0 63px;
}
#slider, #slider2,#slider3,#slider4,#slider5,#slider6,#slider7,#slider8,#slider9,#slider10,#slider11,#slider12,#slider13,#slider14,#slider15,#slider16 {
	position:relative;
	width:561px;
	height:319px;
	background: url(../images/loading.gif) no-repeat 50% 50%;
}
#slider img{
	position: absolute;
	top: 0;
	left:0;
	display: none;
}
#slider a{
	border: 0;
	display:block;
}


/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.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;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
	background: url(../images/arrows.png) no-repeat;
	text-indent: -9999px;
	width:30px;
	height:30px;
	display:block
}
a.nivo-prevNav {
	left:15px;
}
a.nivo-nextNav {
	right:15px;
	background-position: -30px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	margin-left:247px;
}
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
	float:left;
	background: url(../images/bullets.png) no-repeat;
	width:22px;
	height:22px;
	text-indent:-9999px;
	margin-top: 320px;
}
.nivo-controlNav a.active {
	background-position: 0 -22px;
}