/* CSS Document */



/* #######################################################################################################################################*/
/* persistant text stylings */
/* #######################################################################################################################################*/
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: capitalize;
}
.orange{
	color: #FF6600;
	letter-spacing: .24em;
}
.pagetitle{
	font-size: 1.2em;
	color: #666666;
	padding-left: 0%;
}
.website{
	font-size: 1.2em;
	color: #FF6600;
	padding-right: 2%;
}

#mainheader,#mainheader2{
	font-size: 1.3em;
	letter-spacing: .2em;
	font-weight: bold;
}
table{
	position: absolute;
	top: 5%;
}
.mainheader{	
	font-size: 1.3em;
	letter-spacing: .2em;
	font-weight: bold;}
	
.mainheader2{
	font-size: 1.3em;
	letter-spacing: .2em;
	font-weight: bold;
	width: 100%;
}

#maintext,#maintext2{
	font-size: 1em;
	letter-spacing: .2em;
}

#leftheader,#rightheader{
	font-size: .85em;
	letter-spacing: .15em;
	font-weight: bold;
}


#container_head,#navcontainer,#container_body,#container_foot{

}

/* #######################################################################################################################################*/
/* outer layout */
/* #######################################################################################################################################*/

#container_head{
	position: absolute;
	height: 150px;
	width: 100%;
	top: 0%;
}

#navcontainer{
	position: absolute;
	height: 35px;
	width: 100%;
	top: 115px;
}

#container_body{
	position: absolute;
	height: 435px;
	width: 100%;
	top: 150px;

}
#container_foot{
	position: absolute;
	height: 40px;
	width: 100%;
	top: 600px;
}

#container_foot a{

}



/* #######################################################################################################################################*/
/* inner layout top nav*/
/* #######################################################################################################################################*/

#navcontainer li,#container_footer li {
	list-style-type: none;
	display: inline;
}
#navcontainer ul,#container_footer ul {
	text-decoration: none;
	left: 0%;
	width: 100%;
	position: absolute;
	height: 50%;
}
#navcontainer a,#container_footer a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: .95em;
	font-weight: bold;
	padding-top: 1%;
	padding-left: .5%;
	padding-right: 1%;
	padding-bottom: 1%;
}
#navcontainer a:hover,#container_footer a:hover {
	text-decoration: none;
	background-color: #FFFFFF;
	padding-right: 1%;
	padding-left: .5%;
	padding-bottom: 1%;
	font-weight: bold;
}



/* outer layout top nav end*/


/* inner layout access nav*/

#container_foot_inner ul li { display: inline; }

#container_foot_inner ul li a
{
	text-decoration: none;
	float: left;
	padding-top: 0.2em;
	padding-right: 1em;
	padding-bottom: 0.1em;
	padding-left: 0.15em;
	border-left-width: 1px;
	border-left-style: solid;
}



/* #######################################################################################################################################*/
/* inner layout */
/* #######################################################################################################################################*/
#cookiesetting{
	font-size: .85em;
	position: absolute;
	height: 15%;
	width: 15%;
	right: 2%;
	bottom: 2%;
}


#container_head_inner,#navcontainer_inner,#container_body_inner,#container_foot_inner{

	position: absolute;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	height: 100%;
}
#left{
	position: absolute;
	height: 90%;
	width: 60%;
	left: 0;
	top: 5%;
	bottom: 5%;
}
#left a{
	color: #FF6600;
	text-decoration: none;
}
#right{
	position: absolute;
	height: 66%;
	width: 30%;
	top: 5%;
	bottom: 5%;
	right: 0%;
}


/* #######################################################################################################################################*/
/* inner layout body contents*/
/* #######################################################################################################################################*/

#mainheader,#mainheader2,#maintext,#maintext2,#leftheader,#lefttext,#lefttext2,#rightheader,#righttext,#righttext_wide,#pagenav{
	position: absolute;

}


#mainheader,#maintext{

	left: 20%;

}

#mainheader2{
	width: 67%;
	left: 1%;
	}


#maintext2{
	width: 57%;
	left: 1%;
	}
	
#next,#previous{
	bottom: 34%;
	height: 6%;
	position: absolute;

	background-repeat: no-repeat;

	
}
#costs{
	top: 40%;
	height: 25%;
	position: absolute;

	background-color: #99FF66;
	
}


#previous{
	left: 20%;
	width: 17%;
	background-position: left;	
}
#previous a{
	text-align: right;
}
#next{
	left: 1%;
	width: 14%;
	background-position: right;	
}

#next a,#previous a{
	text-decoration: none;
	position:absolute;
	width: 100%;
}


#maintext_imagelayer{
	width: 33%;
	left: 33%;
	height: 63%;
	bottom: 0%;

}

#maintext_imagelayer,#maintext_imagelayer_text{	
	position: absolute;
	width: 33%;
	left: 33%;
	height: 63%;
	bottom: 0%;}

#maintext,#mainheader{
	width: 53%;
	left: 20%;

}

#mainheader,#leftheader,#rightheader,#mainheader2{
	height: 6%;
	top: 4%;
}

#maintext,#maintext2,#lefttext,#righttext,#righttext_wide{
	height: 86%;
	top: 12%;
}
#lefttext2{
	height: 43%;
	bottom: 2%;}

#leftheader,#lefttext,#lefttext2{
	width: 28%;
}

#righttext,#rightheader{
	width: 24%;
}

#righttext_wide{
	width: 37%;
	font-size: .85em;
}

#leftheader,#lefttext,#lefttext2{
	left: 2%;
}
#rightheader,#righttext,#righttext_wide{
	right: 2%;
}


/* #######################################################################################################################################*/
/* testimonial specific layout*/
/* #######################################################################################################################################*/

#test1,#test2,#test3,#test4{
	background-repeat: no-repeat;
	position: absolute;
}

#test1{
	background-position: center center;
	height: 220px;
	width: 250px;
	left: 2%;
	bottom: 2%;
}
#test1text{
	position: absolute;
	height: 35%;
	width: 95%;
	top: 10%;
}



#test2{}
#test3{}
#test4{}

/* #######################################################################################################################################*/
/* contact form persistant styling*/
/* #######################################################################################################################################*/
#form-div {
	width : 100%;
	margin : auto;
	line-height : 1.7em;
	position: absolute;

}

/* === structural form elements ==================================== */

form#gbcf-form { }



#submit,
#main-set,
#req-set,
#req-set2,
#opt-set,
#cc_email_send
 {
	padding : 2px;
	font-size: .75em;
}

#req-set
{
	position: absolute;
	width: 30%;
	left: 2%;
	top: 3%;
	height: 50%;
}
#req-set2
{
	position: absolute;
	width: 30%;
	left: 34%;
	top: 3%;

}
#main-set
{
	position: absolute;
	width: 30%;
	right: 2%;
	top: 3%;
	height: 97%;
}
#cc_email_send
{
	position: absolute;
	width: 21%;
	left: 34%;
	top: 75%;
}
#submit
{
	position: absolute;

	left: 57%;
	top: 75%;
}
#nav{}
#nav li{
	list-style-type: none;
	display: inline;
	padding: 5px;
}
#nav2 a{}
#nav2{}
#nav2 li{
	list-style-type: none;
	display: inline;
	padding: 5px;
}
#nav2 a{}

#buttonbox1,#buttonbox2,#buttonbox3,#buttonbox4,#buttonbox1home,#buttonbox2home,#buttonbox3home,#buttonbox4home{
	position: absolute;
	height: 120px;
	width: 120px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-position: left bottom;
	border: 1px solid #29373E;
}
#buttonbox1 a,#buttonbox2 a,#buttonbox3 a,#buttonbox4 a,#buttonbox1home a,#buttonbox2home a,#buttonbox3home a,#buttonbox4home a{
	text-decoration: none;
	color: #FF6600;
	letter-spacing: .25em;

}
#buttonbox1{
	top: 2%;
	background-image: url(../images/portfolio.png);
	background-position: center bottom;
	left: 2%;
}
#buttonbox2{
	top: 2%;
	background-image: url(../images/ethos.png);
	background-position: center bottom;
	right: 2%;
}
#buttonbox3{
	top: 150px;
	background-image: url(../images/contact.png);
	background-position: left bottom;
	left: 2%;
}
#buttonbox4{
	top: 150px;
	right: 2%;
	background-image: url(../images/people.png);
	background-position: right bottom;
}
#buttonbox1 a {
	top: 0px;
	background-image: url(../images/portfolio.png);
	color: #FF6600;
	letter-spacing: .4em;
}
#buttonbox1home{
	top: 2%;
	background-image: url(../images/home.png);
	background-position: center bottom;
	left: 2%;
}
#buttonbox2home{
	top: 2%;
	background-image: url(../images/home.png);
	background-position: center bottom;
	right: 2%;
}
#buttonbox3home{
	top: 150px;
	background-image: url(../images/home.png);
	background-position: center bottom;
	left: 2%;
}
#buttonbox4home{
	top: 150px;
	background-image: url(../images/home.png);
	background-position:  center bottom;
	right: 2%;
}