body {
	background-color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #646464;
	background: url(../../images/jpgs/parties_img/blue_bg_5.jpg) repeat-x center top;
}

/*Reset Styles!*/

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, 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;
}

.clear	{
	clear:both}

a:link, a:active, a:visited
{
	color:#646464;
}
a:hover
{
	color:#646464;
}
/*--------------------wrapper--------------------------------*/


#wrapper	{
	width:100%;
	}
	
#top	{
	width:100%;
	padding:0 0 10px 0;
	background:#3c3e44;
	}	
	
#top-inner	{
	width:954px;
	margin:0 auto;
	}
	
#top-inner	p{
	float:right;
	clear:left;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	text-align: right}	
	
#top-inner	p strong{
	font-size:18px;
	font-weight:bold;
	}		
	
#top-inner h1	{
	float:left;
	font:bold 28px "Trebuchet MS";
	color:#FFFFFF;
	padding:10px 0 0 20px;
	}	
	
#top-inner h1 span	{
	font:bold 14px "Trebuchet MS";
	color:#FFFFFF;
	padding:10px 0 0 0px;
		}		
	
#top-inner ul{
	float:right;
	list-style-type:none;
	background:url(../images/nav-bg.gif) repeat-x;
	}
		
#top-inner ul li{
	float:left;
	background: url(../images/seprator-nav.gif) no-repeat left top;
	padding:5px 10px 8px 10px;
	color:#FFFFFF;
	}	
	
#top-inner li a:link, #top-inner li a:active, #top-inner li a:visited{
	text-decoration:none;
	color:#FFFFFF;
	}		
	
#top-inner li a:hover{
	text-decoration:underline;
	}		
	
#top-inner li.first{
	background: url(../images/nav-left.gif) no-repeat left top;
	width:5px;
	height:27px;
	padding:0;
	}

#top-inner li.left{
	background: url(../images/nav-left-all.gif) no-repeat left top;
	width:5px;
	height:27px;
	padding:0;
	}
	
#top-inner li.right-active{
	background: url(../images/nav-right-active.gif) no-repeat left top;
	width:5px;
	height:27px;
	padding:0;
	}	
	
		
#top-inner li.active{
	background:#FFF;
	padding:5px 10px 8px 10px;
	color:#000;
	}
	
#top-inner li.active-all{
	background:#FFF;
	padding:5px 10px 8px 10px;
	color:#000;
	}
	
#top-inner li.active-all a:link, #top-inner li.active-all a:visited, #top-inner li.active-all a:active {
	color:#000;
	text-decoration:none;
	}
	
#top-inner li.active-all a:hover {
	color:#000;
	text-decoration:underline;
	}				
	
#top-inner li.active a:link, #top-inner ul li.active a:active, #top-inner ul li.active a:visited {
	text-decoration:none;
	color:#000;
	}		
	
#top-inner ul li.active a:hover {
	text-decoration:underline;
	}		
		
		
	
#top-inner ul li.last{
	background: url(../images/nav-right.gif) no-repeat left top;
	width:3px;
	height:27px;
	padding:0;
	}		
			
	
#header	{
	width:100%;
	background:#222222;
	clear:both;
	padding:0;
	text-align:center;
	color:#CCC;
	}
	
#header a:link, #header a:visited, #header a:active 	{
	color:#CCC;
	text-decoration:none;
	}
	
#header a:hover 	{
	color:#CCC;
	text-decoration:underline;
	}		
	
#header img	{
	margin:0 auto;
		}
		
	
	
#content	{
	width:100%;
	background:#f7f7f6;
	clear:both;
	padding:0 0 20px 0;
	
	}	
#content-inner	{
	width:954px;
	clear:both;
	margin:0 auto;
	}	
	
#content h2	{
	font:normal 18px "Trebuchet MS";
	color:#0082ba;
	padding:10px 0 10px 0;
	}	
	
#boxes	{
	margin:0;
	padding:20px 0 15px 0;
	width:954px;
	float:left
	}		
	
#web	{
	width:224px;
	height:81px;
	float:left;
	margin:0 20px 0 0;
	background:url(../images/box-bg.gif) no-repeat left top;
	}	
	
#web img	{
	margin:10px 0 0 10px;
	float:left;
	}		
	
#web p	{
	padding:10px 10px 0 10px;
	}	

#web p strong	{
	padding:10px 10px 0 0px;}
	
	
#graphics	{
	width:224px;
	float:left;
	height:81px;
	margin:0 20px 0 0;
	background:url(../images/box-bg.gif) no-repeat left top;
	}	
		
	
#graphics img	{
	margin:10px 0 0 10px;
	float:left;
	}		
	
#graphics p	{
	padding:10px 10px 0 10px;
	}	

#graphics p strong	{
	padding:10px 10px 0 0px;}


#seo	{
	width:224px;
	height:81px;
	float:left;
	margin:0 15px 0 0;
	background:url(../images/box-bg.gif) no-repeat left top;
	}	
	
#seo img	{
	margin:10px 0 0 10px;
	float:left;
	}		
	
#seo p	{
	padding:10px 10px 0 10px;
	}	

#seo p strong	{
	padding:10px 10px 0 0px;}

	
#print	{
	width:224px;
	height:81px;
	float:left;
	margin:0;
	background:url(../images/box-bg.gif) no-repeat left top;
	}		
	
#print img	{
	margin:10px 0 0 10px;
	float:left;
	}		
	
#print p	{
	padding:10px 10px 0 10px;
	}	

#print p strong	{
	padding:10px 10px 0 0px;}


#left	{
	width:740px;
	float:left;
	border-right:#e5e5e4 1px solid;
	padding:20px 0 0 0;
	}
	
#left img.Packages	{
	float:left;
	margin:0 0 0 25px;
	}
	
		
#left p	{
	padding:10px 10px 0 0;
	}
	
#left p.order2	{
	font-weight:bold;
	padding:10px 0 0 0;
	float:left;
	font-size:16px;}
	
#left h3	{
	font:normal 18px tahoma;
	color:#7b7b7b;
	}	
	
#left h4	{
	font:bold 16px tahoma;
	color:#7b7b7b;
	margin:10px 0;
	}		
	
#website	{
	width:626px;
	float:left;
	padding:10px 0 20px 0;
	border-bottom:#dddddd 1px solid;
	}
	
#website img	{
	padding:0 10px;
	float:left;
	}	
	
#website p	{
	padding:0 10px;
	}	
	
#graphic	{
	width:626px;
	float:left;
	padding:10px 0 20px 0;
	border-bottom:#dddddd 1px solid;
	}
	
#graphic img	{
	padding:0 10px;
	float:left;
	}	
	
#graphic p	{
	padding:0 10px;
	}		
	
#search	{
	width:626px;
	float:left;
	padding:10px 0 20px 0;
	border-bottom:#dddddd 1px solid;
	}
	
#search img	{
	padding:0 10px;
	float:left;
	}	
	
#search p	{
	padding:0 10px;
	}			


#right	{
	float:right;
	width:200px;
	padding:20px 0 0 0;
	}
	
	
#right h5{
	padding:0 0 10px 0;
	font:bold 16px tahoma;
	color:#7b7b7b;
	}	
	
#right h6{
	padding:0 0 10px 0;
	font:bold 16px tahoma;
	color:#7b7b7b;
	}		
#right form{
	padding:10px 0 0 0;
	width:180px;
	border-top:#CCCCCC 1px solid;
	float:left;
	}	
	
#right form label{
	width:270px;
	}	
	
#right form input{
	width:180px;
	background:#FFF;
	margin:5px 0;
	border:#d7d7d7 1px solid;
	}
	
#right form select{
	width:180px;
	background:#FFF;
	margin:5px 0;
	border:#d7d7d7 1px solid;
	}	
	
	
			
#right form textarea{
	width:180px;
	background:#FFF;
	margin:5px 0;
	height:50px;
	border:#d7d7d7 1px solid;
	}
	
		
#right form input.btn{
	width:80px;
	background:#0085bc;
	float:right;
	color:#FFF;
	border:#000 1px solid;
	}	

#testimonials{
	padding:10px 0 0 0;
	width:180px;
	float:left;
	}
	
#testimonials strong{
	padding:10px 0 0 0;
	}	
	
#testimonials p{
	padding:10px 10px 10px 0;
	border-top:#CCCCCC 1px solid;
	float:left;
	}	
	
#testimonials p span{
	float:right;
	font-weight:bold;
	
	}	
		
	
#footer	{
	width:100%;
	clear:both;
	background:#f7f7f6;
	}	
	
	
#footer-inner	{
	width:954px;
	margin:0 auto;
	padding:10px 0;
	text-align:center;
	}	
	
#footer-inner ul	{
	clear:both;
	margin:0 auto;
	list-style-type:none;
	padding:0 0 0px 0;
	}
	
#footer-inner li	{
	display:inline;
	padding:0 20px;
	border-right:#888888 1px solid;
	}
	
#footer-inner li a:link, #footer-inner li a:active, #footer-inner li a:visited, 	{
	text-decoration:none;
	}
	
#footer-inner li a:hover{
	text-decoration:underline;
	}
				
#footer-inner li.last	{
	border-right:none;
	}	
	
/*slide show*/
/* CSS Document */

a { color: #4DDFF4; text-decoration: none; }
.wrapper { width: 900px; margin: 0 auto; padding: 0 10px; }

#main { width: 100%; text-align: left; vertical-align: top; background: url("images/mainbg.gif") top left repeat #292929; padding: 30px 0; }

div.boxfull { float: left; margin-bottom: 20px; background: #222222; width: 900px; }
div.boxlefthalf { float: left; margin-bottom: 20px; background: #222222; width: 440px; }
div.boxrighthalf { float: right; margin-bottom: 20px; background: #222222; width: 440px; }
div.area290 { float: right; margin-bottom: 20px; width: 290px; }
div.areahalf2 { float: right; margin-bottom: 20px; width: 550px; }
div.box290 { float: left; margin-bottom: 20px; background: #222222; width: 290px; }
div.box590 { float: left; margin-bottom: 20px; background: #222222; width: 590px; }
div.boxhalf { float: left; margin-bottom: 20px; background: #222222; width: 330px; }
div.boxhalf2 { float: left; margin-bottom: 20px; background: #222222; width: 550px; }
div.box185 { float: left; margin-bottom: 20px; margin-right: 18px; background: #222222; width: 185px; }
div.content-top { padding: 6px; text-align: left; }
div.content-top h3 { padding-bottom: 10px; font-size: 24px; font-weight: normal; }
div.content-top h3 strong, div.content h3 b { font-weight: normal; color: #BAD1D9; }
div.content-top h4 { padding: 0px 0px 10px 0; font-size: 16px; font-weight: normal; color: #BAD1D9; }
div.content-top p { padding-bottom: 10px; line-height: 1.7em; }

/* ------------------------ */

/* HORIZONTAL CAROUSEL */

.stepcarousel{
	position: relative;
	border: 0;
	overflow: scroll; /*leave this value alone*/
	width: 850px; /*Width of Carousel Viewer itself*/
	height: 270px; /*Height should enough to fit largest content's height*/
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*margin around each panel*/
	width: 750px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height: 280px;
	margin-top: 10px;
	margin-right: 50px;
	margin-bottom: 10px;
	margin-left: 50px;
}

.panel img { float: left; margin-right: 20px;}
.panel h5 { margin-top: 40px; font-size: 18px; font-weight: normal; }
.panel h5 strong { font-weight: normal; color: #BAD1D9; }
.panel p { margin-top: 20px; }


#gallery	{
	width:656px;
	float:left;
	color:#FFF;
	}
	
#web-id	{
	width:198px;
	float:left;
	text-align:center;
	background:#1999cd url(../images/gallery-rpt.gif)  repeat-x;
	}
	
#web-id img	{
	float:left;
	}	
	
#web-id img.center	{
float:left;
margin:0 0 10px 12px;
	}
	
	
#graphic-id	{
	width:198px;
	float:left;
	margin:0 0 0 20px;
	text-align:center;
	background:#1999cd url(../images/gallery-rpt.gif)  repeat-x;
	}
	
#graphic-id img	{
	float:left;
	}	
	
#graphic-id img.center	{
float:left;
margin:0 0 10px 12px;
	}
	
#seo-id	{
	width:198px;
	float:left;
	margin:0 0 0 20px;
	text-align:center;
	background:#1999cd url(../images/gallery-rpt.gif)  repeat-x;
	}
	
#seo-id img	{
	float:left;
	}	
	
#seo-id img.center	{
float:left;
margin:0 0 10px 12px;
	}					
	
/*Packages*/

#package-1	{
	width:203px;
	height:280px;
	padding:10px;
	float:left;
	margin:10px 0 0 20px;
	background:url(../images/package-bg.gif) no-repeat left top;}
	
#package-1 span	{
	font:normal 18px "Trebuchet MS";
	color:#47aad3;}	
	
#package-1 ul{
	width:210px;
	float:left;
	list-style-type:none;
	}
	
#package-1 li{
	float:left;
	color:#000;
	clear:left;
	font-size:12px;
	padding:10px 0 0 15px;
	background:url(../images/bul-package.gif) no-repeat left 12px;
	}			
	
.order	{
	font-weight:bold;
	padding:10px 0 0 0;
	float:left;
	font-size:20px;}
		
		
/*form*/
#form-container {
	margin:0;
	padding:0;
	float:left;
	width:884px;
	background:url(../images/background-images/request-a-quote-bg.gif) no-repeat left top;
	}

#form-container img {
	margin:47px 0 0 28px;
	padding:0;
	float:left;
	text-align:center;
}

#form {
	margin:0;
	padding:54px 0 0 0;
	float:left;
	width:884px;
}

/* Request a Quote - Step One
----------------------------------------------------------------------------------- */

#form-step1 {
	margin:0;
	padding:0 0 59px 0;
	float:left;
	width:884px;
}

#form-step1 img {
	margin:0;
	padding:0 0 28px 0;
	float:left;
}

#form-step1 ul {
	margin:0;
	padding:10px 0 0 0;
	float:left;
	list-style-type:none;
	width:824px;
}

#form-step1 li {
	margin:0;
	padding:0;
	float:left;
}

#form-step1 li.left {
	margin:0;
	padding:0 0 12px 0;
	float:left;
	width:400px;
}

#form-step1 li.right {
	margin:0;
	padding:0 0 12px 20px;
	float:left;
	width:400px;
}

#form-step1 input {
	margin:0;
	padding:6px 5px;
	float:left;
	background:#F0F0F0;
	border:solid #C0C0C0 1px;
	color:#9e9898;
	width:247px;
	height:13px;
	font-size:11px;
}

#form-step1 input:hover {
	margin:0;
	padding:6px 5px;
	float:left;
	background:#A6A6A6;
	border:solid #202121 1px;
	color:#9e9898;
	width:247px;
	height:13px;
	font-size:11px;
}

#form-step1 input:focus {
	margin:0;
	padding:6px 5px;
	float:left;
	background:#F0F0F0;
	border:solid #C0C0C0 1px;
	color:#9e9898;
	width:247px;
	height:13px;
	font-size:11px;
}

#form-step1 textarea {
	margin:0;
	padding:6px 5px;
	float:left;
	background:#F0F0F0;
	border:solid #C0C0C0 1px;
	color:#9e9898;
	width:667px;
	height:117px;
	font-size:11px;
}

#form-step1 textarea:hover {
	margin:0;
	padding:6px 5px;
	float:left;
	background:#A6A6A6;
	border:solid #202121 1px;
	color:#9e9898;
	width:667px;
	height:117px;
	font-size:11px;
}

#form-step1 textarea:focus {
	margin:0;
	padding:6px 5px;
	float:left;
	background:#F0F0F0;
	border:solid #C0C0C0 1px;
	color:#9e9898;
	width:667px;
	height:117px;
	font-size:11px;
}

#form-step1 label {
	margin:0;
	padding:4px 0 0 0;
	float:left;
	color:#5E5E5E;
	width:133px;
}

#form-step1 label span {
	color: #FF0000;
}

/* Request a Quote - Step Two
----------------------------------------------------------------------------------- */

#form-step2 {
	margin:0;
	padding:0 0 59px 0;
	float:left;
	width:884px;
}

#form-step2 img {
	margin:0;
	padding:0 0 28px 0;
	float:left;
}

#form-step2 p {
	margin:0;
	padding:0 0 16px 45px;
	float:left;
	width:700px;
	color:#bcb6b1;
}

.leftcol {
	margin:0 0 0 45px;
	_margin:0 0 0 23px;
	padding:0;
	float:left;
	width:810px;
}

.leftcol ul {
	margin:0;
	padding:0;
	width:797px;
	_width:810px;
	list-style-type:none;
}

.leftcol li {
	float:left;
	width:390px;
	padding:0;
	display: inline;	
}

.leftcol li.left {
	margin:0 0 5px 0;
}

.leftcol li.right {
	margin:0 0 5px 7px;
}


.leftcol label {
	display:block;
	padding:10px 32px;
	background-position:8px center;
	background-repeat:no-repeat;
	cursor:pointer;
	width:326px;
	clear:both;
}

.leftcol span {
	margin:0;
	padding:0 0 0 10px;
	clear:both;
	font-size:11px;
	font-weight:bold;
	color:#858112;
}
form {
	margin: 0px;
	padding: 0px;
	float: left;
}

.checked span {
	color:#d8b510;
}

.checked {
	background:#161616 url(../images/chk_on.gif) no-repeat;
	float:left;
	border:1px solid #262626;
	color:#bcb6b1;
}

.unchecked {
	background:#0f0f0f url(../images/chk_off.gif) no-repeat;
	float:left;
	color:#7a7571;
	border:1px solid #1c1c1c;
}

/* Request a Quote - Step Two
----------------------------------------------------------------------------------- */

#form-step3 {
	margin:0;
	padding:0;
	float:left;
	width:884px;
}

#form-step3 img {
	margin:0;
	padding:0 0 28px 0;
	float:left;
}

#form-step3 p {
	margin:0;
	padding:0 0 16px 45px;
	float:left;
	width:700px;
	color:#bcb6b1;
}


.submit ul{
	overflow: hidden;
	width:214px;
	margin:0;
	padding:15px 50px 0 0;
	*padding:20px 50px 0 0;
	list-style-type: none;
	float:right;
	height:35px;
}

.submit li{
	float:right;
	padding-left:5px;
}

.submit a{
	display:block;
	padding:0;
	color: black;
	margin:0;
	text-decoration:none;
	font: bold 12px Arial;
	height:35px;
	text-indent:-9999px;
}
.submit a:hover, .submit a.selected{
	color:#bcb6b1;
}

#submit input {
	width:118px;
	background:url(../images/background-images/submit-button.jpg) no-repeat -91px 0px;
	height:35px;
	border:none;
}

#submit input:hover {
	background:url(../images/background-images/submit-button.jpg) no-repeat -91px -35px;
	width:118px;
	height:35px;
	border:none;
}

#submit input:focus {
	background:url(../images/background-images/submit-button.jpg) no-repeat -91px -35px;
	width:118px;
	height:35px;
	border:none;
}

#reset input { 
	width:84px;
	background:url(../images/background-images/submit-button.jpg) no-repeat 0px 0px;
	height:35px;
	border:none;
}
#reset input:hover{
	background:url(../images/background-images/submit-button.jpg) no-repeat 0px -35px;
	width:84px;
	height:35px;
	border:none;
}
#reset input:focus{
	background:url(../images/background-images/submit-button.jpg) no-repeat 0px -35px;
	width:84px;
	height:35px;
	border:none;
}

/* OK.htm
----------------------------------------------------------------------------------- */

#form-done {
	margin:0;
	padding:0 26px;
	float:left;
	width:884px;
	background:url(../images/background-images/request-a-quote-bg.gif) no-repeat left top;
	height:350px;
}

#form-sent {
	margin:0;
	padding:54px 0 0 0;
	float:left;
	width:884px;
}

#form-sent p{
	margin:0;
	padding:0 0 8px 0;
	float:left;
	width:884px;
	text-align:center;
}

#form-sent a {
	margin:0;
	padding:0;
	color:#bcb6b1;
	text-decoration:underline;
}

#form-sent a:hover {
	text-decoration:none;
}		
