/* 

Client: Raising Rover
Created: June 10, 2008
Last Modified: June 17, 2008

*/

/* ---- DEFAULT STYLES ------
-------------------------------------------------------------------- */

	body {
		margin: 0px;
		padding: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 75%;
		}
		
	body.home {
		background: #2e8aae url('../img/body-bg-home.gif') center 70px no-repeat;
	}
		
	#wrapper {
		width: 850px;
		margin: 0px auto;
		}
		
	#feedbackFormWrapper {
		padding: 20px;
	}
	
	img {
		padding:0; margin:0; line-height: 0;
		}
		
	.clear {
		clear:both;
		position:relative;
		font-size:0px;
		height:0;
		line-height:0; 
		}
		
	h1, h2, h3, h4, h5, h6 {
		padding:0;
		margin: 0;
	}
	
	h1#h1Strap {
		color:#FFFFFF;
		font-size: 1.7em;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	h2#slogan {
		background:url('../img/slogan.gif') no-repeat;
		padding: 0;
		margin:0;
		text-indent: -9999px;
		float: left;
		width: 230px;
		height: 16px;
		position: relative;
		top: 100px;
	}
	
	h3 {
		font-size: 1em;
		color: #0f91cf;
	}
	
	a img {
		border:none;
	}
		
	a { 
		color: #0166a0;
		font-weight:700;
	}
	
	a:hover { color:#999999; }
	
	p { 
		margin: 0 0 1.2em;
		line-height: 1.4em;
	}	
	
	ul.bodyContent li {
		list-style-image:url('../img/heart.gif');
		margin-bottom: 8px;
	}
	
	
/* ---- HEADER ------
-------------------------------------------------------------------- */

	.logoMain {
		position: absolute;
		width: 229px;
		height: 95px;
		margin: 0;
		text-indent: -9999px;
		background: url('../img/logo-main.gif') 0 0 no-repeat;
		left: 30px;
	}

	#header {
		padding: 20px 0 0 30px;
		height: 126px;
		position: relative;
	}
	

/* ---- COLUMN GRIDS ------
-------------------------------------------------------------------- */
	#content {
		padding: 20px 40px;
		margin: 0 0 0 7px;
		width: 760px;
		background: #ffffff url('../img/content-bg.jpg') no-repeat;
		min-height: 450px;
		height:auto;
	}
	
	/* for Internet Explorer */
	/*\*/
	* html #content {
	height: 450px;
	}


	.columnMain {
		float: left;
		width: 560px;
		padding-top: 15px;
	}
	
/* ---- NAV 1 ------
-------------------------------------------------------------------- */

	#nav1Container {
		height: 46px;
		padding:0;
		position:relative;
		top: 80px;
		right: 35px;
		float: right;
		}
		
	ul#nav1 {
		margin:0;
		padding:0;
	}

	#nav1 li {
		float:left;
		position:relative;
		margin:0 2px 0 0;
		padding:0;
		list-style:none;
		
		}

	#nav1 li a {
		display:block;
		height:46px;
		text-indent:-999px;
		overflow:hidden;   
		}
		
	#nav1 li:hover ul, #nav1 li.hover ul {
		display:block
		}

	#nav1 li a:hover {
		background-position:0 -46px !important;
		height: 46px;
		}

	#nav1 li a.nav1Home {
		background:url('../img/nav1-home.gif') no-repeat left top;
		width:70px
		}
		
	#nav1 li a.nav1About {
		background:url('../img/nav1-about.gif') no-repeat left top;
		width:82px
		}

	#nav1 li a.nav1Services {
		background:url('../img/nav1-services.gif') no-repeat left top;
		width:81px
		}

	#nav1 li a.nav1Gallery {
		background:url('../img/nav1-gallery.gif') no-repeat left top;
		width:118px
		}
		
	#nav1 li a.nav1Links {
		background:url('../img/nav1-links.gif') no-repeat left top;
		width:104px
		}

	#nav1 li a.nav1Contact {
		background:url('../img/nav1-contact.gif') no-repeat left top;
		width:76px
		}
				
	/* selected nav */

	#nav1 li a#active { 
		height: 46px;
		background-position:0 -46px !important
	 }
	 
	 
	 	 /* ---- SIDENAV ------
-------------------------------------------------------------------- */
	 #sideNav {
	 	width: 166px;
	 	padding-right: 20px;
		float:left;
		margin-top: 15px;
	}
	 
	 #sideNav table {
	 	width: 166px;
	}
	
	#sideNav table td.top {
		background:url('../img/sidenav-top.gif') no-repeat;
	}
	
	#sideNav table td.middle {
		background: #bd1220;
		
	}
	
	#sideNav table td.bottom {
		background:url('../img/sidenav-bottom.gif') no-repeat;
		height: 49px;
	}
	
	#sideNav ul {
		margin: 0;
		padding: 0;
		list-style-type:none;
	}
	
	#sideNav ul li {
		list-style-type:none;
		margin-bottom: 10px;
		margin: 5px 5px;
		width: 156px;
		border-bottom: 1px solid #ffffff;
		background: #bd1220;
		
	}
	
	#sideNav ul li.active {
		background: #2e8aae;
	}
	
	#sideNav ul li a {
		display:block;
		color: #FFFFFF;
		width: 144px;
		padding: 6px 6px;
		font-size: 0.9em;
	}
	
	#sideNav ul li a:hover {
		color: #FFFFFF;
		background: #2e8aae;
	}
	 
	 
	 /* ---- HOMEPAGE SPECIFIC ------
-------------------------------------------------------------------- */
	
	
	#strap {
		width: 726px;
		height: 70px;
		padding: 20px;
		background:url('../img/strap-bg.gif');
	}
	
	#contentHome {
		padding: 15px 0 0 30px;
		
	}
	
	#content .bodyImage {
		float:right;
	}
	
	
	 /* ---- GALLERY SPECIFIC ------
-------------------------------------------------------------------- */
	.galleryDesc {
		float: left;
		width: 450px;
	}
	
	.galleryPhoto {
		float: left;
		width: 150px;
		padding: 10px 20px;
	}
	
	
	
	 /* ---- LINKS PAGE SPECIFIC ------
-------------------------------------------------------------------- */
	.linkContainer {
		padding: 10px 0;
		border-bottom: 1px dashed #cccccc;
	}
	
	
	 /* ---- CONTACT SPECIFIC ------
-------------------------------------------------------------------- */	

	.columnLeftContact {
		float: left;
	}

	.columnRightContact {
		float: left;
		padding-left: 30px;
		margin: 0 0 20px 30px;
		border-left: 1px solid #0f91cf; 
	}


	
	
/* ---- FORM STYLE ------
-------------------------------------------------------------------- */


	.form {
		margin: 0 0 20px;
		border: 0;
		
	}

	.form legend {
		font-size: 1.4em;
		font-weight: bold;
		padding: 0;
		margin: 0 0 15px;
	}

	.form .label {
		width: 170px;
		font-size: 1.1em;
		color:#442551;
		padding: 6px 0;
	}
	
	.form td {
		padding: 2px 0;
	}
		

	.form .RadioList label, .form .CheckList label {		
		float: none;
		display: block;
		margin: 0;
	}

		

	.form .RadioList input, .form .CheckList input  {
		border: 0;
	}

				

	.form label.required {
		background: url(../images/elements/contact_required.gif) 95% 5px no-repeat;
	}

		

	.form .requiredMsg {
		margin-left: 5px;
	}		

		

	.form input, .form textarea, .form.input.fileUpload {
		border: 1px solid #cccccc;
		width: 220px;
		color: #333;
		padding: 3px;
		font-family: Arial, Helvetica, sans-serif;
		margin: 0;
		vertical-align: top;
		background: url(../img/form-input-bg.gif) 0 0 repeat-x;
		font-size: 1.1em;
	}

	.form select {
		border: 1px solid #DCDCDC;
		color: #333;
		font-family: Arial, Helvetica, sans-serif;
		padding: 0;
		margin:10px 0 0 0;
		vertical-align: middle;
		background: #fff url(../img/form-input-bg.gif) 0 0 repeat-x;
		font-size: 1.1em;
	}

		

	input.submitButton {	
		border: 0;
		width: auto;
		background: #333333;
		cursor:pointer;	
		color:#FFFFFF;
		font-size: 1.2em;
	}	

	

	.form #errorText {
		display: block;
		color: #FF0000;
		padding: 3px 0;
		margin-bottom: 1.5em;
	}

		

	.form .error {
		color: #FF0000;
		margin-left: 3px;
	}
	
	
	 /* ---- FOOTER ------
-------------------------------------------------------------------- */	
	
	
	#footer {
		clear:both;
		background: #569ab5;
		padding: 13px 0 0 0;
		font-size: 0.9em;
		color:#FFFFFF;
		height: 28px;
		text-align: center;
	}
	
	#footer a {
		padding: 0 5px 0 5px;
		color:#FFFFFF;
	}
	
	#footer a:hover {
		color: #bd1220;
	}	
	
	#footer img {
		vertical-align: middle;
	}
	
	
		 /* ---- SIFR ------
-------------------------------------------------------------------- */	
	

	.sIFR-flash {
	  visibility: visible !important;
	  margin: 0;
	  padding: 0;
	}
	
	.sIFR-unloading .sIFR-flash {
	  visibility: hidden !important;
	}
	
	.sIFR-replaced, .sIFR-ignore {
	  visibility: visible !important;
	}
	
	.sIFR-alternate {
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 0;
	  height: 0;
	  display: block;
	  overflow: hidden;
	}
	
	.sIFR-replaced div.sIFR-fixfocus {
	  margin: 0pt; 
	  padding: 0pt; 
	  overflow: auto; 
	  letter-spacing: 0px; 
	  float: none;
	}

	.sIFR-active h1.h1Content { visibility:hidden; } 
	
	.sIFR-active h2 { visibility:hidden; } 
	
	.sIFR-active h1#h1Strap { visibility:hidden; }