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

/* undo some default styling of common (X)HTML browsers

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



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img,a img,:link img,:visited img {border:0;}

address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}

ol,ul {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6 {font-size:100%;}

q:before,q:after {content:'';}



/* ------------------------ GLOBAL ELEMENTS ------------------------ */



/* ------------------------ type selectors ------------------------ */

html { background:#000 url("../images/bg-body.jpg") 0 0 repeat-x;   }



body { 

	background:transparent url("../images/bg-background.jpg") center top no-repeat;

	text-align:center; 

	font:13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; 

	color:#fff;

	}





blockquote { margin-left:10px; margin-right:10px; }



h1	{ font-size:1.3em; color:#4d7297; }

h2	{ font-size:1.2em; color:#8cb5de; margin-bottom:10px; }

h3	{ font-size:1.0em; color:#000; }



h1 span,h2 span,h3 span	{ display:none; }



a:link,a:visited	{ color:#2f86af; text-decoration:none; outline:none; }

a:hover,a:active	{ color:#2f86af; text-decoration:underline; outline:none; }









.homepage-text {font-size:1.2em;}

.homepage-text-2 {font-size:1.2em; line-height:19px;}

.contact {font-size:1.2em; line-height:19px; font-weight:bold; color:#933f47;}



.contact a:link, .contact a:visited	{ color:#933f47; text-decoration:underline; outline:none; }

.contact a:hover, .contact a:active	{ color:#933f47; text-decoration:none; outline:none; }







/* ------------------------ classes ------------------------ */

.clear	{ 

	clear:both;

	}



div.clear	{ 

	height:.01em; 

	overflow:hidden; 

	}



p.back-to-top {

	text-align:right;

	display:block;

	padding-right:15px;

	background:url("../images/bullet-back-to-top.jpg") right no-repeat;

	}



img.img-left { 

	float:left; 

	margin:2px 10px 10px 0px;

	}



img.img-right { 

	float:right; 

	margin:5px 0px 10px 10px; 

	}



/* ------------------------ form elements ------------------------ */

form {

	width:150px;

	 /* set margin left and right below */

	}



form label	{ font-size:.95em; margin-left:15px;} 



#quickformnudge {margin-left:20px;}



form br { line-height:0; height:0; } /* defaults vertical spacing between fields */



input, textarea, select { 

	background-color:#21375c !important; /* to prevent highlighting by Google Toolbar */

	border:1px solid #abd8fe;

	color:#fff;

	width:175px; /* 5 pixles smaller than form width !important */

	height:18px;

	line-height:18px;

	vertical-align: middle;

	margin-bottom:4px; /* sets vertical spacing between fields */

	padding-top:1px; /* vertically position text in input/textarea field */

	padding-left:4px; /* horizontally position text in input/textarea field */

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 

	font-size:1.0em;

	}



select { width:150px; padding:0; } /* same width as form - !important */



textarea { height:90px; overflow:auto; }



#contact_business { display: none; } /* do not remove */ 



#checkbox {

background:transparent none repeat scroll 0% !important;

border:medium none;

width:12px !important;}







/* ------------------------ SPECIFIC ELEMENTS ------------------------ */



/* ------------------------ main contact form ------------------------ */

#contact-main { margin:20px 0 10px 0; }



#contact-main label { 

	width:160px; 

	position:relative; 

	display:block; 

	text-align:right; 

	margin-bottom:10px;

	font-size:1.0em;

	}



#contact-main label input, #contact-main label textarea, #contact-main label select { 

	width:170px;

	position:absolute; 

	left:110%; 

	top:-2px;

	}



#contact-main label select { width:175px; } /* fixes display issue - 5px larger than input field */



#contact-main label textarea { height:100px; overflow:auto; }



/* ------------------------ submit button form elements ------------------------ */



input.submit, input.submit-contact-main { 

	width:60px;

	height:19px;

	cursor:pointer; 

	padding:0; 

	}



input.submit-contact-main { margin:82px 0px 0 190px; } /* defines placement of contact-main submit button */





/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */



/* ------------------------ main framework ------------------------ */

#wrap {

	background:url("../images/bg-wrap.jpg") repeat-y;

	width:760px;

	margin:0 auto;

	text-align:left;

	}



/* ------------------------ masthead framework ------------------------ */

#masthead {

	position:relative;

	background:url("../images/masthead.jpg");

	height:137px;

	width:360px;

	float:left

	}

	/* index page link within #masthead */		

	#masthead a {	

		position:absolute;

		left:0px;

		width:0px;

		top:0px;

		height:0px; 

		}

	#masthead a span {

		display:none;

		}













/* ------------------------ column-left framework ------------------------ */

#column-left {

	background: url("../images/left-col-bg.jpg") top repeat-y;

	width:487px;

	float:left;

	margin-bottom:30px;

	}



	#column-left p, #column-left h1, #column-left h2, #column-left h3, #column-left ul, #column-left dl {

		margin:0px 15px 10px 5px;

		}



	#column-left form { margin-left:0px; } /* set form margin here */



	/* single column list */

	#column-left ul { padding-left:5px; }

		#column-left ul li { 

			background:transparent url("../images/bullet.jpg") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */

			padding-left:10px; /* pushes text to the right to display bg img */

			}



	/* multi column list */

	#column-left ul { padding-left:5px; } 

		#column-left ul li { 

			background:transparent url("../images/bullet.jpg") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */

			padding-left:10px;  /* pushes text to the right to display bg img */

			float:left;

			width:150px; /* sets the width of each column */

			line-height:20px; 

			}





/* ------------------------ column-right framework ------------------------ */

#column-right { background:transparent;

	width:267px;

	float:left;

}



	#column-right p, #column-right h1, #column-right h2, #column-right h3, #column-right ul, #column-right dl {

		margin:0px 26px 10px 18px !important;

		}



	#column-right form { margin-left:0px; }



	/* single column list */

	#column-right ul { padding-left:5px; }

		#column-right ul li { 

			background:transparent url("../images/bullet.jpg") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */

			padding-left:10px;  /* pushes text to the right to display bg img */

			}



	/* multi column list */

	#column-right ul { padding-left:5px; } 

		#column-right ul li { 

			background:transparent url("../images/bullet.jpg") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */

			padding-left:10px;  /* pushes text to the right to display bg img */

			float:left;

			width:150px;

			line-height:20px; 

			}



	



/* ------------------------ header framework ------------------------ */

#header-flash { height:300px; } /* sets height for the flash header - REMOVE IF NOT USED */



#header-graphic { height:268px; } /* sets height for all non-flash headers */



	body#index #header-graphic { background:url("../images/header-index.jpg"); }

	body#capabilities #header-graphic { background:url("../images/header-capabilities.jpg"); }

	body#contact #header-graphic { background:url("../images/header-contact.jpg"); }

	body#company #header-graphic { background:url("../images/header-company.jpg"); }

	body#thankyou #header-graphic { background:url("../images/header-thankyou.jpg"); }

	body#sitemap #header-graphic { background:url("../images/header-sitemap.jpg"); }





/* ------------------------ subhead framework ------------------------ */

#content-wrap {width:760px; height:70px;   } /* sets height for all subheads */





	#content-wrap  p, #content-wrap h1, #content-wrap  h2, #content-wrap  h3 {

		margin:0px 15px 10px 5px;

		}





	body#index #content-wrap { background:url("../images/content-wrap-index.jpg") top no-repeat; }

	body#company #content-wrap { background:url("../images/content-wrap-company.jpg") top no-repeat; }

	body#capabilities #content-wrap { background:url("../images/content-wrap-capabilities.jpg") top no-repeat; }

	body#contact #content-wrap { background:url("../images/content-wrap-contact.jpg") top no-repeat; }

	body#thankyou #content-wrap { background:url("../images/content-wrap-thankyou.jpg"); }

	body#sitemap #content-wrap { background:url("../images/content-wrap-sitemap.jpg"); }



 





/* ------------------------ bottom-wrap framework ------------------------ */

/* ------------ must have below column-left and column-right to clear the float ------------ */

#bottom-wrap {

	background:url("../images/bottom-wrap.jpg") top no-repeat; 

	width:100%; /* fix for Safar */

	height:3px;

	clear:both; /* important - do not remove */

	margin-top:20px;

	

	

	}



/* ------------------------footer framework ------------------------ */

#footer {

	width:760px;

	margin:0 auto;

	text-align:center;	

	}



#footer p {

	color:#fff;

	margin-bottom:15px;

	}



#footer a:link, #footer a:visited { color:#fff; text-decoration:none; }

#footer a:hover, #footer a:active { color:#fff; text-decoration:underline;}



#footer ul {padding-top:10px; margin:10px;}

	#footer li { /* if your li's float, you can adjust border height w/ line-height */

		padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */

		display: inline;

		border-left: 1px solid #fff;

		}

	#footer li.first { border: none; }



/* ------------------------ MAIN NAVIGATION FRAMEWORK ------------------------ */







/* ------------------------ horizontal sprite nav ------------------------ */

#nav { 

	background:url("../images/nav.jpg") no-repeat;

	width:400px; 

	height:44px; 

	margin:93px 0 0 0;

	padding:0;

	float:left;

	}



#nav span { display: none; }



#nav li, #nav a { height:44px; display:block; } /* change height here also */



#nav li { float:left; list-style:none; _display:inline; position:relative; }



#nav-01 { width: 87px;}

#nav-02 { width: 106px;}

#nav-03 { width: 125px;}

#nav-04 { width: 82px;}







/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */

#nav-01 a:hover { background:url("../images/nav.jpg")  0px -44px no-repeat; }

#nav-02 a:hover { background:url("../images/nav.jpg") -87px -44px no-repeat; }

#nav-03 a:hover { background:url("../images/nav.jpg") -193px -44px no-repeat; }

#nav-04 a:hover { background:url("../images/nav.jpg") -318px -44px no-repeat; }

#signiture {
	background-color: #000;
	background-image: url(http://www.injoypresents.com/images/card-sm.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 130px;
	width: 435px;
	padding-top: 170px;
	padding-left: 15px;
}