/* @override http://localhost/dylan2/css/main.css */

/* @override 
	http://dylanmurphy.net/css/main.css
	http://localhost/dylan2/css/main.css
*/

@charset "UTF-8";
/* CSS Document */
body {
	font-family:Helvetica, Ariel, sans-serif;
	color:#333;
	
	
}
body .secondary {
	overflow: visible;
}

h1 {
	
}

h2 {
	
}

h3 {
	
}

h4 {
	
}

p {
	
}

ul.bullet {
	
}



/* =Clearfix (all browsers)
--------------------------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* IE6 */ 
* html .clearfix {height: 1%;}
/* IE7 */
*:first-child+html .clearfix {min-height: 1px;}

/*Helpers*/
.floatRight { float: right; }
.floatLeft  { float: left; }
.right  { text-align: right; }
.left   { text-align: left; }
.center { text-align: center; }
.block  { display: block; }
.hidden {display:none;}
.image_border{border: 1px solid #000;}
.smaller{font-size:18px; color:#000;}

/*Layout*/
div#wrapper {
	width: 960px;
	margin: 0 auto 0 auto;
	padding: 10px 0px 0px 0px;
} 
div#header {
	float:left;
	width:940px;
	/*background-color:#F3F3F3;*/
	padding:8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
	margin-bottom:10px;
}
div#header h1 {
	font-size:24px;
	line-height:18px;
	font-weight:bold;
	margin: 20px 0px 0px 0px;
	
	color:#000;
	/*background-color:#F3F3F3;*/
	
	width:300px;
	
}
div#header div#logo {
	width:200px;
	float:left;
}
div#header div#menu1 {
	float:right;
	width:650px;
}
div#header div#menu1 ul {
	float:right;
	padding-top:20px;
	
}
div#header div#menu1 ul li {
	display:inline;
	line-height:24px;
	padding: 0px 10px;
	font-size: 14px;
}
div#header div#menu1 a {
	text-decoration:none;
	color:#666;
}
div#header div#menu1 a:hover {
	color:#000;
}
/*Home Header*/


#home div#header h1 {
	font-size:24px;
	line-height:20px;
	font-weight:100;
	
	color:#666;
	/*background-color:#F3F3F3;*/
	
	width:300px;
	

}
#home div#logo {
	width:165px;
	float:left;
	margin:3px 0px 20px 0px;
	background-color:#000;
}
#home div#logo h1 {padding:5px 0px 20px 0px; font-size:20px; line-height:19px; font-weight:normal;}
#home div#menu1 {
	float:right;
	width:680px;
	clear:none;
	font-size: 14px;
}
#home div#menu1 ul {
	float:right;
	padding-top:10px;
	padding-right:40px;
	
}
#home div#menu1 ul li {
	display:inline;
	line-height:24px;
	padding: 0px 10px;
}
#home div#menu1 a {
	text-decoration:none;
	color:#000;
	
}
#home div#menu1 a:hover {
	color:#000;
	text-decoration: underline;

	
	}
	#home .smaller {font-size:16px; color: #fff; }



.secondary div#logo {
	background-color: #fff;
	border: none;
}


div#gallery_menu {
	width:960px;
	float:left;
	text-align:right;
	padding-bottom:8px;
	
	
}
div#gallery_menu ul {
	padding-right:20px;
	
}
div#gallery_menu li {
	display:inline;
	padding:0px 0px 0px 20px;
	
}
div#gallery_menu ul li a {
	text-decoration: none;
	color:#666;
	font-size:12px;
	line-height:24px;
	
}
div#gallery_menu ul li a:hover {
	color:#000;
}

div#header div#menu1 a:hover {
	text-decoration: underline;
	color:#90A855;
}
div#content_container {
	height:300px;
	width:960px;
	float:left;
}
div#content_container h3 {
	margin: 10px 0px;
}
div#content_container p {
	padding: 8px 0px;
}
div#footer {
	width:960px;
	float:left;
	clear:both;
	text-align:center;
	padding-top:76px;
	font-size:10px
}
div#slickbox {
	background-color:#fff;
	clear:both;
	width:940px;
	float:left;
	padding:10px;
	/*background-image: url(../images/contact_bg.jpg);
	background-repeat: repeat-x;*/
	border: 1px solid #F3F3F3;	
	margin-bottom:10px;
}
fieldset {
	padding:20px;
	/*border: 1px solid #F3F3F3;	*/
}
legend {color:#666 }
label {font-size:12px; color:#999;}
div#resume {
	width:640px;
	margin-right:auto;
	margin-left:auto;
	padding-top:20px;
	color: #333;
	
}
div#resume p {
	line-height:20px;
}
div#resume h1 {font-size:24px; font-weight:bold; padding-bottom:8px; color:#333;}
div#resume h2{margin-bottom:10px; margin-top:20px; font-size:14px; font-weight:bold;}
div#resume ul {margin-left:10px;}
div#resume ul li {list-style:outside disc; margin-bottom:8px; margin-left:20px; font-size:12px; line-height:16px;}

div#gallery_images div.gallery_image {
	width:200px;
	float:left;
	padding: 20px 20px 20px 20px;
	text-align:center;
	font-size:12px;
}

ul#gallery_images li.gallery_image h3 {
	
}
div#gallery_images div.gallery_image img {border: solid 1px #000;}
div#about {
	width:640px;
	margin-right:auto;
	margin-left:auto;
	background-image: url(../images/about.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#about img {border: 1px solid #000;}
div#about h1 {font-size:24px; padding:5px 0px 240px 10px; color:#333;}
div#about p {padding:0px 10px 20px 10px; font-size:12px; line-height: 18px;}
div#links {
	width:640px;
	margin-right:auto;
	margin-left:auto;
	
}
div#links a {color:#333; font-size:12px;}
div#links a:hover{color:#000;}
div#footer a {color:#666;}
div#links p {font-size:12px;}

div#menu {z-index: 2;}
#content{
			margin:0px auto;
			padding:0px 20px 0px 20px;
			height:40px;
			width:100%;
			top:2%;
			z-index: 3;
			background:#fff no-repeat 90%;
			/*border-top:1px solid #000;
			border-bottom:1px solid #000;*/
			position:absolute;
		}
		
		#logo{
			margin:0px auto;
			padding:0px 20px 0px 20px;
			height:60px;
			width:150px;
			top:0%;
			z-index: 6;
			background:#222222 no-repeat 90%;
			border:2px solid #000;
			position:absolute;
		}
		#logo h1 {margin:5px 0px 0px 0px; color:#fff;}
		.transparent {
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
#bottomcontent{
			margin:0px auto;
			height:40px;
			width:100%;
			bottom:0%;
			z-index: 3;
			background: no-repeat 90%;
			/*border-top:1px solid #000;
			border-bottom:1px solid #000;*/
			position:absolute;
			color:#fff;
			font-size:11px;
			text-align: center;
		}
#bottomcontent p {line-height: 16px;}
		div#social{
			margin:0px auto;
			height:50px;
			width:400px;
			bottom:0%;
			left:70%;
			z-index: 8;
			float:right;
			background: no-repeat 90%;
			/*border-top:1px solid #000;
			border-bottom:1px solid #000;*/
			position:absolute;
			color:#fff;
			font-size:12px;
			text-align: center;
		}
		div#social ul li {display:inline; padding:0px 4px 0px 4px;}
		.transparent {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
.opaque {
	filter:alpha(opacity=9);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

/*Supersize Styles*/
#loading {
			position: absolute;
			top: 49.5%; 
			left: 49.5%;
			z-index: 3;
			width: 24px; 
			height: 24px;
			text-indent: -999em;
			background-image: url(images/progress.gif);
		}
		#supersize{
			position:fixed;
		}
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 0;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}
/*Resume Page*/
#aboutpage  div#content_container {
	padding: 0px 20px;
}
#aboutpage div#resume {
	float: right;
	width: 555px;
	margin: 0px 55px 0px 0px;
	
}
#aboutpage div#resume p {
	font-size: 12px;
	line-height: 22px;
}
#aboutpage  div#biophoto {
	float: left;
}
#aboutpage  div#biophoto img {
	border: 1px solid #000;
}

#services div#content_container {
	padding: 10px 0px 10px 40px;
}
#services div#content_container h1 {
	font-size: 24px;
	margin: 0px 0px 20px 0px;
}
#services div#content_container h2 {
	font-size: 14px;
	margin: 0px 0px 20px 0px;
}
#services div#content_container p {
	padding: 0px 00px;
	margin: 0px 0px 10px 0px;
	font-size: 13px;
	line-height: 20px;
}
#services div#content_container h3 {
	margin: 8px 0px 10px 0px;
}
#services div#content_container ul {
	margin: 0px 0px 0px 10px;
}
#services div#content_container div#content1 ul li,#services div#content_container div#content2 ul li {
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 8px 0px;
	background: url(../images/bullets/arrow_ccc.gif) no-repeat;
	font-size: 14px;
}

#services div#content_container div#content1 {
	width: 250px;
	float: left;
	margin:0px 0px 0px 0px;
}
#services div#content_container div#content2 {
	width: 250px;
	float: left;
}
#services div#content_container div#gallery2 {
	width: 400px;
	float: left;
}
#services div#content_container div#gallery2 ul li {
	float: left;
		display: inline-block;
	width: 150px;
	height: 150px;
	padding: 5px 20px 10px 0px;
}
#services div#content_container div#gallery2 ul li.horiz {
	height: 100px;
}
#services div#content_container div#gallery2 ul li img {
	border: 1px solid #000;
}
.secondary div#slideshow {
	width: 1024px;
	margin: 0px auto;
}