@charset "UTF-8";
/* Reset all CSS Components, spacing etc */  
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	}

body { 
	margin: 0;
	padding: 0;
	font-size:62.5%;  /* Set minimum font-size from the default 16px to 10px which allows us to say specify 1 em as 10px or 1.2 ems as 12px, the same is not true for headings (they will be 12px, so to get the em size divide the intended size by 12 to get your em size)    */
	font-family: Lucida Grande, Lucida Sans Unicode,Arial,Verdana,sans-serif;
	margin: 0px;  background-color: #FFFFFF; /* background-image: url(images/layout1b2-4_05.jpg); background-repeat: repeat x; */font-size: 62.5%; /* 10px is 62.5% of 16px, 1.0em is 10px, 1.2em is 12px etc. */  
	background-color: #c8d7dc;
	background-image: url(images/top_bgd_3000px.jpg);
	background-repeat: repeat-x;
  
	
}
 
h1 { font-size:1.6em; margin-bottom: 0px; color: #001C31; font-weight: 500; } 
h2 { font-size:2.0em}  
h3 { font-size:1.25em}  
h4 { font-size:1em}   
p { font-size: 1.8em; color: #757575; } 

 

/*	--------------------------   */
/*	     TOP NAV BUTTONS         */
/*	--------------------------   */
 
#topnav #buttons {
   	float: right;
 	list-style: none;
}

#topnav #buttons li { float: left;  } 
.about { width: 159px; background-image: url(images/about_off.gif); height: 48px;} 
.services { width: 159px; background-image: url(images/services_off.gif);height: 48px; } 
.folio { width: 159px; background-image: url(images/folio_off.gif); height: 48px; } 
.process { width: 159px; background-image: url(images/process_off.gif); height: 48px;} 

.about-on { width: 159px; background-image: url(images/about_on.gif); height: 48px;} 
.services-on { width: 159px; background-image: url(images/services_on.gif);height: 48px; } 
.folio-on { width: 159px; background-image: url(images/folio_on.gif); height: 48px; } 
.process-on { width: 159px; background-image: url(images/process_on.gif); height: 48px;} 
  
#topnav #buttons ul { list-style: none; /*Deletes bullets */ border: 0; padding:0; margin:0; }	
	
#topnav #buttons li a {
	height: 48px;
   	voice-family: "\"}\""; 
  	voice-family: inherit;
 	font-size: 1.6em;
	text-decoration: none;
 	}
 	
#topnav #buttons li a:link  {
	color: #888888;
	display: block;
 	padding: 0px 0 0 0px;
 	}

#topnav #buttons li a:visited {
	color: #888888;
	display: block;
 	padding: 0px 0 0 0px;
} 	
	
#topnav #buttons li a:hover  {
	color: #ffffff;
	/* background-color: #70abdb; */
	padding: 0px 0 0 0px;
 	}
	
#topnav #buttons ul .about a:hover { background:  url(images/about_on.png); }
#topnav #buttons ul .services a:hover { background:  url(images/services_on.png); }
#topnav #buttons ul .folio a:hover { background:  url(images/folio_on.png); }
#topnav #buttons ul .process a:hover { background:  url(images/process_on.png); }

#topnav #buttons ul .about-on a:hover { background:  url(images/about_on.png); }
#topnav #buttons ul .services-on a:hover { background:  url(images/services_on.png); }
#topnav #buttons ul .folio-on a:hover { background:  url(images/folio_on.png); }
#topnav #buttons ul .process-on a:hover { background:  url(images/process_on.png); }


#topnav #buttons h1 { margin-bottom: 5px; }
 
 
/*	--------------------------   */
/*	            TOP              */
/*	--------------------------   */

#topnav {
	width: 982px;
	height: 98px;
/*	background-image: url(images/layout1b2-4_03.jpg);
	background-image: url(images/topnav_03.png); */
	margin: 0 auto;
	/*	border-bottom: 5px solid #d3d3d3;  */
 	/* background-color: #c8d7dc; */
 }

#topnav #buttons {
	width: 636px;
	height: 48px;
	margin-top: 6px;
 } 

#topnav #contact {
 	width: 440px;
	height: 19px;
	float: right; 
	text-align: right;
	font-size: 1.2em;
	margin-top: 5px;
	margin-right: 25px;
	margin-bottom: 20px;
}

#topnav #contact .email{ width:140px; height: 19px; float: right; text-align: right; font-size: 1.0em; font-weight: 100;  }
#topnav #contact .email img { margin-right: 20px; }
#topnav #contact .home { width: 110px; height: 19px; float: right; text-align: right; font-size: 1.0em; font-weight: 100; }
#topnav #contact .home img { margin-right: 20px; }


#topnav #contact a { text-decoration: none; color: #000000; font-weight: bold; font-family: Lucida Grande, Lucida Sans Unicode,Arial,Verdana,sans-serif; }
 
#logo {
 	background: url( images/logo_03.gif);	
	width: 258px;
	height: 98px;
	float: left;
   }
/* Front page home buttom */
.logo {
 	background: url( images/logo_trans2.png);
	margin-left: 20px;	
	width: 147px;
	height: 98px;
	float: left;   
}
#topnav .logo h1 {   }
#topnav .logo h1 a { display: block; height: 98px; width: 258px;   } 
#topnav .logo h1 a span { display: block; height: 98px; width: 258px; visibility: hidden; } 

/* Content page home buttom */
.logo {
 	background: url( images/logo_trans2.png);	
	width: 147px;
	height: 98px;
	float: left;   
	margin-left: 27px;
}
#topnav a span { display: block; height: 98px; width: 258px; visibility: hidden;  } 

#heading {  
	width: 982px;
	height: 17px;
 	margin: 0 auto;
 	background-color: #c8d7dc;
 	text-align: right;
	margin-right: 25px;
} 

  
  
#header-exterior {
	width: 374px;
	height: 410px;
	float: right;
 }
 
#header {
	width: 982px;
	height: 410px;
 	margin:0 auto 0 auto; 
  }

#header-wrapper {
 	height: 410px;
	margin: 0 auto;
 	background-image: url(images/background_13.jpg); background-repeat: repeat x;	
	 
 } 

#flash-content {
	height: 974px;
	background-color: #FFFFFF;
	width: 410px;
}


/*	--------------------------   */
/*	           BODY              */
/*	--------------------------   */
 
#body-top {
	height: 29px;
	margin: 0px;
	padding: 0px;
	width: 982px;
 	margin:0 auto 0 auto;
	clear: both;
	margin-top: 20px;
	background-image: url(images/body_rounded_top.gif);
}

#body-bottom {
	height: 29px;
	margin: 0px;
	padding: 0px;
	width: 982px;
 	margin:0 auto 0 auto;
	clear: both;
  	background-image: url(images/body_rounded_bottom.gif);
}

#body-webfolio {
	margin: 0px;
	padding: 0px;
	width: 982px;
	height: 410px;
	margin:0 auto 0 auto;
 }

#body {
	margin: 0px;
	padding: 0px;
	width: 982px;
 	margin:0 auto 0 auto;
	background-image: url(images/ma_22b.gif);
	background-repeat: repeat-y;
 }

#body-folio {
	margin: 0px;
	padding: 0px;
	width: 982px;
 	margin:0 auto 0 auto;
	background-image: url(images/ma_22b.gif);
	background-repeat: repeat-y;
}


/*	--------------------------   */
/*	        SIDENAV              */
/*	--------------------------   */
 
#sidenav-left {
	width: 168px;
  	float: left;
	padding-left: 0px;
	background-color: #eaeaea;
	padding-bottom: 8px;
}
 

#sidenav-left ul { list-style: none; /*Deletes bullets */ border: 0; padding:0; margin:0; }	
	
#sidenav-left li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	font-size: 1.4em;
	text-decoration: none;
	}	
	
#sidenav-left li a:link  {
	color: #3a566c;
	display: block;
	background:  url(menu1.gif);
	padding: 8px 0 0 10px;
}

 #sidenav-left li a:visited {
	color: #3a566c;
	display: block;
 	padding: 8px 0 0 10px;
}
	
#sidenav-left li a:hover {
	color: #d17110;
 	bbackground-color: #70abdb; 
	padding: 8px 0 0 15px;
	cursor: pointer;
	}	

#sidenav-left h1 { margin-bottom: 5px; }
 
#sidenav-left-bottom {
	width: 300px;
  	float: left;
	padding-left: 10px;
} 
  

/*	--------------------------   */
/*	     BODY , LEFT             */
/*	--------------------------   */
#body-folio #top { float: right; width: 615px; height: 56px; background-image: url(images/rhs_topnav_21.jpg); margin-right: 35px;  } 
#body-folio #top2 { float: left; width: 293px; padding-left: 30px;   }
#body #left {
	float: left;
	width: 200px;
	height: 500px;
 	color: #888888; 
	padding-left: 20px;
}

#body #left #top2 { height: 80px; width: 168px; /* background-image: url(images/ma2_17.gif); */  background-repeat: no-repeat; background-position: bottom left; padding-left: 15px; }
#body #left #top2 h2 { margin-top: 10px; font-size: 1.4em;  }
#body #left #top2 h1 {  font-size: 1.8em;  }

#body #left h1 { color: #000000; margin-bottom: 15px; }
#body #left h2 { color: #666666; margin-bottom: 15px; }
#body #left p { margin-bottom: 5px;  }

#body-folio #left {
	float: left;
	width: 530px;
  	font-size: 1.4em;
	color: #888888;
	padding-left: 30px;
	margin-top: 30px; 
}

#body-folio #left #block { line-height: 1.3em; font-size: 1.3em; font-weight: normal; margin-bottom: 20px; font-style: italic; margin-top: 25px; } 
#body-folio #left h2 { font-size: 1.3em; color: #000000; margin-bottom: 15px; }
#body-folio #left p { font-size: 1.0em; font-weight: normal; margin-bottom: 20px; line-height: 1.6em; }
#body-folio #left #top {margin: 0; width: 530px; clear: left; }


/*	--------------------------   */
/*	     BODY , RIGHT            */
/*	--------------------------   */

#body #right {
	float: left;
	width: 720px;
  	font-size: 1.4em;
	color: #888888;
}

#body #right #top { line-height: 1.3em; font-size: 1.3em; font-weight: normal; margin-bottom: 10px; height: 75px; /* overflow: hidden; */ font-style: italic; /* margin-top: 25px; */ }
#body #right h2 { font-size: 1.3em; color: #000000; margin-bottom: 15px; }
#body #right p { font-size: 1.0em; font-weight: normal; margin-bottom: 20px; line-height: 1.6em; }
#body-folio #right {
	float: right;
	width: 323px;
 	color: #888888; 
	padding-left: 50px;
	padding-right: 30px;
	background-image: url(images/rhs_packages_28.jpg); 
	background-repeat: no-repeat;
	margin-top: 30px; 
	height: 500px;
}

#body-folio #right #top2 {   padding-left: 15px;}
#body-folio #right h1 { color: #000000; margin-bottom: 15px; }
#body-folio #right h2 { color: #000000; margin-bottom: 15px; }
#body-folio #right p { margin-bottom: 5px;  }
#body-folio #right #sidenav { width: 308px; height: 473px; }
/*	     Side Packages            */
#body-folio #right  #p1 {  margin-top: 20px; width: 246px; height: 75px; background-image: url(images/rhs_pakcages_bgd_31.jpg); padding: 10px; }
#body-folio #right  #p1 p { color: #FFFFFF;font-size: 1.4em; }
#body-folio #right  #p1 h2 a { color: #c7b033; margin-top: 0px;    }
#body-folio #right  #p2 {  margin-top: 20px; width: 246px; height: 75px; background-image: url(images/rhs_pakcages_bgd_31.jpg); padding: 10px; }
#body-folio #right  #p2 p { color: #FFFFFF;font-size: 1.4em; }
#body-folio #right  #p2 h2 a { color: #cd7644; margin-top: 0px;    }
#body-folio #right  #p3 {  margin-top: 20px; width: 246px; height: 75px; background-image: url(images/rhs_pakcages_bgd_31.jpg); padding: 10px; }
#body-folio #right  #p3 p { color: #FFFFFF;font-size: 1.4em; }
#body-folio #right  #p3 h2 a { color: #67bd41; margin-top: 0px;    }



/*	--------------------------   */
/*	     BODY FOLIO BUTTONS      */
/*	--------------------------   */
 
#body-folio #top #buttons {
  	list-style: none;
	margin: 0 auto;
	text-align: center;
	padding-left: 30px;
}

 
#body-folio #top #buttons li { float: left;  } 
.web { width: 159px;   } 
.print { width: 169px;   } 
.motion { width: 229px;  } 
  
#body-folio #top #buttons ul { list-style: none; /*Deletes bullets */ border: 0; padding:0; margin:0;}	
	
#body-folio #top #buttons li a {
    voice-family: "\"}\""; 
  	voice-family: inherit;
 	font-size: 1.6em;
	text-decoration: none;
	text-align: center;
	margin-top: 15px;
  	}
 	
#body-folio #top #buttons li a:link  {
	color: #FFFFFF;
	display: block;
 	padding: 0px 0 0 0px;
 	}

#body-folio #top #buttons li a:visited {
	color: #FFFFFF;
	display: block;
 	padding: 0px 0 0 0px;
} 	

#body-folio #top #buttons li a:hover  {
	color: #53a2e6;
	/* background-color: #70abdb; */
	padding: 0px 0 0 0px;
 	}
	
#body-folio #top #buttons ul .web a:hover {  }
#body-folio #top #buttons ul .print a:hover {  }
#body-folio #top #buttons ul .motion a:hover {  }
#body-folio #top #buttons h1 { margin-bottom: 5px; }
 


/*	--------------------------   */
/*	         FOOTER              */
/*	--------------------------   */

#footer { width: 920px; margin: 0 auto; color: #cacaca;  border:0px solid #ddd; padding:10px;  margin:0 auto; clear:both; margin-top: 20px;  padding-right: 30px; }

#footer .inner { font-size: 0.6em; margin-bottom: 10px;   border-bottom: 1px solid #e7e7e7; height: 20px; padding-top: 6px; width: 900px; float: right; }
#footer .inner .copyright { width: 380px; float: left;  color: #aaaaaa; }
#footer .inner .credits { width: 250px; float: right;  text-align: right; }
#footer .inner .credits a {  text-decoration: none; color: #cacaca; }


#footer .category-links { width: 133px; color: #818181;  margin-right: 20px; font-size: 0.6em; }
#footer .category-links-last { width: 140px; color: #818181; font-size: 0.6em;  }
#footer .address-details { width: 233px; color: #818181;  font-size: 0.6em; margin-left: 30px; color: #aaaaaa; }

#footer .category-links ul { margin: 0px; float: right; color: #878787; list-style: none; }
#footer .category-links ul li { list-style:none; height: 16px; text-align: left; display:block; margin:0; padding:0; list-style:none; text-align: right;   }
#footer .category-links ul li a { list-style:none; height: 16px; text-align: left; display:block; margin:0; padding:0; list-style:none; text-align: right; text-decoration: none; }
#footer .category-links ul li h3 { color: #858585; }
#footer .category-links li a { color: #aaaaaa;  }
 
 
  
/*	--------------------------   */
/*	  TEXT STYLES NOT DEFINED    */
/*	  ABOVE e.g rollovers etc    */
/*	--------------------------   */

.h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: normal;
	color: #FFFFFF; 

}

.h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: normal;
	color: #FFFFFF; 
	font-style: italic;
	font-weight: bold;
}

.body1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: normal;
	color: #d3d3d3; 
}

.clear-float {  
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clear-left {
 	clear: left;
}

.float-left { float: left; }
  
.float-right { float: right; }	
 
a.links:link {text-decoration: underline; font-family:Tahoma, Arial, Geneva, sans-serif; font-size: 12px; color: #990066; line-height: normal;}
a.links:active {text-decoration: none; font-family:Tahoma, Arial, Geneva, sans-serif; font-size: 12px; color:  #990066; line-height: normal;}
a.links:visited {text-decoration: underline; font-family:Tahoma, Arial, Geneva, sans-serif; font-size: 12px; color: #990066; line-height: normal;}
a.links:hover {text-decoration: none; font-family:Tahoma, Arial, Geneva, sans-serif; font-size: 12px; color: #009900; line-height: normal;}

.link-frontpage { text-decoration: none; color: #53a2e6; }

.left {float: left;}
.right {float: right;}
.last { margin: 0; }

/*	--------------------------   */
/*	         COLUMNS             */
/*	--------------------------   */

#body #col300 {
	float: left;
	width: 320px; 
  	font-size: 1.1em;
	line-height: 1.6em;
	color: #888888;
	/* border: 1px solid #0e3753;  */
}

#body #col300 p { font-size: 1.4em; font-weight: normal; margin-bottom: 20px; line-height: 1.6em; }
#body #col300 li { padding-left: 30px; }

#body #col600 {
	float: left;
	width: 580px; 
  	font-size: 1.1em;
	line-height: 1.6em;
	color: #888888;
	margin-left: 30px;
	margin-right: 30px;
	/* border: 1px solid #0e3753;  */
}

#body #col600 p { font-size: 1.4em; font-weight: normal; margin-bottom: 20px; line-height: 1.6em; }

/*	--------------------------   */
/*	       Contact Form          */
/*	--------------------------   */

label,input {
	display: block; /*Allows you to line up the forms nicely */
	width: 150px;
	float: left;
	margin-bottom: 8px;
}

label {
	text-align: left;
	width: 160px;
	padding-right: 20px;
	color: #646464;
	font-size: 1.2em;
}

.form-txt {font-family: Geneva, Arial, Helvetica, sans-serif; color: #FF4500; font-size: 9pt; margin: 0px 0px 0px 0px; font-weight: bold; }
.form-error {font-family: Geneva, Arial, Helvetica, sans-serif; color: #C10000; font-size: 9pt; margin: 0px 0px 0px 0px; font-weight: bold; }

.form1 {font-family:Tahoma, Arial, Geneva, sans-serif; color: #333333; border: solid #999999 1px; background: #FFFFFF; font-size: 10pt; width: 196px; height: 15px; margin: 0px 0px 0px 0px;}
.form2 {font-family:Tahoma, Arial, Geneva, sans-serif;; color: #333333; border: solid #999999 1px; background: #FFFFFF; font-size: 10pt; width: 41px; height: 15px; margin: 0px 0px 0px 0px;}
.form3 {font-family:Tahoma, Arial, Geneva, sans-serif; color: #333333; border: solid #999999 1px; background: #FFFFFF; font-size: 10pt; width: 196px; height: 100px; margin: 0px 0px 0px 0px;}
.form4 {font-family:Tahoma, Arial, Geneva, sans-serif; color: #333333; border: solid #999999 1px; background: #FFFFFF; font-size: 10pt; width: 116px; height: 15px; margin: 0px 0px 0px 0px;}
.form_submit {font-family:Tahoma, Arial, Geneva, sans-serif; color: #FFFFFF; border: 1px solid #0e3753; background: #70abdb; font-size: 10pt; width: 77px; height: 22px;}
.form_go {font-family:Tahoma, Arial, Geneva, sans-serif; font-size: 10pt; color: #0e3753; border: 1px solid #0e3753; background: #E2EEF8; font-size: 10pt; width: 20px; height: 15px;}
.form_join {font-family:Tahoma, Arial, Geneva, sans-serif; font-size: 10pt; color: #0e3753; border: 1px solid #0e3753; background: #E2EEF8; font-size: 10px; width: 40px; height: 18px;}


/* Search Form Layout (Front Page) & Form Styling - Sign Up */
label2,input {
	display: block; /*Allows you to line up the forms nicely */
	width: 150px;
	float: left;
	margin-bottom: 8px;
}

label2 {
	text-align: left;
	width: 65px;
	padding-right: 20px;
}