/**/

*
{

  padding: 0;
  margin: 0;

}

p, img, li, ul, body, 
div, span, object, iframe, h1, 
h2, h3, h4, h5, h6, 
blockquote, table, caption, thead, tfoot, 
tbody, tr, th, td, dl, ol,
dd, dt, form, fieldset
{

  padding: 0;
  margin: 0;

}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

#wrapper
{

  width: 987px;
  min-width: 987px;
  margin: 0 auto;
  position: relative;
  padding: 0px;
  
}

img
{

  border: 0;

}

body
{

  font-family: Arial, sans-serif;
  color: #000000;
  font-size: 12px;
  background-color: #ffffff;
  
  background-repeat: repeat-x;
  background-position: 50% top;
  background-attachment: fixed;

}

.left
{

  float: left;

}

.right
{

  float: right;

}

.clear
{

  clear: both;

}

.center
{

  text-align: center;

}

.rightpanel_bottom
{

  width: 300px;

}

.rightpanel_bottom a:link,.rightpanel_bottom a:active, .rightpanel_bottom a:visited, .rightpanel_bottom a:hover
{

  color: #ff0000;
  font-weight: bold;
  font-size: 12px;
  text-decoration: underline;

}

.rightpanel_bottom img
{

  padding-top: 30px;

}

.nav
{

  background-image: url(nav_bg.jpg);
  background-repeat: no-repeat;
  height: 35px;
  width: 969px;

}

.nav ul li
{

  float: left;
  color: #ffffff;
  font-size: 14px;
  line-height: 14px;
  border-left: 1px solid #ffffff;
  padding: 10px 6px 11px 6px;
  list-style-type: none;

}

.nav ul li:first-child
{

  border-left: 0px solid #ffffff;
  padding-left: 230px;

}

.nav ul li a:link, .nav ul li a:active, .nav ul li a:visited
{

  color: #ffffff;
  text-decoration: none;
  font-weight: bold;

}

.nav ul li a:hover, .nav ul li.current_page_item a
{

  color: #fdc400;
  text-decoration: none;
  font-weight: bold;

}

.outerbody
{

  width: 969px;
  /*background-image: url(outerbody_bg.png);*/
  background-repeat: repeat-y;
  padding: 0px 9px;
  border: 3px solid #CCCCCC;
}

.home_innerbody
{

  width: 595px;
  padding-top: 19px;
  padding-left: 19px;

}

.para_innerbody
{

  width: 530px;
  padding-top: 19px;
  padding-left: 19px;
  float: left;

}

.para_innerbody table a:link, .para_innerbody table a:active, .para_innerbody table a:visited, .para_innerbody table a:hover
{

  text-decoration: none;
  color: #000000;

}

.repairtable
{

  padding-bottom: 18px;

}

.para_right
{

  width: 375px;
  float: right;
  padding-top: 19px;
  padding-right: 19px;

}

.innerbody
{

  width: 931px;
  padding: 19px 19px 0px 19px;

}

#galleryarea
{

  width: 661px;
  padding: 19px 0px 0px 19px;  
  float: left;

}

#videoarea
{

  width: 250px;
  padding-right: 10px;
  float: right;
  padding-top: 49px;

}

#videoarea p
{

  padding-bottom: 20px;

}

#videoarea h1
{

  padding: 10px 0px 2px 0px;
  font-size: 14px;
  color: #4177b5;

}

.innerbody p, .home_innerbody p, .para_innerbody p, .para_right p
{

  padding-bottom: 18px;

}

.about_innerbody
{

  width: 595px;
  float: left;
  padding-left: 28px;

}

.about_innerbody p
{

  padding-bottom: 9px;
  padding-top: 9px;

}

.about_innerbody h1
{

  color: #ff0000;
  font-weight: bold;
  font-size: 16px;

}

.about_rightpanel
{

  width: 300px;
  float: right;
  padding-right: 9px;

}

.about_rightpanel img
{

  padding: 20px 0px;

}

.about_rightpanel p
{

  padding: 25px 0px 37px 0px;

}

.home_innerbody img
{

  padding: 15px 0px;

}

.innerbody a:link, .innerbody a:active, .innerbody a:visited, .innerbody a:hover, 
.home_innerbody a:link, .home_innerbody a:active, .home_innerbody a:visited, .home_innerbody a:hover
{

  color: #ff0000;
  text-decoration: none;

}

.header_top
{

  padding-left: 1px;

}

.header_nav_top
{

  padding-left: 9px;

}

#footer
{

  display: table-cell;
  padding-left: 155px;

}

#footer .address
{

  font-size: 15px;
  font-weight: bold;
  padding-bottom: 19px;
  background-image: url(cci_logo.gif);
  background-repeat: no-repeat;
  padding-left: 98px;
  width: 540px;
  text-align: center;

}

#footer .address a:link, #footer .address a:active, #footer .address a:visited, #footer .address a:hover
{

  color: #000000;
  text-decoration: underline;

}

#footer .disclaimer
{

  font-size: 10px;
  padding-bottom: 15px;
  width: 642px;
  text-align: center;

}

#footer .wtbi
{
  padding-left: 98px;
  font-size: 10px;
  padding-bottom:15px;
  padding-top: 12px;
  text-align: center;
  text-decoration: none;
}

#scrollermiddle
{

  background-image: url(scroller_bg.jpg);
  background-repeat: no-repeat;
  width: 764px;
  height: 260px;
  float: left;

}

.innerbody table
{

  width: 605px;

}

.innerbody table tr td a:link, .innerbody table tr td a:active, .innerbody table tr td a:visited, .innerbody table tr td a:hover
{

  color: #000000;
  text-decoration: none;

}

.learning
{

  width: 100%;
  height: 100%;

}

.learn_btn
{

  cursor: pointer;
  color: #ff0000;
  text-decoration: underline;
  font-weight: bold;

}

.arrowclass
{

  cursor: pointer;

}

#flagh
{

  background-image: url(banner_bg.jpg);
  background-repeat: no-repeat;
  background-position: top;

}

.contactform
{

  width: 750px;

}

.contactform form p
{

  clear: both;
  width: 350px;
  height: 20px;

}

.contactform form p label
{

  float: left;

}

.contactform form p .text
{

  float: right;
  width: 150px;

}

.contactform form p .submit
{

  float: right;

}

.contactform form .textarea
{

  height: 65px;

}

.contactform form .textarea textarea
{

  float: right;
  width: 350px;
  height: 100px !important;
  margin-bottom: 3px;

}

.formleft
{

  width: 350px;
  float: left;

}

.formright
{

  width: 350px;
  float: right;

}

/* chute maker */

  #chute
  {
  
    position: relative;
	width: 660px;
	height: 514px;
  
  }
  
  #chuteleftside
  {
  
    float: left;
	width: 660px;
  
  }
  
  #overlay
  {
  
    position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
  
  }
  
  #colours
  {
  
    width: 200px;
	float: right;
  
  }
     
  #colours a:link, #colours a:active, #colours a:visited, #colours a:hover
  {
  
    color: #000000;
	text-decoration: none;
	vertical-align:bottom;
  
  }
  
  #colours a.active:link, #colours a.active:active, #colours a.active:visited, #colours a.active:hover
  {
  
    color: #ff0000;
	text-decoration: none;
  
  }  
  
  #chuteleftside form
  {
  
    padding-top: 15px;
	float:left;
	width:900px;
  
  }
  
 
  
  #chuteleftside label
  {
  
    float: left;
  
  }
  
  #chuteleftside input
  {
  
    
	width: 225px;
	height:25px;
	float:right;
	margin:5px 0px 10px 0px;
	
  
  }

/* end chute maker */


/* START absolute positioned items */

#header_left
{

  position: absolute;
  top: 0px;
  margin-left: -21px;

}

#nav_right
{

  position: absolute;
  top: 34px;
  margin-left: 978px;

}

#nav_left
{

  position: absolute;
  top: 34px;

}

#home_header_right
{

  position: absolute;
  top: 70px;
  margin-left: 969px;

}

#home_pinboard
{

  position: absolute;
  top: 400px;
  margin-left: 613px;

}

#about_us_header_right
{

  position: absolute;
  top: 248px;
  margin-left: 969px;

}

.Order{ clear:both; font-size:28px; text-transform:uppercase; padding:30px 0px 10px 0px ;}
.LeftBox { float:left; width:440px; clear:both;}
.LeftInnerLeft{  float:left; width:200px;  text-align:right; margin-top:5px; font-size:20px;}
.LeftInnerRight { width:230px; float:right;  margin-top:5px;}

.LeftInnerRight input{-moz-box-shadow:0 5px 5px rgba(182, 182, 182, 0.75);
-webkit-box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);

}

.LeftBox2 { float:left; width:640px; clear:both;}
.LeftInnerLeft2 {  float:left; width:200px;  text-align:right; margin-top:5px; font-size:20px;}
.LeftInnerRight2 { width:400px; float:right;  margin-top:5px; min-height:100px;}

.LeftInnerRight2 textarea{
width:420px; float:right;  margin-top:5px; min-height:100px;
-moz-box-shadow:0 5px 5px rgba(182, 182, 182, 0.75);
-webkit-box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
padding:3px;
}

.LeftBox3 { float:left; width:900px; clear:both; margin-top:20px; }
.Button input { width:124px !important; height:34px !important; float:left !important; margin:0px 0px 10px 10px !important;}

.TopText { float:left; clear:both; border-bottom:5px solid #cccccc; width:100%; padding-bottom:15px; margin-bottom:15px; }
.TopText span { color:#BF00BD; font-size:32px; font-weight:bold;}
.TopText strong { color:#B2B2B2; font-size:32px; font-weight:bold;}
.TopText h5{ width:15px; font-size:10px; padding-left:143px; margin-top:-30px;}
.TopText h6	{ font-size:10px; font-size:24px; font-weight:bold; margin-top:-13px;}

.Step{  color: #000000;
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 0;
    text-decoration: none;}
.Step strong { color: #000000;
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0;
    text-decoration: none;}

.Bottom { font-size:16px; font-weight:bold; text-align:center; float:left; width:900px; margin:20px 0px 60px 0px;}
.Bottom strong{ font-size:16px; font-weight:bold; color:#FF0000; }

.Copyright { font-size:20px; color:#FF0000; font-family:"Times New Roman", Times, serif; margin-bottom:10px;}
	



/* END absolute positioned items */