/*--------------------- Last Modified  2008.07.04 ---------------------*/
/*-------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
  Copyright John McGarrah 2008. Used with Permission.                             
/*-------------------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

/* ------------------------ type selectors ------------------------ */


body {
	background:#202020;
	text-align:center; 
	font:11px/16px Verdana, Arial, Helvetica, sans-serif; 
	color:#d1d1d1;
	}

blockquote { margin-left:10px; margin-right:10px; }

h1	{ font-size:1.1em; color:#f8b70a; margin-bottom:15px;}
h2	{ font-size:1.1em; color:#f8b70a; }
h3	{ font-size:1.0em; color:#000; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#2f86af; text-decoration:underline; outline:none; }
a:hover,a:active	{ color:#2f86af; text-decoration:underline; outline:none; }

/* ------------------------ classes ------------------------ */
.clear	{ 
	clear:both;
	}

div.clear	{ 
	height:.01em; 
	overflow:hidden; 
	}

p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	background:url("../images/bullet-back-to-top.jpg") right no-repeat;
	}

img.img-left { 
	float:left; 
	margin:2px 10px 10px 0px;
	}

img.img-right { 
	float:right; 
	margin:5px 0px 10px 10px; 
	}

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


#wrap {
	background:url("../images/bg-wrap.jpg") repeat-y;
	width:887px;
	margin:0 auto;
	text-align:left;
	}
	
/* ------------------------ main framework ------------------------ */

#portfolio-top {
background:url("../images/portfolio-top.jpg");
width:887px;
height:52px;
position:relative;
margin-top:53px;
}
#portfolio-top p.top-left {
	font:15px/20px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	height:20px;
	left:22px;
	position:absolute;
	text-align:left;
	top:6px;
	width:350px;
}
#portfolio-top p.top-right {
	font-weight:bold;
	height:20px;
	left:781px;
	position:absolute;
	text-align:right;
	top:9px;
	width:80px;
}


#portfolio-gray { background:#171717;
width:887px;
height:314px;
}

.btn-hov {
opacity:1;
}
.btn-hov:hover {
opacity:0.8;
}

#portfolio-middle { background:url("../images/images/middle-zamarian.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}
#middle-content {
width:250px;
height:275px;
margin-left:469px;
padding-top:15px;
}
#middle-content p {
margin-bottom:15px;
}

#portfolio-bottom {
background:url("../images/portfolio-bottom.jpg");
width:887px;
height:50px;
position:relative;
}
#portfolio-bottom p.bottom-left {
	font-weight:bold;
	height:20px;
	left:22px;
	position:absolute;
	text-align:left;
	top:16px;
	width:657px;
	color:#f8b70a;
}

.launch {
margin: 15px 0px 0px 0px;
}

#portfolio-middle2 { background:url("../images/images/middle-joebaker.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}
#portfolio-middle3 { background:url("../images/images/middle-brevard.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}
#portfolio-middle4 { background:url("../images/images/middle-pmr.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}
#portfolio-middle5 { background:url("../images/images/middle-glatt.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}
#portfolio-middle6 { background:url("../images/images/middle-austin.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}
#portfolio-middle7 { background:url("../images/images/middle-cammel.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}
#portfolio-middle8 { background:url("../images/images/middle-smile.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}
#portfolio-middle9 { background:url("../images/images/middle-magnuson.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}
#portfolio-middle10 { background:url("../images/images/middle-magnuson2.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle11 { background:url("../images/images/middle-lizin.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle12 { background:url("../images/images/middle-mismiles.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}
#portfolio-middle13 { background:url("../images/images/middle-fulbright.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle14 { background:url("../images/images/middle-chicagosmiles.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle15 { background:url("../images/images/middle-beautologie.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle16 { background:url("../images/images/middle-bestlaattorneys.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle17 { background:url("../images/images/middle-caplis.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle18 { background:url("../images/images/middle-eyecare.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle19 { background:url("../images/images/middle-finger.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle20 { background:url("../images/images/middle-huntington.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle21 { background:url("../images/images/middle-arizona.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle22 { background:url("../images/images/middle-chong.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle23 { background:url("../images/images/middle-daydreams.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle24 { background:url("../images/images/middle-drkjar.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle25 { background:url("../images/images/middle-eureka.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle26 { background:url("../images/images/middle-gould.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle27 { background:url("../images/images/middle-msbmd.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle28 { background:url("../images/images/middle-robirds.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle29 { background:url("../images/images/middle-smiledr.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle30 { background:url("../images/images/middle-straighter.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle31 { background:url("../images/images/middle-hapcic.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle32 { background:url("../images/images/middle-key.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle33 { background:url("../images/images/middle-eggleston.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle34 { background:url("../images/images/middle-cabana.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle35 { background:url("../images/images/middle-netvisibilities.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle36 { background:url("../images/images/middle-netvis.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle37 { background:url("../images/images/middle-limelight.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle38 { background:url("../images/images/middle-mabuno.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle39 { background:url("../images/images/middle-loopd.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle40 { background:url("../images/images/middle-boondock.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle41 { background:url("../images/images/middle-hotspring.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle42 { background:url("../images/images/middle-caldera.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle43 { background:url("../images/images/middle-turbotax.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle44 { background:url("../images/images/middle-quicken.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle45 { background:url("../images/images/middle-redesign.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle46 { background:url("../images/images/middle-hookit.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle47 { background:url("../images/images/middle-paytrust.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle48 { background:url("../images/images/middle-eyesonyou.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle49 { background:url("../images/images/middle-youtubefriendfinder.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}

#portfolio-middle50 { background:url("../images/images/middle-seodesigns.jpg") no-repeat;
margin-left:43px;
width:795;
height:314px;
}