/* CSS Document */
/* Layout
----------------------------------------------- */
#outer-wrapper {  /* Main div that contains everything  */
	background-color:#FFFFFF; /* Background Color of the whole div (like adding color to an entire table  */
	width:949px; /*  Width of the div  */
	padding:1px;
	margin: 0 0 0 0px; /* Like padding only this is for OUTSIDE the div, positioning it on the page.  */
		
}

#header-wrapper {  /* Header div that sits on top  */
	background-color:#FFFFFF; /* Background Color of the whole div (like adding color to an entire table  */
	width:949px; /*  Width of the div  */
	padding: 0px; /*  Padding the content inside the div: 0 0 0 0 format */
	margin: 0px; /* Like padding only this is for OUTSIDE the div, positioning it on the page. In this case I don't need one because of the outter-wrapper  */
}

#navi-wrapper {  /* Navi div that sits on top  */
	background-color:#6890A4; /* Background Color of the whole div (like adding color to an entire table  */
	width:939px; /*  Width of the div  */
	padding: 5px; /*  Padding the content inside the div: 0 0 0 0 format */
	margin: 0px; /* Like padding only this is for OUTSIDE the div, positioning it on the page. In this case I don't need one because of the outter-wrapper  */
	height: 18px;
}

.navi-request {  /* Navi div sits inside left  */
	float:left;
	width:520px; /*  Width of the div  */
	padding: 0px; /*  Padding the content inside the div: 0 0 0 0 format */
	margin: 0px; /* Like padding only this is for OUTSIDE the div, positioning it on the page. In this case I don't need one because of the outter-wrapper  */
}

.navi-navi {  /* Navi div sits inside right  */
	float:left;
	width:410px; /*  Width of the div  */
	padding: 0px; /*  Padding the content inside the div: 0 0 0 0 format */
	margin: 0px; /* Like padding only this is for OUTSIDE the div, positioning it on the page. In this case I don't need one because of the outter-wrapper  */
}

#leftcolumn{ 
	float:left;
	width: 125px; /*  Width of the div  */
	padding:5px; /*  Padding the content inside the div: 0 0 0 0 format */
	background: url(images/bg-left.gif); /* Background Color of the whole div (like adding color to an entire table  */
	background-repeat:no-repeat;
	font:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	
}
.services-left-column {
	height:2400px;
}

#middlecolumn{
	float: left; /*Fixed position - stacks divs from left to right with no movement*/
	width: 585px; /*  Width of the div  */
	padding:0px; /*  Padding the content inside the div: 0 0 0 0 format */
	background:#FFFFFF;
}

#rightcolumn {
	float: left; /*Fixed position - stacks divs from left to right with no movement*/
	width: 221px; /*  Width of the div  */
	padding:4px; /*  Padding the content inside the div: 0 0 0 0 format */
	background: #004366; /* Background Color of the whole div (like adding color to an entire table  */
	font:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#FFFFFF;
	background-repeat:repeat;
	
	
}

#footer-wrapper {  /* Header div that sits on top  */
	clear:both; /* Anthing below floated elements gets 'wraped' like text. Clear gets rid of the wrap. */
	background-color:#6890A4; /* Background Color of the whole div (like adding color to an entire table  */
	width:929px; /*  Width of the div  */
	padding:10px; /*  Padding the content inside the div: 0 0 0 0 format */
	margin: 0px; /* Like padding only this is for OUTSIDE the div, positioning it on the page. In this case I don't need one because of the outter-wrapper  */
	height:30px;
}

.footer-request {  /* Footer div sits inside left  */
	float:left;
	width:280px; /*  Width of the div  */
	padding: 0px; /*  Padding the content inside the div: 0 0 0 0 format */
	margin: 0px; /* Like padding only this is for OUTSIDE the div, positioning it on the page. In this case I don't need one because of the outter-wrapper  */
}

.footer-text {  /* Footer div sits inside right  */
	float:left;
	
	padding: 0px; /*  Padding the content inside the div: 0 0 0 0 format */
	margin: 0px; /* Like padding only this is for OUTSIDE the div, positioning it on the page. In this case I don't need one because of the outter-wrapper  */
	font:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#FFFFFF;
}

/* Custom */
.topbump10 {padding: 10px 0 0 0;}
.righttext {
	font:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	padding: 10px 0 0 20px;
}
.blue-home {
	width:585px;
	height:110px;
	background:#E0EBF2;
}
.blue-video {
	width:585px;
	height:638px;
	background:#E0EBF2;
}

.blue-video-portfolio {
	width:585px;
	height:1550px;
	background:#E0EBF2;
}
.blue-aboutus {
	width:585px;
	
	background:#E0EBF2;
}
.blue-contact {
	width:585px;
	height:638px;
	background:#E0EBF2;
}
img {border:none;}
.white {color:#FFFFFF;}
.contact {
	font:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#FFFFFF;
}
.educate {
	font:Georgia, "Times New Roman", Times, serif;
	font-size:36px;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
	background:#FFFFFF;
	border: thin;
}

.videobump {
	float:left;
	padding:2px 2px 2px 2px;
}
.leftvideo {
	padding:0 0 0 10px;
}
.leftportfolio {
	padding:0 0 0 10px;
	margin:10px 0 10px 0;
}
.porttext {
	font:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
}
.abouttext {
	font:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
	background:#FFFFFF;
	border: thin;
}
.aboutbigtext {
	font:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
}
#aboutrightcolumn {
	float: left; /*Fixed position - stacks divs from left to right with no movement*/
	width: 221px; /*  Width of the div  */
	padding:4px; /*  Padding the content inside the div: 0 0 0 0 format */
	background: #004366; /* Background Color of the whole div (like adding color to an entire table  */
	font:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#FFFFFF;
	height:1658px;
	
}
.aboutblueline {
	padding:2px 0 0 0;
}
.aboutbluelinetwo {
	padding:20px 0 0 0;
}
.servicestext {
	font:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
	background:#FFFFFF;
	}
.servicesbigtext {
	font:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
}
.servicesblueline {
	padding:2px 0 0 0;
}
.servicesbluelinetwo {
	padding:20px 0 0 0;
}
#servicesrightcolumn {
	float: left; /*Fixed position - stacks divs from left to right with no movement*/
	width: 221px; /*  Width of the div  */
	padding:4px; /*  Padding the content inside the div: 0 0 0 0 format */
	background: #004366; /* Background Color of the whole div (like adding color to an entire table  */
	font:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#FFFFFF;
	height:2300px;
	
}
.skull {
	position:absolute;
	z-index:1px;
	padding:0px 0 0 900px;
}
.rates-header {
	background-color:#D7E3E7;
	width:525px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	padding:10px;
	clear:both;
}
.rates-price {
	background-color:#7B9EB0;
	width:200px;
	color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	padding:10px;
	margin-top:25px;
	margin-left:5px;
	float:left;
}
.rates-copy {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	width:295px;
	padding:10px;
	float:left;
}
.rates-copy2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	width:525px;
	padding:10px;
	
}
.whitebox {
	background-color:#FFFFFF;
	padding:10px;
	margin:10px;
}
.rates-height {
	height:1150px;
}
.leftbump10 {
	padding:0 0 0 10px;
}

.portfolio-info {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
padding:10px;
width:555px;
}

#middlecolumn-port{
	float: left; /*Fixed position - stacks divs from left to right with no movement*/
	width: 555px; /*  Width of the div  */
	padding:0px; /*  Padding the content inside the div: 0 0 0 0 format */
	background:#FFFFFF;
}
.clear {
clear:both;
}