/* CSS Document */

*{
	margin:0;
	padding:0;
	blockqoute:0;
	p:0;
	ul:0;
	li:0;
	
}

body {
	padding: 0;
	margin-left:auto;
	margin-right:auto;
	background-color:#eeeeee;
}


/* Text Styles, Headers etc */
	
.smalltext {

	font-family: "arial";
	font-size: 11px;
	color: #ff6600;
	font-weight: normal;
	text-decoration: none;
}

.largetext {

	font-family: "arial";
	font-size: 14px;
	color: #E1E7EC;
	font-weight: normal;
	text-decoration: none;
}

.normal {
	font-family: "arial";
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}

blockquote {
	padding-top:10px;
	padding-bottom:1em;
	padding-left:50px;
}

p {
	padding-bottom:1em;
}

ul	{
	padding-left:50px;
	padding-top:20px;
	padding-bottom:10px;
}

li {
	padding-left:5px;
	padding-bottom:2px;
	vertical-align:text-bottom;
	list-style:square;
	list-style-position:outside;
	list-style-image:url(images/greenTick.png);
}
	
A {
    font-family: "arial";
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	text-decoration:none;
}

A:visited {
 	font-family: "arial";
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	text-decoration:none;
}

A:active {
 	font-family: "arial";
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	text-decoration:none;
}

A:hover { 
	font-family: "arial";
	font-size: 12px;
	color:#ff6600;
	font-weight: bold;
    text-decoration:underline;
}
	

H1 {

	font-family: "arial";
	font-size: 20px;
	color: #336699;
	font-weight: bold;
	padding-bottom:5px;
	padding-top:10px;
	padding-left:0px;
	padding-right:0px;

}

H2 {

	font-family: "arial";
	font-size: 16px;
	color: #336699;
	font-weight: normal;
	padding-bottom:0px;
	padding-top:10px;
	padding-left:0px;
	padding-right:0px;
	text-decoration:none;

		
}


H3 {

	font-family: "arial";
	font-size: 14px;
	color: #336699;
	font-weight: normal;
	padding: 0;
}

H4 {

	font-family: "arial";
	font-size: 10px;
	color: #336699;
	font-weight: normal;
	padding: 0;
}


.floatimgleft {
	float:left;
	clear:left;
	margin-top:18px;
	margin-left:5px;
	margin-right:15px;
	margin-bottom:30px;
}

.floatimgright {
	float: right;
	clear:right;
	margin-top:2px;
	margin-left:5px;
	margin-right:15px;
	margin-bottom:10px;
}


.floatticksleft {
	float:left;
	clear:left;
	margin-top:2px;
	margin-left:5px;
	margin-right:15px;
	margin-bottom:5px;
}

/* Layers */


#base {
	position:relative;
	width: 950px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
}
	
	
#header { 
	width:915px;
	height:152px;
	margin-bottom:0px;
	padding-top:8px;
	padding-left:35px;
	background-image:url(images/header.png);
	background-repeat:no-repeat;
	text-align:left;
	z-index:2;
}

#flash {
	position:absolute;
	top:150px;
	left:374px;
	width:250px;
	height:50px;
	margin-bottom:20px;
	text-align:left;
	z-index:2;
}

#main { 
	width:950px;
	margin-left:auto;
	margin-right:auto;
	z-index:1;
}


#main_text { 
	width:950px;
	background-image:url(images/edges.png);
	background-repeat:repeat-y;
	z-index:2;
}


#navigation {
	clear:both;
	width:903px;
	height:50px;
	padding-top:50px;
	padding-left:47px;
	background-image:url(images/feature.png);
	background-repeat:no-repeat;
	z-index:2;
}


#text_1 {
	width:445px;
	float:left;
	margin-left:0px;
	padding-left:35px;
	padding-right:25px;
	padding-top:25px;
	padding-bottom:10px;
	text-align:left;
	z-index:3;
}


#portfolio {
	width:230px;
	float:right;
	margin-right:20px;
	padding-left:0px;
	padding-top:00px;
	padding-bottom:5px;
	text-align:left;
	z-index:3;
}

#text_2 {
	width:400px;
	float:left;
	margin-left:0px;
	padding-left:0px;
	padding-top:10px;
	padding-bottom:5px;
	text-align:left;
	z-index:3;
}

#text_3 {
	width:400px;
	float:left;
	margin-left:0px;
	margin-bottom:0px;
	padding-top:15px;
	text-align:left
	z-index:5;

}

#next_text {
	width:360px;
	clear:both;
	margin-left:40px;
	margin-top:5px;
	margin-bottom:5px;
	padding-top:15px;
	padding-bottom:5px;
	padding-left:65px;
	padding-right:5px;
	border-style:dashed;
	border-color:#cccccc;
	border-width:1px;
	background-image:url(images/arrow_ico.jpg);
	background-repeat:no-repeat;
	text-align:left
	z-index:5;

}

#text_4 {
	width:890px;
	float:left;
	margin-left:0px;
	padding-left:35px;
	padding-right:25px;
	padding-top:25px;
	padding-bottom:10px;
	text-align:left;
	z-index:3;
}

#spacer {
	width:850px;
	float:left;
	margin-left:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:25px;
	padding-bottom:10px;
	text-align:left;
	z-index:3;
}

#portfolio_images {
	width:830px;
	float:left;
	margin-left:0px;
	padding-left:55px;
	padding-right:25px;
	padding-top:25px;
	padding-bottom:10px;
	text-align:left;
	z-index:3;
}

#textbottom {
	clear:both;
	width:950px;
	height:80px;
	padding-top:20px;
	background-image:url(images/footer.png);
	background-position:center;
	background-repeat:no-repeat;
	text-align:left;
	z-index:3;

}

#textbottom A {
    font-family: "arial";
	font-size: 11px;
	color: #336699;
	font-weight: bold;
	text-decoration:none;
}

#textbottom A:active {
 	font-family: "arial";
	font-size: 11px;
	font-weight: bold;
	color: ##336699;
	text-decoration:none;
}	
	
#textbottom A:hover {
	font-family: "arial";
	font-size: 11px;
	font-weight: bold;
	color: #00cccc;
    text-decoration:underline;
}

#design_process {
	width:390px;
	float:left;
	margin-left:0px;
	margin-bottom:0px;
	padding-top:10px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-style:dashed;
	border-color:#cccccc;
	border-width:1px;
	text-align:left
	z-index:5;

}

#box1 {
	float:left;
	margin-left:5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	width:195px;
	height:120px;
	border-style:dashed;
	border-color:#cccccc;
	border-width:1px;
	text-align:left
	z-index:3;

}

#box2 {
	float:left;
	margin-left: 10px;
	width:195px;
	height:120px;	
	padding-left:5px;
	padding-right:5px;
	padding-top:9px;
	border-style:dashed;
	border-color:#cccccc;
	border-width:1px;
	text-align:left
	z-index:3;

}

#box3 {
	float:left;
	margin-left: 10px;
	padding-top:9px;
	padding-left:5px;
	padding-right:5px;
	width:195px;
	height:120px;	
	border-style:dashed;
	border-color:#cccccc;
	border-width:1px;
	text-align:left
	z-index:3;

}

#box4 {
	float:left;
	margin-left: 10px;
	padding-top:9px;
	padding-left:5px;
	padding-right:5px;
	width:195px;
	height:120px;	
	border-style:dashed;
	border-color:#cccccc;
	border-width:1px;
	text-align:left
	z-index:3;

}

#services {
	float:left;
	padding-left:153px;
	padding-top:9px;
	width:158px;
	height:50px;
	text-align:left
	z-index:3;

}
#consult {
	float:left;
	width:150px;
	padding-top:9px;
	height:50px;
	text-align:left
	z-index:3;

}
#news {
	float:left;
	padding-top:9px;
	padding-left:70px;
	width:365px;
	height:50px;
	text-align:left
	z-index:3;

}

#bottom {
	clear:both;
	width:950px;
	height:38px;
	padding-top:0px;
	background-image:url(images/bottom.png);
	background-repeat:no-repeat;
	text-align:center;
	z-index:2;
}

#recent {
	width:400px;
	float:left;
	margin-left:0px;
	margin-bottom:0px;
	border-style:solid;
	border-color:#cccccc;
	border-width:1px;
	text-align:left
	z-index:3;

}

#sitemap {
	clear:both;
	width:940px;
	height:20px;
	padding-top:0px;
	padding-right:0px;
	text-align:center;
	z-index:2;
}

#sitemap A {
    font-family: "arial";
	font-size: 11px;
	color: #ff6600;
	font-weight: normal;
	text-decoration:none;
}

#sitemap A:active {
 	font-family: "arial";
	font-size: 11px;
	font-weight: normal;
	color: #ff6600;
	text-decoration:none;
}	
	
#sitemap A:hover {
	font-family: "arial";
	font-size: 11px;
	font-weight: normal;
	color:#333333;
    text-decoration:underline;
}


#footer {
	clear:both;
	width:940px;
	height:30px;
	padding-top:5px;
	padding-right:0px;
	text-align:center;
	z-index:2;
}

#footer A {
    font-family: "arial";
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	text-decoration:none;
}

#footer A:active {
 	font-family: "arial";
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-decoration:none;
}	
	
#footer A:hover {
	font-family: "arial";
	font-size: 11px;
	font-weight: bold;
	color: #00cccc;
    text-decoration:underline;
}