body {background-color: #FFFFFF;}


p{
	color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
}

h1{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
}




/* HOME PAGE (INDEX) CSS CONTROLS */







/* LINK CONTROLS FOR NAV MENU */
.class1 a:link {text-decoration: none; color: #FFFFFF;}
.class1 a:visited {text-decoration: none; color: white;}
.class1 a:active {text-decoration: none; color: white;}
.class1 a:hover {text-decoration: none; background: #5d5959; color: white;}

/* LINK CONTROLS FOR FOOTER */
.class2 a:link {text-decoration: none; color: #FFFFFF;}
.class2 a:visited {text-decoration: none; color: white;}
.class2 a:active {text-decoration: none; color: white;}
.class2 a:hover {text-decoration: none; background: #5d5959; color: white;}

/* LINK CONTROLS FOR PROJECTS WINDOW ON HOME PAGE */
.class3 a:link {text-decoration: none; color: #FFFFFF;}
.class3 a:visited {text-decoration: none; color: #CCCCCC;}
.class3 a:active {text-decoration: none; color: white;}
.class3 a:hover {text-decoration: none; color: white; background: none;}

/* LINK CONTROLS FOR FEATURES WINDOWS */
.class4 a:link {text-decoration: none; color: #FFFFFF;}
.class4 a:visited {text-decoration: none; color: white;}
.class4 a:active {text-decoration: none; color: white;}
.class4 a:hover {text-decoration: none; color: white;}

/* LINK CONTROLS FOR PROJECTS PAGE */
.class5 a:link {text-decoration: none; color: black;}
.class5 a:visited {text-decoration: none; color: gray;}
.class5 a:active {text-decoration: none; color: white;}
.class5 a:hover {text-decoration: none; background: #5d5959; color: white;}

/* LINK CONTROLS FOR CONTACT PAGE */
.class6 a:link {text-decoration: none; color: white;}
.class6 a:visited {text-decoration: none; color: white;}
.class6 a:active {text-decoration: none; color: white;}
.class6 a:hover {text-decoration: underline; color: white; background: none;}

/* LINK CONTROLS FOR LINKS PAGE */
.class7 a:link {text-decoration: none; color: #e89c50;}
.class7 a:visited {text-decoration: none; color: gray;}
.class7 a:active {text-decoration: none; color: white;}
.class7 a:hover {text-decoration: underline; background: none;}


#container{
	width: 790px;
	height: 740px;
	border: 0px;
	
}

#banner{
	width: 778px;
	height: 88px;
	border: 0px;
	margin-bottom: 7px;
	vertical-align: bottom;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	background-color: #dedbcb;
}

#bannerboxleft{
	width: 300px;
	height: 11px;
	border: 0px;
	float: left;
	text-indent: 7px;
}

#bannerboxright{
	width: 472px;
	height: 11px;
	text-align: right;
	border: 0px;
	float: left;
	
}

#nav{
	width: 140px;
	height: 300px;
	border: 0px;
	background-color: #648DC7;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	color: white;
	float: left;
	line-height: 15px;
	
}

#navshim{
	width: 10px;
	height: 300px;
	border: 0px;
	float: left;
	background-color: #648DC7;
}

#homecontainer{
	width: 630px;
	height: 507px;
	border: 0px solid gray;
	float: left;
	margin-left: 8px;
	
}

#leftsidecontainer{
	width: 139px;
	height: 507px;
	border: 0px solid gray;
	float: left;
}


#splash{
	width: 297px;
	height: 202px;
	border: 0px;
	float: left;
	margin-left: 0px;
	color: gray;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
}

#projects{
	width: 295px;
	height: 202px;
	border: 0px;
	float: left;
	margin-left: 7px;
	background-color: #808080;
}

#boxtop3{
	width: 295px;
	height: 30px;
	border: 0px;
	background-color: #999999;
	color: #dedbcb;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 17px;
	vertical-align: middle;
	padding-top: 10px;
}

#projectline{
	width: 292px;
	height: 50px;
	border: 0px;
	color: white;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
		
}

#wedge1{
	width: 24px;
	height: 202px;
	border: 0px;
	background-color: #9ca658;
	margin-left: 7px;
	float: left;
}

#test{
	width: 10px;
	height: 10px;
	border: 1 px solid gray;
	
}


#welcome{
	width: 630px;
	height: 91px;
	border: 0px;
	margin-left: 0px;
	margin-top: 7px;
	float: left;
	background-color: #dedbcb;
	
}

#welcomeleft{
	width: 200px;
	height: 70px;
	border: 0px;
	text-align: right;
	margin-top: 15px;
	float: left;
	font-weight: normal;
	color: white;
}

#welcomeright{
	width: 400px;
	height: 76px;
	border: 0px;
	margin-top: 5px;
	margin-left: 16px;
	float: left;
}

#wedge2{
	width: 140px;
	height: 200px;
	background-color: gray;
	margin-top: 7px;
	float: left;
	
	
	
}

#featureleft{
	width: 200px;
	height: 200px;
	border: 0px solid gray;
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: black;
	margin-left: 0px;
	margin-top: 7px;
	margin-right: 0px;
	line-height:13px;
	float: left;
}


#feature{
	width: 200px;
	height: 200px;
	border: 0px solid gray;
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: black;
	margin-left: 10px;
	margin-top: 7px;
	margin-right: 0px;
	line-height: 13px;
	float: left;
}



#featureright{
	width: 208px;
	height: 200px;
	border: 0px solid gray;
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: black;
	margin-left: 10px;
	margin-top: 7px;
	margin-right: 0px;
	line-height:13px;
	float: left;
}


#footer{
	width: 780px;
	height: 45px;
	border: 0px;
	margin-top: 7px;
	float: left;
	padding-top: 4px;
	background-color: #b892bb;
	
}

#legal{
	width: 780px;
	height: 45px;
	float: left;
	margin-top: 7px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #808080;
}






/* WHY SHOULD I USE VIDEO & WEB HTML CSS CONTROLS */


#whycontainer{
	width: 630px;
	height: 505px;
	border: 0px solid gray;
	float: left;
	margin-left: 7px;
}


#title{
	width: 295;
	height: 202px;
	border: 0px;
	margin-left: 0px;
	margin-top: 0px;
	float: left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: white;
	background-color: #85837a;
}

#title2{
	width: 296px;
	height: 202px;
	border: 0px;
	margin-left: 0px;
	margin-top: 0px;
	float: left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: white;
	background-color: #808080;
}

#boxtop{
	width: 295px;
	height: 30px;
	border: 0px;
	background-color: #54568a;
	font-size: 16px;
	vertical-align: middle;
	padding-top: 10px;
	
}

#boxtop2{
	width: 296px;
	height: 30px;
	border: 0px;
	background-color: #54568a;
	font-size: 16px;
	vertical-align: middle;
	padding-top: 10px;
}

#titlecontents{
	width: 275px;
	height: 150px;
	border: 0px;
	margin-left: 10px;
	margin-top: 5px;
}

#wedge3{
	width: 25px;
	height: 202px;
	border: 0px;
	background-color: #e89c50;
	margin-left: 7px;
	margin-right: 7px;
	float: left;
}

#whyname{
	width: 200px;
	height: 70px;
	border: 0px;
	text-align: right;
	margin-top: 15px;
	float: left;
	font-weight: normal;
	color: white;
}

#whyquote{
	width: 400px;
	height: 76px;
	border: 0px;
	margin-top: 5px;
	margin-left: 16px;
	float: left;
}




/* SERVICES CSS CONTROLS */






#servicesbox1{
	width: 350px;
	height: 180px;
	border: 0px;
	margin-left: 0px;
	margin-top: 0px;
	float: left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: white;
	background-color: #808080;
}

#servicesboxtop1{
	width: 350px;
	height: 30px;
	border: 0px;
	background-color: #9ca658;
	font-size: 16px;
	padding-top: 10px;
	
}

#servicesbox1contents{
	width: 330px;
	height: 130px;
	border: 0px;
	margin-left: 10px;
	margin-top: 5px;
}


#infobox1{
	width: 242px;
	height: 180px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	margin-left: 7px;
	border: 0px;
	background-color: none;
	float: left;
}

#wedge4{
	width: 24px;
	height: 180px;
	border: 0px;
	background-color: #ad2e2e;
	margin-left: 7px;
	float: left;
}

#servicedetails{
	width: 632px;
	height: 113px;
	border: 0px;
	margin-left: 0px;
	margin-top: 7px;
	float: left;
	background-color: #dedbcb;
}

#servicedetailsbox{
	width: 190px;
	height: 110px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	border: 0px;
	margin-left: 15px;
	float: left;
}


#wedge5{
	width: 24px;
	height: 200px;
	border: 0px;
	background-color: #54568a;
	margin-left: 0px;
	margin-top: 7px;
	float: left;
}

#servicesbox2{
	width: 350px;
	height: 200px;
	border: 0px;
	margin-left: 7px;
	margin-top: 7px;
	float: left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: white;
	background-color: #808080;
}

#servicesboxtop2{
	width: 350px;
	height: 30px;
	border: 0px;
	background-color: #e89c50;
	font-size: 16px;
	vertical-align: middle;
	padding-top: 10px;
	
}







/* PROJECTS CSS CONTROLS */



/* UPPER BOX TOP */
#projectsboxtop1{
	width: 222px;
	height: 30px;
	background-color: #ad2e2e;
	font-size: 16px;
	vertical-align: middle;
	padding-top: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: white;
}

/* TOP LEFT BOX FOR DESCRIPTIONS */
#projectsbox1{
	width: 232px;
	height: 300px;
	border-right: 1px solid gray;
	float: left;
	margin-left: 7px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
}

/* THIS BOX IS CURRENTLY ONLY FOR THE PROJECTS INTRO PAGE, NOT THE INDIVIDUAL VIDEOS */
#projectsintrobox{
	width: 205px;
	height: 240px;
	border: 0px;
	margin-left: 7px;
	float: left;
}

/* HOLDS THE GOOGLE VIDEO PLAYER */
#videocontainer{
	width: 361px;
	height: 300px;
	border: 0px;
	margin-left: 7px;
	float: left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}

/* LONG COLORED BOX ON RIGHT */
#wedge6{
	width: 24px;
	height: 299px;
	border: 0px;
	background-color: #9ca658;
	margin-left: 7px;
	float: left;

}

/* BOTTOM BOX TOP */
#projectsboxtop2{
	width: 635px;
	height: 30px;
	background-color: #85837a;
	font-size: 16px;
	float: left;
	padding-top: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: white;
}

/* LOWER CONTENT BOX*/
#projectsbox2{
	width: 635px;
	height: 200px;
	border: 0px;
	float: left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	margin-top: 7px;
	margin-left: 7px;
	background-color: #dedbcb;
}


/* BOXES WITHIN LOWER CONTENT BOX */
#projectsboxcontainer{
	width: 300px;
	height: 140px;
	border-left: 1px solid gray;
	margin-top: 10px;
	margin-left: 10px;
	float: left;
}





/*  CLIENTS CSS CONTROLS */

/* UPPER BOX TOP */
#clientsboxtop1{
	width: 222px;
	height: 30px;
	background-color: #e89c50;
	font-size: 16px;
	vertical-align: middle;
	padding-top: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: white;
}






/* CONTACT CSS CONTROLS */


#contactbox1{
	width: 350px;
	height: 180px;
	border: 0px;
	margin-left: 0px;
	margin-top: 0px;
	float: left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: white;
	background-color: #808080;
}


#contactbox2{
	width: 240px;
	height: 178px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	margin-left: 7px;
	border: 0px solid gray;
	background-color: none;
	float: left;
}



/* FAQ CSS CONTROLS */


/* FAQ BOX TOP */
#faqboxtop1{
	width: 260px;
	height: 30px;
	background-color: #54568a;
	font-size: 16px;
	vertical-align: middle;
	padding-top: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: white;
}

#faqtextbox{
	width: 320px;
	height: 430px;
	border: 0px solid gray;
	margin-left: 4px;
	float: left;
	line-height: 12px;
}

/* TOP LEFT BOX FOR DESCRIPTIONS */
#faqbox2{
	width: 599px;
	height: 500px;
	border: 0px solid gray;
	float: left;
	margin-left: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
}


/* RESPONSIBILITY CSS CONTROLS */


/* RESPONSIBILITY BOX TOP */
#resboxtop1{
	width: 260px;
	height: 30px;
	background-color: #83af42;
	font-size: 16px;
	vertical-align: middle;
	padding-top: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: white;
}

/* LONG COLORED BOX ON RIGHT */
#wedge7{
	width: 24px;
	height: 299px;
	border: 0px;
	background-color: #e89c50;
	margin-left: 7px;
	float: left;

}