@charset "UTF-8";
/* Designed & Developed by Kevin "Methodologi" Williams */

/*@import url('fancy.css');
/*@import url('ui.css');
/*@import url('validate.css');

/*----------------------- Generic ----------------------------------*/
body {
	background: url(../images/bg.jpg) top center repeat-x #c4cdd2;
	margin:0;
	padding:0;
	border:0;
	font-family:Cambria,"Methetica","Myriad", "Georgia","Times New Roman",Times, serif;
	font-size:13px;
	line-height:18px;
}

h1 {font-size:18px; font-weight:bold; margin: 0 0 0px 4px;}
h2,h3,h4,h5,h6,pre,code {font-size:1em; font-weight:normal;}
i {display:none; font-style:normal;}
/*h1 a, h1, h1 a:hover {background:url(../images/logo.png) no-repeat 0 0; display:block; width:287px; height:70px;}*/

a img {border: none;}
a:active, a:focus
  {outline:0;}

a:link {text-decoration: none;}
/*
a:visited {text-decoration: none; }
a:hover {text-decoration: none; }
a:active {text-decoration: none; }
*/

h1 { font-size:24px; font-style:italic; color:#000000; line-height:24px; }
h1 a {text-decoration: none; color:#000; }
h1 a:visited {text-decoration: none; color:#000; }
h1 a:hover {text-decoration: none; color:#3c3c3c; }
h1 a:active {text-decoration: none; color:#000; }

h2 { font-size:20px; font-style:italic; color:#000000; line-height:8px; }
h2 a {text-decoration: none; color:#df2127; }
h2 a:visited {text-decoration: none; color:#df2127; }
h2 a:hover {text-decoration: none; color:#3c3c3c; }
h2 a:active {text-decoration: none; color:#df2127; }

h3 { font-size:18px; font-style:italic; margin:2px 0 0 0; line-height:8px; }
h3 a:link {text-decoration: none; color:#df2127; }
h3 a:visited {text-decoration: none; color:#df2127; }
h3 a:hover {text-decoration: none; color:#3c3c3c; }
h3 a:active {text-decoration: none; color:#df2127; }

h4 { font-size:16px; font-style:italic; color:#000000; line-height:8px; }
h4 a {text-decoration: none; color:#df2127; }
h4 a:visited {text-decoration: none; color:#df2127; }
h4 a:hover {text-decoration: none; color:#3c3c3c; }
h4 a:active {text-decoration: none; color:#df2127; }

h5 { font-size:14px; font-style:italic; color:#000000;}
h5 a {text-decoration: none; color:#df2127; }
h5 a:visited {text-decoration: none; color:#df2127; }
h5 a:hover {text-decoration: none; color:#3c3c3c; }
h5 a:active {text-decoration: none; color:#df2127; }


#container {
	width:1100px;
	/*height:800px;*/
	margin:0 auto;
}
#top {
	width:1100px;
	height:120px;
	float:left;
}
#mid {
	width:1100px;
	/*height:540px;
	height:600px;*/
	float:left;
	margin:0 0 0 0;
}
#bottom {
	width:1100px;
	float:left;
	margin:0 0 0px 0;
}
.socialbox {width:110px; height:50px; float:left; margin:0 0 0 0; }
#logo {
	width:340px;
	height:120px;
	float:left;
	margin:0 0 0 0;
}
#top-gap {
	width:460px;
	height:120px;
	float:left;
	margin:0 0 0 0;
}
#top-navigation {
	width:300px;
	height:120px;
	float:left;
	margin:0 0 0 0;
}
#navigation {
	width:280px;
	height:80px;
	float:left;
	margin:0 0 0 0;
}
#content-space {
	width:1100px;
	height:360px;
	float:left;
	margin:0 0 0 0;
	border-bottom:1px solid #fff;
}
#showcase {
	width:1080px;
	/*height:360px;*/
	float:left;
	margin:0 0 10px 0;
	border-bottom:1px solid #fff;
}
#text-box { width:1100px; /*height:120px;*/ float:left; margin:10px 0 0 0; }
.general-text-space {
	width:510px;
	/*height:120px;*/
	float:left;
	margin:0 0 0 4px;
	color:#4a4b4c;
	/*font-style:italic;*/
	padding:0 0 8px 0;
	font-family:"Times New Roman",Times, serif;
	text-align:justify;
}
.divider {width:1px; height:250px; float:left; border-right:1px solid #95a1a8; margin:3px 0 0 10px; padding:0 0 0 0; }
.secondary-text-space {
	width:250px;
	/*height:120px;*/
	float:left;
	margin:0 0 0 10px;
	color:#4a4b4c;
	/*font-style:italic;*/
	padding:0 0 8px 0;
	font-family:"Times New Roman",Times, serif;
	
}
.secondary-text-space a:link {text-decoration:none; color:#666; }
.secondary-text-space a:hover{border-bottom: none; color:#002f5b; }
.secondary-text-space a:active{text-decoration:none; color:#002f5b; }
.secondary-text-space a:visited{text-decoration:none; color:#666; }

.tertiary-text-space {
	width:240px;
	/*height:120px;*/
	float:left;
	margin:0 0 0 10px;
	color:#4a4b4c;
	/*font-style:italic;*/
	padding:0 0 8px 0;
	font-family:"Times New Roman",Times, serif;
}
.tertiary-text-space a:link {text-decoration:none; color:#666; }
.tertiary-text-space a:hover{border-bottom: none; color:#002f5b; }
.tertiary-text-space a:active{text-decoration:none; color:#002f5b; }
.tertiary-text-space a:visited{text-decoration:none; color:#666; }

.general-text-space ul {
	list-style-image: url(../images/02.png);
	list-style-position: outside;
	margin-left: 20px;
	padding-bottom: 15px;
}
.secondary-text-space ul {
	list-style-image: url(../images/02.png);
	list-style-position: outside;
	margin-left: 8px;
	padding-bottom: 8px;
}

.general-text-space-wide {
	width:660px;
	/*height:120px;*/
	float:left;
	margin:0 0 0 10px;
	color:#4a4b4c;
	/*font-style:italic;*/
	padding:0 0 8px 0;
	font-family:"Times New Roman",Times, serif;
}
.general-text-block {width:1100px; float:left;	margin:0 0 0 0px; }

.text-spacer {width:20px; height:160px; float:left; margin:0 0 0 0; }
#tweet-icon {width:48px; height:48px; float:left; margin:0px 0 0 0px; }

#footer {
	width:1100px;
	height:50px;
	float:left;
	margin:10px 0 0 0px;
	text-transform:uppercase;
	font-size:9px;
	color:#666;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#footer a:link {text-decoration:none; color:#666; }
#footer a:hover{border-bottom: none; color:#002f5b; }
#footer a:active{text-decoration:none; color:#002f5b; }
/*#footer a:visited{text-decoration:none; color:#666; }*/

.footer-nav a:link {text-decoration:none; color:#666; }
.footer-nav a:hover{border-bottom: none; color:#002f5b; }
.footer-nav a:active{text-decoration:none; color:#002f5b; }
.footer-nav a:visited{text-decoration:none; color:#666; }

.footer-left {width:520px; height:50px; float:left; margin:0 0 0 0px; }
.footer-nav {/*width:130px;*/ height:16px; float:left; margin:0 0 0 10px; }
.footer-right {width:560px; height:50px; float:left; margin: 0 0 0 0px; text-align:right; }

.header {width:520px; height:20px; float:left; margin:0 0 0 0; font-size:18px; color:#09619f; font-style:italic; }
.wide-header {width:1100px; height:20px; float:left; margin:0 0 6px 0; font-size:14px; color:#09619f; font-style:italic; }
.search-header {color:#09619f; font-size:12px; font-family:"Georgia", "Times New Roman", Times, serif;	margin:0 0 4px 0; }
/*---------------------------------------------------- Main Navigation ------------------------------------------------------*/
ul#topnav { 
        width:280px; 
        list-style:none; 
        height:80px; 
		margin:0px 0px 0 0px;
		float:left;
} 

 

ul#topnav li { 
        display:inline; 
} 

ul#topnav li a { 
        height:80px; 
        float:left;
        text-indent:-9999px; 
} 

ul#topnav li#topnav_1 a { 
        width:95px; 
        background:url(../images/nav-set.png) no-repeat 0 0; /* X and Y position at 0 */ 
} 

 

ul#topnav  li#topnav_1 a:hover { 
        background-position:0 -80px; /* Y position -40px for Over instance image */ 
} 
 

ul#topnav  li#topnav_1 a.current { 
        background-position:0 -80px; /* Y position -80px for Current instance image */ 
} 

ul#topnav li#topnav_2 a { 
        width:85px; 
        background:url(../images/nav-set.png) no-repeat -95px 0; /* X and Y position at 0 */ 
} 

 

ul#topnav  li#topnav_2 a:hover { 
        background-position:-95px -80px; /* Y position -40px for Over instance image */ 
} 

 

ul#topnav  li#topnav_2 a.current { 
        background-position:-95px -80px; /* Y position -80px for Current instance image */ 
}

ul#topnav li#topnav_3 a { 
        width:100px; 
        background:url(../images/nav-set.png) no-repeat -180px 0; /* X and Y position at 0 */ 
} 

 
ul#topnav  li#topnav_3 a:hover { 
        background-position:-180px -80px; /* Y position -40px for Over instance image */ 
} 
 

ul#topnav  li#topnav_3 a.current { 
        background-position:-180px -80px; /* Y position -80px for Current instance image */ 
} 


ul#topnav li#topnav_4 a { 
        width:100px; 
        background:url(../images/nav-set.png) no-repeat -280px 0; /* X and Y position at 0 */ 
} 
 

ul#topnav  li#topnav_4 a:hover { 
        background-position:-280px -80px; /* Y position -40px for Over instance image */ 
} 

 
ul#topnav  li#topnav_4 a.current { 
        background-position:-280px -80px; /* Y position -80px for Current instance image */ 
} 
/*--------------------------------------------	Portfolio		-------------------------------------------------------------------*/
#gallery {
	width:1100px;
	float:left;
	margin:20px 0 0 0;
}
.item-row {	width:1100px; float:left; margin:0 0 0px 0; padding:0 0 0 0; }
.itembox {
	width:1100px;
	height:100px;
	float:left;
	margin:0 0 0 0px;
}
.itembox2 {
	width:200px;
	height:100px;
	float:left;
	margin:0px 0 10px 12px;
}
.spacer {
	width:1100px;
	height:20px;
	float:left;
	margin:0 0 0 0;
}
.social-panel {width:400px; height:30px; float:left; margin:10px 0 0 0; }
.st_twitter_hcount, .st_facebook_hcount, .st_email_hcount, .st_sharethis_hcount { /*width:100px;*/ height:24px; float:left; margin:0 0 0 0; }
 
/*-------------------------------------------- Contact -------------------------------------------------------------------*/
.form-box {
	width:350px;
	/*height:120px;*/
	float:left;
	margin:0 0 0 10px;
	color:#4a4b4c;
	font-style:italic;
	padding:0 0 8px 0;
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	position:relative;
	z-index:1;
}
.form-options { width:125px; height:40px; float:left; margin:6px 0 0 10px; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; }

#captcha-box {
	width:350px;
	float:left;
	margin:10px 0 0 10px;
	color:#4a4b4c;
	font-style:italic;
	padding:0 0 8px 0;
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#submit-box {
	width:240px;
	height:30px;
	float:left;
	margin:0 0 0 0;
}
.err {
	/*width:240px;
	height:40px;
	background:#fff;
	border:2px solid #f00;
	float:left;
	margin:0 auto;*/
	position:absolute;
	z-index:2;
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 12px;
	color: red;
}
/*-------------------------------------------------------  Effects  ----------------------------------------------------------------------*/
.caption-top, .caption-bottom {
	background: #000000;
	color: #ffffff; 
	cursor:default;
	padding:2px; 
	font-size:11px;   
	text-align:center;
}

.caption-top {
	border-width:0px;
}

.caption-bottom {
	border-width:0px;
}

.caption a, .caption a {
	background:#000;
	border:none; 
	text-decoration:none;  
	padding:2px;
}

.caption a:hover, .caption a:hover {
	background:#000;
}

/*a:link {text-decoration: none;color: #666;}
a:visited {text-decoration: none; }
a:hover {text-decoration: none; }
a:active {text-decoration: none; }*/
/*---------------------------------------------------- Individual ------------------------------------------------------*/
.portfolio-spacer {
	width:1100px;
	height:80px;
	float:left;
	margin:0 0 0 0;
}
.detail-box {
	/*background:#a1aeb7;*/
	width:400px;
	float:left;
	margin:0 0 0 0px;
	/*padding:0 0 120px 0;*/
}
.details {
	/*background:#e8eadf;*/
	width:372px;
	float:left;
	margin:10px 0 10px 10px;
	padding:8px 0 8px 8px;
	font-family: Cambria, serif;
	font-size: 13px;
	/*text-align:justify;*/
}
.italic { font-style:italic; }
.details a:link {text-decoration:none; color:#333; }
.details a:hover{border-bottom: none; color:#002f5b; }
.details a:active{text-decoration:none; color:#333; }
.details a:visited{text-decoration:none; color:#333; }
.imagebox {
	/*background:#fff;*/
	width:660px;
	float:left;
	margin:0 0 0 20px;
}
/*.imagebox img {position:absolute; top:0px; left:0px; display:none; }
.imagebox a {border:0; display:block; }
#slides {width:660px; height:300px; float:left; margin:0px 0 0 0; overflow:hidden; position:relative; }*/
.imagebox-500 {
	width:500px;
	float:left;
	margin:0 0 0 180px;
}

.imageholder { width:660px; float:left; margin:10px 0 10px 10px; }