/*
 *
 *   doc name  xx  Wulf's CSS Redefine
 *   desc      xx  Redefines CSS Rules
 *   author    xx  Ulf Lonegren
 *   version   xx  1.0  xx  Jan. 19 2009
 *
 * 
**/


/*ooooooooooooooooooooooooooooooooooooo*/
/*xxxxxx    Table of Contents    xxxxxx*/
/*ooooooooooooooooooooooooooooooooooooo*/
/*

	[RD1] Global Settings
	[RD2] Content Spacing
	[RD3] Font Classes
	[RD4] Headings
	[RD5] Website Styles
	

*/
/*ooooooooooooooooooooooooooooooooooooo*/
/*ooooooooooooooooooooooooooooooooooooo*/


/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*ooooooooooooooooooooooooooxxxxxx   [RD1] Global Settings    xxxxxxoooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

 
html, body {
	height:100%;
	color:#000;
	font-size:100.01%;
	}
 
body{
	font:13px/1.231 arial,helvetica,verdana,clean,sans-serif;
	}
	
object { outline:none; }

/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooxxxxxx   [RD2] Content Spacing    xxxxxxooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

hr,p,ul,ol,dl,pre, address,table,form{
	margin-bottom:1.6em;
	}
	
p{
	font-size:116%;
	line-height:1.6em;
	}

p+p{
	
	}

ul{
	list-style:disc outside;
	}

ol{
	list-style:decimal outside;
	}
	
blockquote {
  font: inherit;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 1em;
  padding-left: 1em;
  border-left: 3px solid #ccc;
	} 

fieldset{
	margin:1.6em 0;
	padding:1.6em;
	}

legend{
	padding-left:.8em;
	padding-right:.8em;
	}

fieldset>*:first-child{
	margin-top:0;
	}

textarea,input[type='text']{
	padding:.1em .2em;
	}

input{
	padding:.2em .1em;
	}

select{
	padding:.2em .1em 0;
	}

select[multiple]{
	margin-bottom:.8em;
	}

option{
	padding:0 .4em .1em;
	}

button{
	padding:.3em .5em;
	}

input[type='radio']{
	position:relative;
	bottom:-.2em;
	}

dt{
	margin-top:.8em;
	margin-bottom:.4em;
	}

dd{
	line-height:1.6em;
	}

ul,ol{
	margin-left:2.2em;
	}

li{
	line-height:1.6em;
	}

caption,form div{
	padding-bottom:.8em;
	}

/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooxxxxxx   [RD3] Font Classes    xxxxxxoooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/


/*xxxxxx    Font Sizes    xxxxxx*/

.size10 {font-size:77%;} /* for setting 10px */
.size11 {font-size:85%;} /* for setting 11px */
.size12 {font-size:93%;} /* for setting 12px */
.size13 {font-size:100%;} /* for setting 13px */
.size14 {font-size:108%;} /* for setting 14px */
.size15 {font-size:116%;} /* for setting 15px */
.size16 {font-size:123.1%;} /* for setting 16px */
.size17 {font-size:131%;} /* for setting 17px */
.size18 {font-size:138.5%;} /* for setting 18px */
.size19 {font-size:146.5%;} /* for setting 19px */
.size20 {font-size:153.9%;} /* for setting 20px */
.size21 {font-size:161.6%;} /* for setting 21px */
.size22 {font-size:167%;} /* for setting 22px */
.size23 {font-size:174%;} /* for setting 23px */
.size24 {font-size:182%;} /* for setting 24px */
.size25 {font-size:189%;} /* for setting 25px */
.size26 {font-size:197%;} /* for setting 26px */


/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*ooooooooooooooooooooooooooooooxxxxxx   [RD4] Headings    xxxxxxooooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
 

h1, h2, h3, h4, h5, h6 {
	margin:0 0 1.1em 0;
	font-size:100%;
	}
 
h1 {

	}
 
h2 {
	
	}
 
h3 {
	
	}
 
h4 {
	
	}
	
h5 {
	
	}
	
h6 {
	
	}
	
	
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*ooooooooooooooooooooooooooxxxxxx   [RD1] Website Styles   xxxxxxoooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
	
body {
	background-color:#272623;
	background-image:url(../images/bg.gif);
	color:#ffffff;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height:25px;
	margin-bottom:.6em;
}


#container {
	min-height:100%;
	position:relative;
}
#header {
	height:115px;
	padding:0px;
	margin:0 auto;
	width:950px;
}

#header ul.nav{
	padding:0;
	margin:0;
}

#header ul.nav li{
	padding-right:17px;
	padding-left:2px;
	background:url(../images/nav-spacer.png) no-repeat right 2px;
	margin-top:68px;
	list-style:none;
	float:left;
}

#header ul.nav li.last{
	padding-right:0px;
	background:none;
}

.subnav {
	height:64px; 
	background:url(../images/subnav-bg.gif) repeat-x top;
}
.subnav div.container{
	height:64px; 
	margin:0 auto;
	width:950px;
}
.subnav div.container div.title{
	width:255px;
}
.subnav div.container ul{
	padding:0;
	margin:0;
}
.subnav div.container ul li{
	background:url(images/bullet.png) no-repeat left 26px;
	list-style:none;
	float:left;
	padding:20px 15px 0px 20px;
	margin:0 25px 0 0px;
	height:44px; 
}

.subnav div.container ul li a{
	color:#fff;
	text-decoration:none;
	display:block;
	height:44px;
	
}

.subnav div.container ul li a:hover{
	background:url(../images/subnav-selected.gif) no-repeat bottom center;
}

.subnav div.container ul li a.selected{
	background:url(../images/subnav-selected.gif) no-repeat bottom center;
}

#body {
	padding:0px;
	padding-bottom:145px;   /* Height of the footer */
}

.homeflash {
	border-top:solid 4px #272623;
	border-bottom:solid 4px #272623;
	height:420px;
	background-color:#272623;
}

.projectaction {
	border-bottom:solid 1px #6d4e66;
	height:500px;
	background-color:#272623;
}

.aboutaction {
	border-bottom:solid 1px #6d4e66;
	background:#272623;
	padding:35px 0 45px;
	width:100%;
}

.aboutaction div.container{
	width:950px; 
	margin:0 auto;
}

.aboutaction div.container p.upper{
	text-transform: uppercase;
	color:#aaaaa9;
	font-weight:bold;
	line-height:2.1em;
	margin-bottom:35px;
}

.footer {
	border-top:solid #403c39 4px;
	position:absolute;
	bottom:0;
	width:100%;
	height:130px;   /* Height of the footer */
	background:#272623;
	/*background:#4a4843;*/
}
.footer div.container{
	width:950px; 
	margin:0 auto;
}
.footer div.container dl{
	width:100px;
}
.footer div.container dl dt{
	font-weight:bold;
	font-size:108%;
	/*color:#d7d7d7;*/
	color: #d7d7d7;
}
.footer div.container dl dd{
	font-weight:normal;
	color:#d7d7d7;
}

.footer div.container dl a{
	text-decoration:none;
	color:#d7d7d7;
}
.footer div.container dl a:hover{
	text-decoration:underline;
	color:#d7d7d7;
}

.footer div.container dt a{
	text-decoration:none;
	color:#c18eb5;
}
.footer div.container dt a:hover{
	text-decoration:underline;
	color:#c18eb5;
}

.footer div.container .vr{
	width:20px;
	min-height:130px;

	background: url(images/footer-spacer.jpg) repeat-y center;
}

.footer div.container dl.copyright{
	width:250px;
}

#center-content{
	padding-top:20px; 
	width:950px; 
	margin:0 auto;
}

.trans{
background-image:url(images/trans.png);
width:260px;
border-top:1px solid #777572;
border-bottom:1px solid #777572;

}

#center-content{
	padding-top:20px; 
	width:950px; 
	margin:0 auto;
}

#center-content img.title{
	margin:0 0 30px 0;
}

#center-content div.col1{
	width:325px; 
	float:left; 
	padding:0 60px 0 0;
}

#center-content div.col2{
	width:252px; 
	float:left; 
	padding:0 60px 0 0;
}

#center-content div ul {
	margin:0px;
	padding:16px 16px 16px 0px;
	padding-top:0px;
}
#center-content div li {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding-bottom:5px;
	padding-left:21px;
	padding-top:0px;
	/*list-style-image:url(images/bullet.png);*/
	list-style: none;
	background:url(images/bullet.png) no-repeat 0px 7px;
}

#center-content div.col3{
	width:252px; 
	float:left; 
}

#center-content div.col3 blockquote{
	padding:5px 10px 5px 10px;
	background: url(images/quote-open.png) top left no-repeat;
	border: 0;
	margin: 5px 0 5px 10px;
}
	
#center-content div.col3 blockquote div{
	background: url(images/quote-close.png) bottom right no-repeat;
	padding-left: 20px;
	padding-right: 20px;
	
}

a.trans-btn{
	display:block;
	height:68px;
	cursor:pointer;
	}
		
	a.learn-more{
		width:249px;
		background:url(../images/buttons/learn-more.png) no-repeat 0 0;
		}
		a.learn-more:hover{
			background:url(../images/buttons/learn-more.png) no-repeat 0 -68px;
			}
	a.view-more{
		width:249px;
		background:url(../images/buttons/view-more.png) no-repeat 0 0;
		}
		a.view-more:hover{
			background:url(../images/buttons/view-more.png) no-repeat 0 -68px;
			}
	a.about-us{
		width:316px;
		background:url(../images/buttons/why-we-are-different.png) no-repeat 0 0;
		}
		a.about-us:hover{
			background:url(../images/buttons/why-we-are-different.png) no-repeat 0 -68px;
			}
	a.our-services{
		width:316px;
		background:url(../images/buttons/our-services.png) no-repeat 0 0;
		}
		a.our-services:hover{
			background:url(../images/buttons/our-services.png) no-repeat 0 -68px;
			}
	a.beyond-design{
		width:316px;
		background:url(../images/buttons/beyond-design.png) no-repeat 0 0;
		}
		a.beyond-design:hover{
			background:url(../images/buttons/beyond-design.png) no-repeat 0 -68px;
			}
	a.process{
		width:316px;
		background:url(../images/buttons/process.png) no-repeat 0 0;
		}
		a.process:hover{
			background:url(../images/buttons/process.png) no-repeat 0 -68px;
			}
	a.pricing{
		width:316px;
		background:url(../images/buttons/pricing.png) no-repeat 0 0;
		}
		a.pricing:hover{
			background:url(../images/buttons/pricing.png) no-repeat 0 -68px;
			}
	a.contact-us{
		width:316px;
		background:url(../images/buttons/contact-us.png) no-repeat 0 0;
		}
		a.contact-us:hover{
			background:url(../images/buttons/contact-us.png) no-repeat 0 -68px;
			}
	a.view-projects{
		width:316px;
		background:url(../images/buttons/view-projects.png) no-repeat 0 0;
		}
		a.view-projects:hover{
			background:url(../images/buttons/view-projects.png) no-repeat 0 -68px;
			}
	a.more-testimonials{
		width:295px;
		background:url(../images/buttons/testimonials.png) no-repeat 0 0;
		}
		a.more-testimonials:hover{
			background:url(../images/buttons/testimonials.png) no-repeat 0 -68px;
			}
			
			
.contact_us_ul {
	position: relative; 
	left: -25px; 
	list-style: none; 
	padding-left: 21px; 
	background:url(images/bullet.png) no-repeat 0px 7px;
}