/*--|||||||||||||||||||||||||||||||||||||||
/*
*	MatthewKraft.com
*	
*	Freelance Designer & Developer
*	
*	Handcoded : Custom Design
*
*	Created: 9/1/10
*	Finished:
*
*	Author: Matthew Kraft [MK.215] of Pixel Ink +
*
|||||||||||||||||||||||||||||||||||||||--*/

/*-- GENERAL --*/
html {
	background:#ccc;
	margin:0;
	padding:0;
}
	body {
		background:#ccc;	
		margin:0;
		padding:0;	
	}

		.header {
			height:auto;
			position:relative;
			margin:0;
			padding:0;
			width:100%;
			background:#ccc url(../img/top_bkgd.png) center bottom no-repeat;
		}
			.topshadow {
				position:relative;
				height:5px;
				margin:0 0 0 0;
				padding:2% 0 0 0;
				width:100%;
				background:url(../img/ts.png) left bottom repeat-x;
			}	
		
		.footer {
			height:100%;
			position:relative;
			margin:0;
			padding:0;
			width:100%;
			background:#ccc url(../img/btm_bkgd.png) center top no-repeat;
			overflow:hidden;
			border-bottom:1px solid #aaa;
		}
			.footer p {
				position:relative;
				text-align:center;
				font-size:0.6em;
				letter-spacing:3px;
				color:#aaa;
				height:100%;
				font-family:'Nobile', verdana, helvetica, arial, sans-serif;
			}
		
		.btmshadow {
			position:relative;
			height:6px;
			margin:0 0 10px 0;
			padding:0;
			width:100%;
			background:url(../img/bs.png) left top repeat-x;
		}	
	
		#container {
			position:relative;
			background:#fff;
			width:100%;
			height:629px;
			padding:0;
			margin:0;
			border-top:1px solid #aaa;
			border-bottom:1px solid #aaa;	
			overflow:hidden;

		}
		
/*-- ------- --*/		
		
/*-- HEADER --*/

.head {
	position:relative;
	margin:25px 0 0 0;
	padding:15px 0 0 70px;
	background:#eee url(../img/head_bkgd.jpg) center right no-repeat;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
	.logo {
		position:relative;
/*		margin:2px 0 0 70px;*/
		margin:2px 30px 15px 0;
		padding:0px;
		width:auto;
		float:left;
		cursor:pointer;
		opacity:1.0;
	}
	.logo:hover {
		position:relative;
/*		margin:2px 0 0 70px;*/
		margin:2px 30px 15px 0;
		padding:0px;
		width:auto;
		float:left;
		cursor:pointer;
		opacity:0.8;
	}

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

/*-- NAV --*/	

.nav {
	position:relative;
	float:left;
	margin:15px 0 0 0;
	padding:15px 0;
	font-family:'Cantarell', verdana, helvetica, arial, sans-serif;
}
	.nav ul {
		position:relative;
		margin:0;
		padding:0;
		border-top:1px solid #ddd;
		border-bottom:1px solid #ddd;
		height:39px;
	}
		.nav li {
			position:relative;
			text-align:center;
			float:left;
			margin:0;
			padding:0;
		}	
			.nav li a:link,
			.nav li a:active,
			.nav li a:visited {
				position:relative;
				padding:10px 34px;
				margin:0;
				color:#555;
				background:none;
				display:block;
				text-shadow:1px 1px 2px #bbb;
			}
			.nav li a:hover {
				position:relative;
				padding:10px 34px;
				margin:0;
				background:#555;
				color:#fff;
				display:block;
				text-shadow:2px 2px 2px #333;
			}
			
			.nav li a.active {
				position:relative;
				padding:10px 34px;
				margin:0;
				background:#555;
				color:#fff;
				display:block;
				text-shadow:2px 2px 2px #333;
			}

/*-- --- --*/
		
/*-- CONTENT --*/

#mainContent {
	position:relative;
	width:850px;
	margin:5px auto 0 auto;
	padding:5px 10px;
	height:425px;
	background:none;
	border-left:1px solid #f9f9f9;
	border-right:1px solid #f9f9f9;	
}
	.introImg {
		position:relative;
		margin:15px 0 10px 0;
		padding:0;
		height:200px;
		width:100%;
		background:url(../img/pic1.jpg) center center no-repeat;
		border:2px solid #fff;
		-moz-box-shadow: 0px 0px 3px #bbb;
		-webkit-box-shadow: 0px 0px 3px #bbb;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
	}
	.cImg {
		position:relative;
		margin:15px 0 10px 0;
		padding:0;
		height:200px;
		width:100%;
		background:url(../img/pic2.jpg) center center no-repeat;
		border:2px solid #fff;
		-moz-box-shadow: 0px 0px 3px #bbb;
		-webkit-box-shadow: 0px 0px 3px #bbb;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
	}
	
	.joomImg {
		position:relative;
		margin:15px 0 10px 0;
		padding:0;
		height:200px;
		width:100%;
		background:url(../img/joomla.jpg) center center no-repeat;
		border:2px solid #fff;
		-moz-box-shadow: 0px 0px 3px #bbb;
		-webkit-box-shadow: 0px 0px 3px #bbb;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
	}
	
	#mainContent p {
		margin:10px 0;
		padding:0 0 0 10px;
		font-size:10px;
		font-family:'Nobile', verdana, helvetica, arial, sans-serif;
		color:#333;
	}

	#mainContent h1 {
		margin-left:10px;
		font-size:18px;
		font-family:verdana, helvetica, arial, sans-serif;
		font-weight:normal;
		color:#666;
		
	}
	
	#mainContent h1 span {
		font-size:25px !important;
		font-family:'Reenie Beanie', verdana, helvetica, arial, sans-serif;
		color:#222 !important;
	}
	
	#mainContent h2 {
		margin-left:10px;
		font-size:16px;
		font-family:verdana, helvetica, arial, sans-serif;
		font-weight:normal;
		color:#666;
		letter-spacing:1px;
	}
	
	#mainContent h2 span {
		font-size:23px !important;
		font-family:'Reenie Beanie', verdana, helvetica, arial, sans-serif;
		color:#222 !important;
		letter-spacing:1px;
	}
	
	#mainContent .triCol {
		position:relative;
		width:850px;
		margin:0;
		padding:12px 5px 0 5px;
		height:305px;
	}
		#mainContent .triCol .leftCol,
		#mainContent .triCol .midCol,
		#mainContent .triCol .rightCol {
			position:relative;
			width:270px;
			margin:0;
			padding:0 5px;
			height:305px;
			float:left;
			font-family:'Nobile', verdana, helvetica, arial, sans-serif;
		}

		#mainContent .triCol .leftCol div.more {
			position:relative;
			margin:0;
			padding:0;
			font-size:10px;
			font-family:'Nobile', verdana, helvetica, arial, sans-serif;
			color:#333;
			background:#f00;
			z-index:9000;
			top:80px;
			height:20px;
			width:80px;
		}
		
		#mainContent .triCol .midCol {
			border-right: 2px dotted #999;
			border-left: 2px dotted #999;
		}
			#mainContent .triCol .midCol p {	
				font-size:12px;
				letter-spacing:1px;
				line-height:21px;
				padding:3px 10px;
				font-family:'Nobile', verdana, helvetica, arial, sans-serif;
			}
		
		#mainContent .triCol .rightCol ul {
			margin:0;
			padding:0 0 0 65px;
			list-style-type:circle;
		}
		#mainContent .triCol .rightCol ul li {
			margin:0;
			padding:0;
			font-family:'Nobile', verdana, helvetica, arial, sans-serif;
			font-size:11px;
			letter-spacing:1px;
		}
		#mainContent .triCol .rightCol p {
			margin:0;
			padding:0 0 0 35px;
			font-family:'Nobile', verdana, helvetica, arial, sans-serif;
			font-size:13px;
			letter-spacing:0px;
		}
		#mainContent .triCol .rightCol span.dis {
			margin:0;
			padding:0 0 0 55px;
			font-family:'Nobile', verdana, helvetica, arial, sans-serif;
			font-size:10px;
			letter-spacing:1px;
		}
		#mainContent .triCol .rightCol .title {
			font-size:14px;
			font-weight:bold;
			margin:0;
			padding:0 0 0 20px;
			font-family:'Nobile', verdana, helvetica, arial, sans-serif;
		}
			
	.news {
		position:relative;
		margin:0 auto;
		padding:0;
		height:105px;
		width:260px;
		background:url(../img/news.jpg) center center no-repeat;
		border:2px solid #fff;
		-moz-box-shadow: 0px 0px 3px #bbb;
		-webkit-box-shadow: 0px 0px 3px #bbb;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
	}
	.goal {
		position:relative;
		margin:0 auto;
		padding:0;
		height:105px;
		width:260px;
		background:url(../img/goals.jpg) center center no-repeat;
		border:2px solid #fff;
		-moz-box-shadow: 0px 0px 3px #bbb;
		-webkit-box-shadow: 0px 0px 3px #bbb;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
	}
	.deals {
		position:relative;
		margin:0 auto;
		padding:0;
		height:105px;
		width:260px;
		background:url(../img/deals.jpg) center center no-repeat;
		border:2px solid #fff;
		-moz-box-shadow: 0px 0px 3px #bbb;
		-webkit-box-shadow: 0px 0px 3px #bbb;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
	}
	#mainContent .sn,
	#mainContent .im,
	#mainContent .cbox {
		position:relative;
		margin:0 30px 0 0;
		padding:0 30px 0 0;
		width:auto;
		float:left;
	}
	
	#mainContent .im,
	#mainContent .cbox {
		border-right: 2px dotted #999;		
	}
	#mainContent .im {
		margin:0 30px 0 0;
	}
	#mainContent .sn {
		width:380px;
		margin:0;
		padding:5px 0 0 0;
	}	

	#mainContent .cbox {
		margin-left:20px;
	}	
	
	#mainContent .sn a:link,
	#mainContent .sn a:visited,
	#mainContent .sn a:active {
		position:relative;
		margin:0;
		padding:0;
	}
	
	#mainContent .sn a:hover {
		position:relative;
		margin:0;
		padding:0;	
		bottom:5px;
	}	
	#mainContent .sn a img {
		display:inline;
	}
	
	#mainContent .sn ul {
		position:relative;
		margin:0;
		padding:0;
		width:auto;
	}
	
	#mainContent .sn .sn_title {
		font-size:12px !important;
		font-family:'Reenie Beanie', verdana, helvetica, arial, sans-serif;
		color:#222 !important;
		text-align:center;
		width:68px;
		position:relative;
		margin:0;
		padding:0;
		float:left;
	}
	
	#mainContent .web,
	#mainContent .print,
	#mainContent .live {
		position:relative;
		margin:0 40px 0 0;
		padding:0 40px 0 0;
		width:200px;
		float:left;
	}
	
	#mainContent .web,
	#mainContent .print {
		border-right: 2px dotted #999;		
	}
	
	#mainContent .subt {
		font-size:13px !important;
		color:#999;
	}
	
	#mainContent .item {
		padding-left:5px;
		padding-bottom:5px;
	}
	
	#mainContent .img a:link,
	#mainContent .img a:visited,
	#mainContent .img a:active {
		position:relative;
		margin:0;
		padding:0;
		width:100%;
		height:70px;
/*		background:#333;*/
		display:block;
		border:1px solid #eee;
	}
	#mainContent .img a:hover {
		position:relative;
		margin:0;
		padding:0;
		width:100%;
		height:70px;
/*		background:#333;*/
		display:block;
		border:1px solid #ccc;
		-moz-box-shadow: 0px 0px 3px #aaa;
		-webkit-box-shadow: 0px 0px 3px #aaa;
	}
	
	#mainContent .pgr {
		margin-left:10px;
	}
	#mainContent .pgr a:link,
	#mainContent .pgr a:visited,
	#mainContent .pgr a:active {
		margin-right:5px;
		font-family:'Nobile', verdana, helvetica, arial, sans-serif;
		color:#498dd7;
		font-size:10px !important;	
		text-decoration:none;
	}
	
	#mainContent .pgr a:hover {
		margin-right:5px;
		font-family:'Nobile', verdana, helvetica, arial, sans-serif;
		color:#2d69c4;
		font-size:10px !important;
		text-decoration:underline;		
	}	
	
	#mainContent .load {
		position:relative;
		width:100%;
		height:300px;
		margin-bottom:100px;
		background:url(../img/load.gif) center center no-repeat;
	}

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

/*-- CONTACT --*/

.contactForm .box input[type="submit"].btn {
	position:relative;
	border:1px solid #900;
	background:#900 url(../img/submit.gif) left center repeat-x;
	margin:3px auto 0 auto;
	padding:0;
	color:#fff;
	font-family:'Nobile', verdana, helvetica, arial, sans-serif;
	font-weight:normal;
	font-size:12px;
	letter-spacing:1px;
	cursor:pointer;
	text-align:center;
	height:22px;
	width:81px;
}
.contactForm .box input[type="submit"].btn:hover {
	position:relative;
	border:1px solid #a00;
	background:#c00 url(../img/submit_ovr.gif) left center repeat-x;
	margin:3px auto 0 auto;
	padding:0;
	color:#fff;
	font-family:'Nobile', verdana, helvetica, arial, sans-serif;
	font-weight:normal;
	font-size:12px;
	letter-spacing:1px;
	cursor:pointer;
	text-align:center;
	height:22px;	
	width:81px;	
}

      	.ctab {
			position:relative;
			margin:100px 0 0 0;
			width:40px !important;
			height:135px;
			background:url(../img/ctab.png) 0px 0px no-repeat;
			color:#fff;
			overflow:hidden;
		}
		.ctab:hover {
			position:relative;
			margin:100px 0 0 0;
/*			left:1%;*/
			width:40px !important;
			height:135px;
			background:url(../img/ctab.png) -40px 0px no-repeat;
			color:#fff;
			overflow:hidden;			

		}
		.cf {
		position:relative;
		margin:0 auto;
		height:100%;
        width:auto;
        z-index:9999;

      }      
      	.contactForm {
      	position:relative;
      		margin:0;
      		padding:0;
/*  	        background:url(img/contactbkgd.png) center right repeat;*/
			background:url(../img/cslice.png) center left repeat-x;
	        height:350px;
	        overflow:hidden;
    	    width:350px;
    	    color:#eee;
    	    font-family:arial, helvetica, sans-serif;
    	    letter-spacing:0.03em;
    	    line-height:1.5em;
    	    font-size:0.7em;
	        border-top:2px solid #fff;
        	border-right:2px solid #fff;
    	    border-bottom:2px solid #fff;
			box-shadow: 1px 1px 3px #bbb;
			-moz-box-shadow: 1px 1px 3px #bbb;
			-webkit-box-shadow: 1px 1px 3px #bbb;
			-moz-border-radius-topright:20px;
			-webkit-border-top-right-radius:20px;
			-moz-border-radius-bottomright:20px;
			-webkit-border-bottom-right-radius:20px; 
			font-family:'Nobile', verdana, helvetica, arial, sans-serif;
      	}
      	
      	.contactForm p {
	      	padding:5px 20px 0px 20px;
      	}
      	
      	.contactForm .box {
      		position:relative;
      		margin:5px;
      		padding:0px;
      		width:250px !important;
      		
      	}
      	
      	.contactForm input[type="text"] {
      		position:relative;
      		margin:0;
      		padding:3px;
      		width:100%;
      		font-family:'Nobile', verdana, helvetica, arial, sans-serif;
      		color:#666;
      		letter-spacing:1px;
      		font-size:11px;
      		background:#fff;
      		border:1px solid;
      		border-color:#ccc #999 #999 #ccc;
      	}
      	
      	.contactForm input[type="text"]:hover {
      		position:relative;
      		margin:0;
      		padding:3px;
      		width:100%;
      		font-family:'Nobile', verdana, helvetica, arial, sans-serif;
      		color:#666;
      		letter-spacing:1px;
      		font-size:11px;
      		background:#fff;
      		border:1px solid;
      		border-color:#eee;
      	}
      	.contactForm input[type="text"]:focus {
      		position:relative;
      		margin:0;
      		padding:3px;
      		width:100%;
      		font-family:'Nobile', verdana, helvetica, arial, sans-serif;
      		color:#666;
      		letter-spacing:1px;
      		font-size:11px;
      		background:#fff;
      		border:1px solid;
      		border-color:#900;
      	}
      	
      	.contactForm label { 
      		position:relative;
      		letter-spacing:1px;
      		font-size:12px;
      		display:block; 
      		margin:3px 0 1px 0;
      	}
      	.contactForm form {
      		padding:0 0 0 30px;
      	}
      	.contactForm .red {
      		color:#900 !important;
      		text-shadow:1px 1px 2px #bbb;
      	}

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

/*-- GALLERY --*/
/*-- web--*/
.web #i01 a {
	background:url(../img/gal/thmb/gcr.jpg) center center no-repeat;
}
.web #i02 a {
	background:url(../img/gal/thmb/uj.jpg) center center no-repeat;
}
.web #i03 a {
	background:url(../img/gal/thmb/nation.jpg) center center no-repeat;
}
.web #i04 a {
	background:url(../img/gal/thmb/ag.jpg) center center no-repeat;
}

/*-- print --*/
.print #i01 a {
	background:url(../img/gal/thmb/pgcard.jpg) center center no-repeat;
}
.print #i02 a {
	background:url(../img/gal/thmb/cruise.jpg) center center no-repeat;
}
.print #i03 a {
	background:url(../img/gal/thmb/tpa.jpg) center center no-repeat;
}
.print #i04 a {
	background:url(../img/gal/thmb/yl.jpg) center center no-repeat;
}

/*-- live --*/
.live #i01 a {
	background:url(../img/gal/thmb/dpw.jpg) center center no-repeat;
}
.live #i02 a {
	background:url(../img/gal/thmb/pw.jpg) center center no-repeat;
}
.live #i03 a {
	background:url(../img/gal/thmb/t139.jpg) center center no-repeat;
}
.live #i04 a {
	background:url(../img/gal/thmb/hsusa.jpg) center center no-repeat;
}

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

/*-- FOOTER --*/
/*-- ------ --*/