/* Page Styles

----------------------------------------------- */

body {

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

    margin:3px 0px 0px 0px;

    padding:0;

	background-color:#FFFFFF;

	color:#000000;

	/* Used to centre the whole layout as some browsers ignore the auto property */

	text-align: center;	

	}
admin-table{
	margin-left: auto;
	margin-right: auto;
}
ol{
	list-style: none;
	}
p {

	text-align: left;

}

.keywords {

	font-size: 10px;

	color: #999999;

	text-align: right;

	

}



H1 { 

	font-size: 20px; 

	color: #6666CC;

	letter-spacing:-1px;

	padding-left:15px; 

}

h2 {

	font-family: Helvetica, Verdana, Arial, sans-serif;

	font-weight:bold;

	letter-spacing: -1px;

	font-size:26px;

	color: #333399;

	margin: 3px;

}

H4 { 

	font-size:16px;

	font-style: italic;

	font-weight:bold;

	color: #333399; 

	margin: 0px;

	padding-bottom: 3px;

}

IMG {

	border:0px;

}

.page-heading {

	font-family: Helvetica, Verdana, Arial, sans-serif;

	font-weight:bold;

	font-size:20px;

	color: #666;

	margin: 3px;

}

.big_blue {

	font-family: Helvetica, Verdana, Arial, sans-serif;

	font-weight:bold;

	font-size:20px;

	color: #333399;



}

.small_blue {

	font-family: Helvetica, Verdana, Arial, sans-serif;

	font-weight:bold;

	font-size:12px;

	color: #333399;



}



.small_blue a:link, .small_blue a:visited{

	font-weight:bold;

	font-size:12px;

	color: #333399;



}

.small_blue a:hover, .small_blue a:active{

	font-weight:bold;

	font-size:12px;

	color: #FF0000;



}

.quoted_text {

	font-family: Helvetica, Verdana, Arial, sans-serif;

	font-style:italic;

	font-size:18px;

	color: #000;

	margin-right: auto;

	margin-left: auto;

	padding-top: 15px;

	padding-bottom: 15px;

}

.no-decoration{

	text-decoration: none;

}

.quoted_text2{

	font-family: Helvetica, Verdana, Arial, sans-serif;

	font-style:italic;

	font-size:18px;

	color: #666666;

	margin-right: auto;

	margin-left: auto;

	padding-top: 15px;

	padding-bottom: 15px;

	width: 400px;



}

.rightjustify {

	float:right;

}

	

.leftjustify {

	float:left;

}

.white_text {

	font-size: 20px;

	text-decoration:underline;

	color:#FFFFFF;

	font-weight:bold;

	padding-bottom: 5px;

}



.righttext {

	text-align:right;

}

.lefttext {

	text-align:left;

}

.centertext {

	text-align:center;

}

.hidecontent {

	display:none;

}

.content_image_right {

	margin-left: 4px;

	float: right;

	border: 1px solid #000000;

}

.content_image_right2 {

	margin-left: 10px;

	float: right;


}

.write-up-header{
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 0px;
}
.write-up-strap{
	font-size: 14px;
	font-style:italic;
	font-weight: bold;
	padding-top:0px;
}

table.write-up-gal{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}

#write-up-address {
	position:absolute;
	width:149px;
	height:49px;
	z-index:1;
	left: 368px;
	top: 355px;
	font-size:10px;
	font-weight:bold;
}

.content_image_left {

	margin-right: 4px;

	border: 1px solid #000000;

	float: left;

}
.content_image {

	margin-right: 40px;

	border: 1px solid #000000;

	display: inline;	

}
#index-images{
	padding-left: 20px;
}

.left-align-img{

	float: left;

	margin-right: 3px;

	border: 1px solid #999999;

}

.left-align-img2{

	float: left;

	margin-right: 3px;

}

.right-align-img{

	float: right;

	margin-left: 10px;

	border: 1px solid #999999;

}

	

/* Centers an image by making it a block level element then uses auto margins */

IMG.centreimage {

    display: block;

	margin-left: auto;

	margin-right: auto;

}



a:link {

	text-decoration:underline;

	color:  #000099;

} 

a:visited {

	text-decoration:none;

	color:#888;

}

a:hover {

	text-decoration:underline;

	color:#f00;

}

a:active {

	text-decoration:none;

	color:#6666CC;

}





/* Container

----------------------------------------------- */



div#container { /*Main Layout Centered*/

	margin-left: auto;

	margin-right: auto;

	width: 760px;

	/* This resets the text align from the body tag above */

	text-align: left;

	border: 1px solid #333399;

	background-image: url(../../images/home/fabric_grad_back.jpg);

	background-position: bottom right;

	background-repeat:no-repeat;

	position: relative;

}







/* Header

----------------------------------------------- */

div#banner {

 	text-align: center;

	background-color:#FFFFFF;

}

.page_divider {

	width: 100%;

	height: 8px;

	font-size:8px;

	margin-bottom: 1px;

	border-top: 1px solid #FFFFFF;

	clear: both;

	background-color: #999999;

}

#menu {

  	background: #333399;

  	width:760px;

  	float:left;

}

#keywords {

	margin-left: auto;

	margin-right: auto;

	text-align:right;

	font-size:10px;

	color:#999999;

 	width:760px;

  	height:20px;

	background-color:#FFFFFF;

  	

}





/* Menu

----------------------------------------------- */

#navcontainer {

	width: 760px;

	font-size:14px;

	font-weight: bold;

	margin: 0;

	padding: 0 0 0 0px;

}



#navcontainer UL {

	list-style: none;

	margin: 0;

	padding: 0;

	border: none;

}



#navcontainer LI {

	display: block;

	margin: 0;

	padding: 0;

	float: left;

	width: auto;

}



#navcontainer A {

	color: #FFF;

	display: block;

	width: auto;

	text-decoration: none;

	background: #333399;

	border-bottom: 3px solid #333399;

	border-right: 1px solid #FFFFFF;

	margin: 0px;

	padding: 2px 9px;

}



#navcontainer A:hover, #navcontainer A:active {

	background:#E2E2E2;/*Hover BG Color*/

	border-bottom: 3px solid #CC0000;

	color: #000000;

}



#navcontainer A.active:link, #navcontainer A.active:visited {

	position: relative;

	z-index: 102;

	background: #BBBBBB;

	font-weight: bold;

}







/* Main Content 

----------------------------------------------- */

/*div#Fast_Find {

	height: 50px;

	float:left;

	background-color:#999999;

	border: 1px solid #666666;

	

}*/

#fast_find UL {

	list-style: none;

	margin: 0;

	padding: 0;

	border: none;

	padding-top: 4px;

	padding-bottom: 4px;





}

#fast_find A:hover, #navcontainer A:active {

	background:#E2E2E2;/*Hover BG Color*/

	border-bottom: 3px solid #CC0000;

	color: #000000;

}

#fast_find LI {

	display: block;

	background-color:#333399;

	border-bottom:#FFFFFF solid 1px;

	clear: both;

	margin-left: auto;

	margin-right: auto;

	padding-top: 4px;

	width: auto;

	color:#ffffff;

	font-size: 16px;

	font-weight: bold;

	font-style:italic;

}



div#flash_movie {

	width: 553px;

	height: 261px;

	float: left;

	clear:both;

	background-color:#FFFFFF;

}

div#fast_find_container {

	width: 205px;

	height: 261px;

	float: right;



}

div#flash_right{

	width: 205px;

	height: 261px;

	float: right;

}

div#fast_find {

	width: 205px;	

	height: 261px;

	text-align: center;

	vertical-align:bottom;

	color:#000000;

	float:right;

	background: #666666;



}



div#main_content_left {

	float: left;

	background-color:#FFFFFF;

	width: 545px;

	padding-left: 4px;

	padding-right: 4px;

	padding-top:10px;

/*	border-right: 1px #cccccc dotted;*/



}

#main_content_left p{

	padding-left:  20px;

	padding-right: 20px;

}

div#main_content_right {

	float: right;

	width: 200px;

	height: 550px;

	text-align: center;

	

}



div#main_content_right P {

	text-align: center;

}

div#main_content_right img {

border: 6px solid #ffffff;

}

/* Footer

----------------------------------------------- */

#footer {

	background:#333399;

	vertical-align:text-top;

	text-align:center;

	font-size: 10px;

	color:#FFFFFF;

	clear:both;

	width:100%;

	border-top:1px solid #FFFFFF;

	text-decoration: none;

}

#footer a:link, #footer a:visited {

	color:#FFFFFF;

	text-decoration: none;

	margin: 0px;

	Padding: 0px 2px;

	border-right: 1px solid #FFFFFF;

} 

#footer a:hover, #footer a:active {

	color: #FF0000;

	text-decoration: none;

}





#footernavcontainer {

	width: 100%;

	height:14px;

	font-size:10px;

	margin: 0;

	padding: 0 0 0 0px;

	text-align: center;

	

}

#footernavcontainer UL {

	list-style: none;

	margin: 0;

	padding: 0;

	border: none;

}

#footernavcontainer LI {

	display: block;

	margin: 0;

	padding: 0;

	float: left;

	width: auto;

}



/* Designed By Footer

----------------------------------------------- */

#design-footer-container{

	display: block;

	clear: both;

	background-color:#000066;

	color: #FFF;

	padding-top: 10px;

	padding-bottom: 20px;

	width: 762px;

	font-size:10px;

	margin-left: auto;

	margin-right: auto;

	

}

#design-footer-container a:link, a:active, a:visited{

	color: #FF3300;

}

#design-footer-container a:hover {

	font-weight: bold;

	color: #FFFFFF;

}

#evolution-media{

	width:760px;

	text-align:right;

	margin-left:auto;

	margin-right:auto;

	font-size:10px;

}

#evolution-media a{

	text-decoration:none;

}

#portfolio-banner{

	text-align:center;

	margin-top:10px;

	margin-bottom:20px;

}

/* Copyright Footer 

------------------------------------------------------*/



#copyright_container {

	width:50%;	

	text-align: left;	

	float:left;

}



/* Process Page

--------------------------------------------------------*/



#step1{

	height: 142px;

}

#step2{

	height: 130px;

}

#step3{

	height: 185px;

}

#step4{

	height: 232px;

}



/*Submenus

-------------------------------------------------------------*/



#services-submenu {

	position:absolute;

	width:150px;

	height:106px;

	z-index:1;

	left: 58px;

	top: 102px;

	visibility: hidden;

}

#services-submenu UL{

	list-style: none;

	margin: 0;

	padding: 0;

	border: none;

}

#services-submenu LI {

	display: block;

	margin: 0;

	padding: 0;

	float: left;

	width: 150px;

}

#services-submenu A {

	color: #FFF;

	display: block;

	width: auto;

	text-decoration: none;

	background: #333399;

	border: 1px solid #FFFFFF;

	border-bottom: 3px solid #333399;

	margin: 0px;

	padding: 2px 10px;

}



#services-submenu A:hover, #services-submenu A:active {

	background:#E2E2E2;/*Hover BG Color*/

	border-bottom: 3px solid #CC0000;

	color: #000000;

}



#services-submenu A.active:link, #services-submenu A.active:visited {

	position: relative;

	z-index: 102;

	background: #BBBBBB;

	font-weight: bold;

}

/*-----------------------------*/

#portfolio-submenu {

	position:absolute;

	width:150px;

	height:106px;

	z-index:1;

	left: 400px;

	top: 102px;

	visibility: hidden;

}

#portfolio-submenu UL{

	list-style: none;

	margin: 0;

	padding: 0;

	border: none;

}

#portfolio-submenu LI {

	display: block;

	margin: 0;

	padding: 0;

	float: left;

	width: 150px;

}

#portfolio-submenu A {

	color: #FFF;

	display: block;

	width: auto;

	text-decoration: none;

	background: #333399;

	border: 1px solid #FFFFFF;

	border-bottom: 3px solid #333399;

	margin: 0px;

	padding: 2px 10px;

}



#portfolio-submenu A:hover, #portfolio-submenu A:active {

	background:#E2E2E2;/*Hover BG Color*/

	border-bottom: 3px solid #CC0000;

	color: #000000;

}



#portfolio-submenu A.active:link, #portfolio-submenu A.active:visited {

	position: relative;

	z-index: 102;

	background: #BBBBBB;

	font-weight: bold;

}



/*------------------------------*/

.video{

	padding:5px;

	border: 1px solid #ccc;

	width: 500px;

	margin: 10px;

	height: 120px;

}

.video img{

	margin-right: 12px;

}


.show-date{
	display: block;
	padding: 25px;
	padding-top: 10px;
	padding-bottom: 5px;
}