/*

This style sheet is started by Grubforce on 28-04-2009,
Ammended by Brian Groppe o 27-05-2009


/*****************/
/*     Basics    */
/*****************/


*{
	padding: 0;
	margin: 0;
	border-width: 0;
	list-style-type: none;
	outline: 0;
}


body {
	background: #020204;
	margin: auto;
	padding-bottom:50px;
}

div#header_image {
	position: absolute;
	z-index: -5;
	background: #000000 repeat-x scroll center;
	height: 580px;
	width: 100%;
	visibility: visible;
}

h1.entry {
	font: bold 30px "Trebuchet MS", Verdana, Geneva, sans-serif;
	color: white;
	border-bottom: 1px solid #1f1f1f;
	margin-bottom: 10px;
	clear: left;
}

h2.entry {
	font: bold 18px "Trebuchet MS", Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	border-bottom: 1px solid #1f1f1f;
	clear: left;
}

h2.entry.green {
	color: #40be00;
}

h2.entry.orange {
	color: #f8ae00;
}



h2 {
	font: bold 20px "Trebuchet MS", Verdana, Geneva, sans-serif;
	color: white;
	text-align: left;
}

h3 {
	font: bold 14px "Trebuchet MS", Verdana, Geneva, sans-serif;
	color: white;
	margin-bottom: 10px;
}

p {
	font: 13px/20px "Trebuchet MS", Verdana, Geneva, sans-serif;
	color: gray;
}

a {
	font: 13px "Trebuchet MS", Verdana, Geneva, sans-serif;
	color: #646a6a;
}

a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}


/********************/
/*     Colors    */
/********************/

.blue {
	color: #1d9ebc;
}

.green {
	color: #40be00;
}

.orange {
	color: #f8ae00;
}

.yellow {
	color: #ead800;
}


.red {
	color: #ff1a00;
}

.white {
	color: #FFF;
}


/********************/
/*     Subscribe    */
/********************/


#subscribe_wrap {
	background: url(../images/sub_bg.png) repeat-x;
	height: 30px;
	z-index: 3;
}

#subscribe_wrap ul li{
	width: 94px;
	float: left;
	text-align: center;
	height: 30px;
}

ul.items {
	height: 30px;
	margin: auto;
	width: 950px;
	list-style-type: none;
}

#subscribe_wrap ul li.subscribe {
	height: 0;
	width: 94px;
	padding-top: 30px;
	float: left;
	background-image: url(../images/b_subscribe.png);
	overflow: hidden;
}

a.subscribe {
	text-align: center;
	text-decoration: none;
	font: 14px/30px "Trebuchet MS", Verdana, Geneva, sans-serif;
	color: #fff;
	display: block;
}

a.subscribe:hover {
	color: #b0afae;
}

/********************/
/*       Logo       */
/********************/


div#logo {
	width: 950px;
	height: 125px;
	background: no-repeat 0 0;
	display: block;
	margin: 10px auto 13px;
}

/********************/
/*    Navigation    */
/********************/


#nav {
	height: 41px;
	width: 950px;
	margin: auto;
	background-image: url(../images/Navigation.png);
}

#nav li {
	display: inline;
}

#nav li a{
	padding-top: 41px;
	float: left;
	height: 0;
	overflow: hidden;
		font: bold 14px "Trebuchet MS", Verdana, Geneva, sans-serif;
	color: white;
}

/*button*/
#nav li a#tab1 { margin-left: 10px;width: 82px; background: url(../images/Navigation.png) no-repeat -10px -41px; }
#nav li a#tab2 {width: 76px; background: url(../images/Navigation.png) no-repeat -92px -41px; }
#nav li a#tab3 {width: 96px; background: url(../images/Navigation.png) no-repeat -168px -41px; }
#nav li a#tab4 {width: 108px; background: url(../images/Navigation.png) no-repeat -264px -41px; }
#nav li a#tab5 {width: 98px; background: url(../images/Navigation.png) no-repeat -372px -41px;}

/*over states*/
#nav li a#tab1:hover { margin-left: 10px;width: 82px; background: url(../images/Navigation.png) no-repeat -10px -82px; }
#nav li a#tab2:hover {width: 76px; background: url(../images/Navigation.png) no-repeat -92px -82px; }
#nav li a#tab3:hover {width: 96px; background: url(../images/Navigation.png) no-repeat -168px -82px; }
#nav li a#tab4:hover {width: 108px; background: url(../images/Navigation.png) no-repeat -264px -82px; }
#nav li a#tab5:hover {width: 98px; background: url(../images/Navigation.png) no-repeat -372px -82px;}

/*on states*/
#nav.tab1 li a#tab1 { margin-left: 10px;width: 82px; background: url(../images/Navigation.png) no-repeat -10px -82px; }
#nav.tab2 li a#tab2 {width: 76px; background: url(../images/Navigation.png) no-repeat -92px -82px; }
#nav.tab3 li a#tab3 {width: 96px; background: url(../images/Navigation.png) no-repeat -168px -82px; }
#nav.tab4 li a#tab4 {width: 108px; background: url(../images/Navigation.png) no-repeat -264px -82px; }
#nav.tab5 li a#tab5 {width: 98px; background: url(../images/Navigation.png) no-repeat -372px -82px;}

/***********************/
/*    Content Frame    */
/***********************/

#content {
	width: 950px;
	margin: auto;
	display: table;
	
}

div#bigcol {
	background: #101010 url(../images/widecol_top.jpg) repeat-x 0 top;
	padding-top: 15px;
	padding-right: 25px;
	padding-left: 25px;
	width: 900px;
	float: left;
}

/*********************************/
/*    Header showcase :: Home    */
/*********************************/

div.anyClass {
	height: 299px;
	z-index: 2;
	position: relative;
}

#content div.anyClass ul {
	height: 299px;
	position: absolute;
	z-index: 1;
}

#content button.prev {
	width: 42px;
	height: 42px;
	background: url(../images/left.png) no-repeat;
	border-style: none;
	z-index: 5;
	margin-left: -21px;
	position: absolute;
	margin-top: 129px;
	cursor: pointer;
}

#content button.next {
	width: 42px;
	height: 42px;
	background: url(../images/right.png) no-repeat;
	border-style: none;
	z-index: 5;
	position: absolute;
	margin-left: 929px;
	margin-top: 129px;
	cursor: pointer;
}

.shine {
	position: absolute;
	background-image: url(../images/shine.png);
	z-index: 2;
	width: 950px;
	height: 299px;
}	

h1.showcase {
	position: absolute;
	width: 910px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 20px;
	margin-right: 20px;
	z-index: 3;
	margin-top: 230px;
	text-align: left;
	background-image: url(../images/sub_bg3.png);
	background-repeat: repeat;
}

h1.showcase a{
	font: bold 35px "Trebuchet MS", Verdana, Geneva, sans-serif;
	color: #fff;
	text-decoration: none;
	padding-left: 10px;
}

/**************************/
/*    Collumns :: Home    */
/**************************/

#content_shadow {
	background-image: url(../images/content_shadow.jpg);
	width: 950px;
	height: 27px;
	display: inline-block;
}

#col_wrapper {
	width: 950px;
	display: block;
	float: left;
	background-color: #1f1f1f;
	padding-bottom: 15px;
	z-index: 1;
	background-position: 12px;
	padding-top: 20px;
}

#col1 {
	width: 275px;
	padding-left: 25px;
	margin-right: 75px;
	z-index: 2;
	float: left;
}

	#col1 div.neon_posts {
		background-image: url(../images/neon_red_left_col1.png);
		width: 312px;
		height: 25px;
		margin-left: -35px;
}

	ul.recent_posts {
		float: left;
		margin-top: 10px;
		list-style-type: none;
	}

		ul.recent_posts li {
			margin-bottom: 25px;
			float: left;
			width: 275px;
		}

			ul.recent_posts li img {
				float: left;
				margin-right: 25px;
			}

			ul.recent_posts li a {
				color: white;
				text-decoration: none;
				font-weight: normal;
				font-style: normal;
			}

			ul.recent_posts li p {
				width: 186px;
				float: left;
				text-align: left;
			}


#col2 {
	width: 200px;
	margin-right: 75px;
	float: left;
}

	#col2 div.neon_flickr {
		background-image: url(../images/neon_yellow_mid_col2.png);
		width: 212px;
		height: 25px;
		margin-left: -9px;
}

	ul.flickr_gallery {
		width: 200px;
		float: left;
		margin-top: 10px;
		list-style-type: none;
	}
	
	ul.flickr_gallery li {
		float: left;
		margin-right: 5px;
		margin-bottom: 5px;
	}

#col3 {
	width: 270px;
	display: inline-block;
	float: left;
}

	#col3 div.neon_links {
		height: 25px;
		background-image: url(../images/neon_bleu_right_col3.png);
		width: 317px;
		margin-left: -8px;
	}
	
	ul.links {
		width: 270px;
		list-style-type: none;
		display: inline;
		float: left;
		margin-top: 10px;
	}	
	
		ul.links li {
			float: left;
			margin-bottom: 10px;
			margin-right: 10px;
		}

/***********************/
/*    Blogging page    */
/***********************/

#col_2 {
	width: 950px;
	display: inline;
	float: left;
	background: url(../images/col2_bg.png) repeat-y;
}

#widecol {
	width: 575px;
	float: left;
	background: #101010 url(../images/widecol_top.jpg) repeat-x left top;
	padding: 35px 50px 20px 25px;
	display: inline;
}

ul.blog_entry {
	list-style-type: none;
	width: 575px;
	text-align: left;
}

#widecol ul.blog_entry li {
	margin-bottom: 35px;
}

#widecol ul.blog_entry li img {
	margin-top: 15px;
	margin-bottom: 15px;
	width: 575px;
	clear: left;
}

#widecol ul.blog_entry li a {
	color: white;
	font: 13px "Trebuchet MS", Verdana, Geneva, sans-serif;
	float: right;
}

p.posted {
	font: 10px "Trebuchet MS", Verdana, Geneva, sans-serif;
	float: left;
	margin-right: 10px;
}

p.date {
	font: 10px "Trebuchet MS", Verdana, Geneva, sans-serif;
	float: left;
	color: white;
}

a.more {
	text-decoration: none;
	color: white;
	font: 13px "Trebuchet MS", Verdana, Geneva, sans-serif;
}


/************************/
/*   Original Portfolio page    */
/************************/

button.prev2 {
	width: 42px;
	height: 42px;
	background: url(../images/left.png) no-repeat;
	position: absolute;
	z-index: 6;
	float: left;
	margin-top: 75px;
	margin-left: -21px;
}

button.next2 {
	width: 42px;
	height: 42px;
	background: url(../images/right.png) no-repeat;
	position: absolute;
	z-index: 6;
	margin-top: 75px;
	margin-left: 877px;
}

button.prev3 {
	width: 42px;
	height: 42px;
	background: url(../images/left.png) no-repeat;
	position: absolute;
	z-index: 6;
	float: left;
	margin-top: 75px;
	margin-left: -21px;
}

button.next3 {
	width: 42px;
	height: 42px;
	background: url(../images/right.png) no-repeat;
	position: absolute;
	z-index: 6;
	margin-top: 75px;
	margin-left: 877px;
}

button.prev4 {
	width: 42px;
	height: 42px;
	background: url(../images/left.png) no-repeat;
	position: absolute;
	z-index: 6;
	float: left;
	margin-top: 75px;
	margin-left: -21px;
}

button.next4 {
	width: 42px;
	height: 42px;
	background: url(../images/right.png) no-repeat;
	position: absolute;
	z-index: 6;
	margin-top: 75px;
	margin-left: 877px;
}

a.project {
	color: #fff;
	font: 13px "Trebuchet MS", Verdana, Geneva, sans-serif;
	text-decoration: none;
	float: right;
}

/*    Portfolio page  sliders   */

/*    controls all of them   */

div.portfolio_photo {
	position: absolute;
	margin-top: 15px;
	margin-bottom: 25px;
	z-index: -1;
	width: 900px;
	height: 175px;
}

/*    need one set for each entry   */




#bigcol div.portfolio_photo ul {
	position: absolute;
	height: 175px;
	z-index: 1;
}

#bigcol div.portfolio_one ul {
	position: absolute;
	height: 175px;
	z-index: 1;
}


#bigcol div.portfolio_web ul {
	position: absolute;
	height: 175px;
	z-index: 1;
}

#bigcol div.portfolio_3d ul {
	position: absolute;
	height: 175px;
	z-index: 1;
}


/*    need one set for each entry   */

div.portfolio_one {
	position: absolute;
	margin-top: 15px;
	margin-bottom: 25px;
	z-index: -1;
	width: 900px;
	height: 175px;
}


div.portfolio_web {
	position: absolute;
	margin-top: 15px;
	margin-bottom: 25px;
	z-index: -1;
	width: 900px;
	height: 175px;
}

div.portfolio_3d {
	position: absolute;
	margin-top: 15px;
	margin-bottom: 25px;
	z-index: -1;
	width: 900px;
	height: 175px;
}



div.shine_small{
	background-image: url(../images/shine2.png);
	position: absolute;
	z-index: 2;
	float: left;
	width: 900px;
	height: 175px;
}

div.text {
	z-index: 3;
	position: absolute;
	width: 860px;
	background-image: url(../images/sub_bg3.png);
	background-repeat: repeat;
	margin-top: 125px;
	padding: 5px 10px;
	margin-left: 10px;
}

/***********************/
/*    Services page    */
/***********************/

p.text_long {
	font: 13px/20px "Trebuchet MS", Verdana, Geneva, sans-serif;
	color: gray;
	margin-bottom: 15px;
}


p.text_big {
font: 15px/24px "Trebuchet MS", Verdana, Geneva, sans-serif;
	color: gray;
	margin-bottom: 15px;
}


#line {
	border-bottom: 1px solid #1f1f1f;
	padding-top: 25px;
	margin-bottom: 25px;
}

#line2 {
	border-bottom: 1px solid #1f1f1f;
	padding-top: 0px;
	margin-bottom: 7px;
}

#widecol img {
	margin-top: 15px;
	margin-bottom: 15px;
	width: 575px;
	clear: left;
}



.bulletlist li {
	font: 13px/20px "Trebuchet MS", Verdana, Geneva, sans-serif;
	color: gray;
	list-style-type: square;
	text-align: left;
	display: list-item;
	list-style-position: outside;
	margin: 0px;
}

#servicecontent {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
}


/**********************/
/*    Contact page    */
/**********************/

#contact_g {
	float: left;
	width: 600px;
	display: inline;
	margin-top: 25px;
	overflow:auto;
}

#contact_g img{
	float: right;
	width: 100px;
	margin-top: 25px;
}


#widecol form dl dt {
	margin-bottom: 10px;
}

#widecol form dl dt label {
	font: 10px "Trebuchet MS", Verdana, Geneva, sans-serif;
	color: #7a8080;
}

input#name.in_medium {
	width: 290px;
	height: 30px;
	margin-bottom: 10px;
	background: url(../images/in_medium.jpg) left top;
	font: 13px "Trebuchet MS", Verdana, Geneva, sans-serif;
	color: white;
	padding-right: 5px;
	padding-left: 5px;
}

input#name.in_medium:focus {
	background: url(../images/in_medium.jpg) left bottom;
}

input#mail.in_medium {
	width: 290px;
	height: 30px;
	margin-bottom: 10px;
	background: url(../images/in_medium.jpg) left top;
	font: 13px "Trebuchet MS", Verdana, Geneva, sans-serif;
	color: white;
	padding-right: 5px;
	padding-left: 5px;
}

input#mail.in_medium:focus {
	background: url(../images/in_medium.jpg) left bottom;
}

input#subject.in_medium {
	width: 290px;
	height: 30px;
	margin-bottom: 10px;
	background: url(../images/in_medium.jpg) left top;
	font: 13px "Trebuchet MS", Verdana, Geneva, sans-serif;
	color: white;
	padding-right: 5px;
	padding-left: 5px;
}

input#subject.in_medium:focus {
	background: url(../images/in_medium.jpg) left bottom;
}

textarea.in_textarea {
	width: 565px;
	height: 165px;
	margin-bottom: 10px;
	padding: 5px;
	background: url(../images/textarea.jpg) left top;
	font: 13px "Trebuchet MS", Verdana, Geneva, sans-serif;
	color: white;
}

textarea.in_textarea:focus {
	background: #f8ae00 left bottom;
}

input#submit {
	width: 168px;
	height: 44px;
	background: url(../images/b_button.png) no-repeat;
	float: right;
	cursor: pointer;
}

.mapquestme {
	width: 252px;
	height: 185px;
	margin-top: 30px;
	margin-left: 10px;
}


/*****************/
/*    Sidebar portfolio   */
/*****************/

#widecolportfolio {
	width: 680px;
	float: left;
	background: #101010 url(../images/widecol_top.jpg) repeat-x left top;
	padding: 35px 25px 20px;
	display: inline;
}

#col2portfolio {
	width: 180px;
	margin-right: 20px;
	float: left;
}

#sidebarportfolio {
	float: left;
	display: inline-block;
	width: 200px;
	background: #1a1a1a url(../images/Sidebar_top.jpg) repeat-x 0 top;
	padding-left: 10px;
	padding-top: 35px;
	padding-right: 10px;
}

div.neon_portfolio {
	background-image: url(../images/neon_yellow_right_col3.png);
	width: 225px;
	height: 23px;
	position: absolute;
	margin-left: -15px;
}

div.neon_portfoliolinks {
	background-image: url(../images/neon_yellow_sidebar.png);
	width: 225px;
	height: 23px;
	margin-left: -15px;
	display: block;
}

/*
ul.categories {
	list-style-type: none;
	margin-top: 35px;
	margin-bottom: 35px;
}
*/


#sidebar ul.categories li {
	font: 13px "Trebuchet MS", Verdana, Geneva, sans-serif;
	color: #999999;
	border-bottom: 1px solid #3a3a3a;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
}


#sidebarportfolio ul.categories li {
	font: 13px "Trebuchet MS", Verdana, Geneva, sans-serif;
	color: #999999;
	border-bottom: 1px solid #3a3a3a;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
}

#sidebarportfolio ul.categories li a {
	font: 13px "Trebuchet MS", Verdana, Geneva, sans-serif;
	color: #999999;
	text-decoration: none;
}


ul.links_sidebarportfolio {
	float: left;
	width: 270px;
	margin-top: 15px;
	list-style-type: none;
}

#sidebarportfolio ul.links_sidebarportfolio li {
	float: left;
	display: inline-block;
}

#sidebarportfolio ul.links_sidebarportfolio li.link1 {
	margin-bottom: 10px;
	margin-left: 10px;
	float: left;
}



#sidebarportfolio ul.categories li a:hover {
	text-decoration: underline;
	color: #ead800;
}



/*****************/
/*    Sidebar    */
/*****************/


#sidebar {
	float: left;
	display: inline-block;
	width: 280px;
	background: #1a1a1a url(../images/Sidebar_top.jpg) repeat-x 0 top;
	padding-left: 10px;
	padding-top: 35px;
	padding-right: 10px;
}

div.neon_gategories {
	background-image: url(../images/neon_orange_right_col3.png);
	width: 314px;
	height: 23px;
	width: 330px;
	height: 23px;
	position: absolute;
	margin-left: -15px;
	background-repeat: no-repeat;
	}


div.neon_portfolio {
	background-image: url(../images/neon_yellow_right_col3.png);
	width: 230px;
	height: 23px;
	position: absolute;
	margin-left: -15px;
}



div.neon_links {
	background-image: url(../images/neon_green_sidebar.png);
	width: 314px;
	height: 23px;
	margin-left: -15px;
	display: block;
}

ul.categories {
	list-style-type: none;
	margin-top: 35px;
	margin-bottom: 35px;
}

#sidebar ul.categories li {
	border-bottom: 1px solid #3a3a3a;
	height: 25px;
	line-height: 25px;
	margin-left: 10px;
	margin-right: 10px;
}

#sidebar ul.categories li a {
	text-decoration: none;
	color: #999999;
	font: 13px "Trebuchet MS", Verdana, Geneva, sans-serif;
}

#sidebar ul.categories li a:hover {
	text-decoration: underline;
	color: #f8ae00;
}


ul.links_sidebar {
	float: left;
	width: 270px;
	margin-top: 15px;
	list-style-type: none;
}

#sidebar ul.links_sidebar li {
	float: left;
	display: inline-block;
}

#sidebar ul.links_sidebar li.link1 {
	margin-bottom: 10px;
	margin-left: 10px;
	float: left;
}


#sidebar a:hover {
	text-decoration: underline;
	color: #FFF;
}


/****************/
/*    Footer    */
/****************/

#footer {
	width: 950px;
	margin: auto;
	text-align: center;
	padding-top: 15px;
}

#footer_shadow {
	position: absolute;
	background: #000000 no-repeat center;
	z-index: -1;
	width: 100%;
	height: 436px;
	float: left;
	display: inline;
	margin-top: -250px;
}

/* floated stuff */
.lftflt {
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}

.rghtflt {
	float: right;
	margin-left: 10px;
	clear: both;
}

.clearit {
	clear: both;
}


#homephotocontainer {
	width: 899px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	}

#centerit {
	text-align:center;
	float: none;
	vertical-align: middle;
	width: 898px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 30px;
}

#homephotocontainer ul {
	float: left;
	list-style-type: none;
}



.homephotoc {
	padding: 25px;
	width: 250px;
	text-align: center;
}

.homephotol {
	padding: 20px;
	width: 250px;
	text-align: center;
}
.homephotor {
	padding: 20px;
	width: 250px;
	text-align: center;
}