/*
body {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	background-image:url(../img/bg.png);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#FFF;
	color:#BBB;
	cursor:default;
}

*/

html,body
{
	height:100%;
	min-height:100%;
	width:100%;
}

#DIVparent
{
	height:100%;
	min-height:100%;
	width:expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 1262? "1260px" : "auto");
	
	background-image: url(img/swirls-small.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* Quote related CSS */


.rounded:before {
  background: transparent url(img/top-right.png) scroll no-repeat top right;
  margin-bottom: -20px;
  height: 30px;
  display: block;
  border: none;
  content: url(img/top-left.png);
  padding: 0;
  line-height: 0.1;
  font-size: 1px;
}

.rounded:after {
  display: block;
  line-height: 0.1;
  font-size: 1px;
  content:  url(img/bottom-left.png);
  margin: 2px 0 0 0;
  height: 30px;
  background: transparent url(img/bottom-right.png) scroll no-repeat bottom right;
  padding: 0;
}  
    
  .rounded * {
    padding-left: 16px;
    padding-right: 16px;
    
    }

  .rounded {
    margin: 1em;
    padding: 0;
  }

  p { 
    font-family: Arial, Tahoma  , sans-serif;
    font-size: 1em;
    padding-top: 0;
    margin: 1em 0;
    line-height: 1.5;
    }

blockquote {
   background: #666666;
   color: white;
   margin-right: -1px;
}


#quote
{
	float:right;
	margin-right:20px;
	position:relative;
	top:-60px;
}  

  p.quotee {
    text-align: right;
    margin: -1px 0;;
    font-weight: bold;
    color: #eee;
    }
	
	
	/* END */
	

#left-sidebar
{
	float: left;
	
	padding-top: 20px;
}

body
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	

	
}

#header
{
	
	background-image:url(img/header_bg.jpg);
	background-repeat:repeat-x;
	padding: 2% 15%;
height:35px; 
	
	
	
}

#container {
	width:700px;
	margin:0 auto;
	text-align:left;
	background-color:#FFF;
}
#container2 {
	width:1000px;
	margin:0 auto;
	text-align:left;
	padding-top:20px;
	
		
	
	
}
#container3 {
	width:176px;
	margin:0 auto;
	text-align:left;
	background-color:#FFF;
}
#preload {
	display:none;
}
#logo {
	background-image:url(img/Raffisons_Logo_Hi_Res_Twist_Small_New.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	padding:0px;
	left: 20px; 
	height: 100px;
	position:relative;
}

#tagLine {
	background-image:url(img/tagLine-new.gif);
	background-repeat:no-repeat;
	background-position:left top;
	position:relative;
	top:50px;
	left:-60px;
	height:62px; 
	width:250px;
	/*float:left; */
	float:right;
	z-index:100;
}

#navigation {
	background-image:url(../img/bg2.png);
	background-repeat:repeat-x;
	height:50px;
	width:100%;
	position:relative;
	float:left;
	background-color:#FFF;
}
#navigation a.green {
	background-image:url(../img/bg2.png);
	width:25%;
	height:32px;
	color:#666;
	text-decoration:none;
	text-align:center;
	font-size:21px;
	font-family:'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
	float:left;
	background-color:#FFF;
}
#navigation a.green:hover {
	background-image:url(../img/bg2-green.png);
	background-position:top;
	color:#66FF33;
}
#navigation a.orange {
	background-image:url(../img/bg2-orange.png);
	width:25%;
	height:32px;
	color:#FFB01E;
	text-decoration:none;
	text-align:center;
	font-size:21px;
	font-family:'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
	float:left;
	background-color:#FFF;
}
#navigation a.pink {
	background-image:url(../img/bg2.png);
	width:25%;
	height:32px;
	color:#666;
	text-decoration:none;
	text-align:center;
	font-size:21px;
	font-family:'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
	float:left;
	background-color:#FFF;
}
#navigation a.pink:hover {
	background-image:url(../img/bg2-pink.png);
	background-position:top;
	color:#FF7CE2;
}
#navigation a.blue {
	background-image:url(../img/bg2.png);
	width:25%;
	height:32px;
	color:#666;
	text-decoration:none;
	text-align:center;
	font-size:21px;
	font-family:'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
	float:left;
	background-color:#FFF;
}
#navigation a.blue:hover {
	background-image:url(../img/bg2-blue.png);
	background-position:top;
	color:#35EEFF;
}
#tableTop {
	background-image:url(img/top.gif);
	background-repeat:no-repeat;
	width:1000px;
	height:75px;
	float:left;
	
	
}
#tableCon {
	background-image:url(img/mid.gif);
	background-repeat:repeat-y;
	width:1000px;
	height:auto;
	float:left;
	 
	
}
#leftCon {
	width:300px;
	float:left;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:34px;
	font-size:16px;
}
#leftCon ul {
	margin-left:0px;
	padding-left:0px;
	display:inline;
	border:none;
	list-style:none;
}
#leftCon ul li {
	margin-left:5px;
	padding-left:0px;
	display:inline;
	border:none;
}
#leftCon ul li.subPointer {
	
	background-position:left;
	background-repeat:no-repeat;
	 cursor:pointer;
	font-size:21px;
	font-family:'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
	color:#FFB01E;
	display:block;
	text-indent:30px;
	padding:2px;
}


#leftCon ul li.deadlinks {
	color:#2d2d2d;
	display:block;
	text-indent:30px;
	padding:2px;
}



#leftCon li a {
	display:block;
	background:none;
	border-bottom:1px #505050 solid;
	border-top:1px #505050 solid;
	color:#666;
	text-decoration: none;
	width:237px;
	padding-left:10px;
	padding-bottom:2px;
}
#leftCon li a:hover {
	display:block;
	background:none;
	border-bottom:1px #EEE solid;
	border-top:1px #EEE solid;
	background-color:#555;
	color:#FFB01E;
}
#leftCon li a.selected {
	display:block;
	background:none;
	border-bottom:1px #888 solid;
	border-top:1px #888 solid;
	background-color:#555;
	color:#FFB01E;
	text-align:right;
	padding-right:10px;
	padding-left:0px;
}
#rightCon {
	width:600px;
	float:left;
	color:#030303;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:6px;
	font-size:13px;
	
	 
	
}
#tableBot {
	background-image:url(img/btm.gif);
	background-repeat:no-repeat;
	width:1000px;
	height:44px;
	float:left;
	
}
#footer {
	color:#CDCDCD;
	font-family:Verdana;
	font-size:11px;
	text-align:center;
	float:left;
	width:100%;
}
a.css {
	background-image:url(../img/cssB.gif);
	display:block;
	width:88px;
	height:31px;
	float:left;
}
a.css:hover {
	background-image:url(../img/cssC.gif);
}
a.html {
	background-image:url(../img/htmlB.gif);
	display:block;
	width:88px;
	height:31px;
	float:left;
}
a.html:hover {
	background-image:url(../img/htmlC.gif);
}
/* TUTORIALS SPECIFIC */
.tutD {
	color:#AAA;
	font-family:Verdana;
	font-size:11px;
	display:block;
}
a.treeGrey {
	color:#999;
	text-decoration:none;
}
a.treeGrey:hover {
	color:#FFB01E;
}
a.tutorial {
	display:block;
	text-decoration:none;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	border-right:solid 5px #333;
	border-top:solid 1px #333;
}
a.tutorial:hover {
	border-color:#FFB01E;
	background-color:#333;
}
.preview {
	border:1px #FFB01E solid;
	padding:0px;
}
hr.orange {
	color:#FFB01E;
	width:500px;
}
.tStep {
	color:#FFB01E;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	padding:0px;
	margin:0px;
	border:1px dotted #444;
	display:block;
	margin-top:20px;
	background-color:#333;
	text-align:center;
}
p .t {
	width:600px;
	float:left;
	color:#BBB;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:6px;
	font-size:13px;
}
p a.treeGrey {
	color:#fff;
	background-color:#2d2d2d;
}
p a.treeGrey:hover {
	background-color:#333;
}
.image {
	border:5px #333 solid;
	padding:none;
	margin:none;
	display:block;
	margin-top:15px;
	margin-bottom:15px;
}
a img {
	border:none;
}
h2 {
	color:#FFB01E;
	font-family:'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	padding:0px;
	margin:0px;
	border-bottom:1px dotted #333;
	border-top:1px dotted #333;
	margin-top:10px;
	margin-bottom:10px;
}
a.lol {
	display:none;
}

/*

.footer{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #ffffff;
	position:absolute;
	bottom:0;
}

*/

TD
{
    FONT-SIZE: 11px;
    COLOR: #55555a;
    LINE-HEIGHT: 16px;
    FONT-FAMILY: Verdana, arial
}

A.footerlink
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #ffffff
}

A
{
   
    TEXT-DECORATION: none
}



#top_right_container {
	float:right;
	width:205px;
	height:31px;
	
	

	
}

#top_navi_container {
	float:right;
	width:205px;
	height:35px; 
	background-color:#040404;
}

.toplinks a
{
	color:#030303;
	font-weight:bold;
	
}

.toplinks a:hover
{
	text-decoration:underline;
	color:#FFFFFF;
}

#nosearch .link
{
padding-left:7px;
background-image:url(img/arrow-nav-top.gif);
background-position: bottom left;
background-repeat:no-repeat;
}

#nosearch a
{
color: #323232;
margin: 0px 9px 0px 0px;
font-weight:normal;
}

#nosearch a:hover
{
color: #323232;
margin: 0px 9px 0px 0px;
font-weight:normal;
text-decoration:underline;
}

#contact_primary
{
	clear: both;
	float: left;
	width: 230px;
	padding: 5px 20px 0px 20px;
	border-left: 1px solid #c1c1c1;
	font-family: arial, sans-serif;
}


.contact_title
{
	
	color: #6786a8;
	font-size: 16px;
}

.contact_contain
{
	float: left;
	width: 270px;
}
.content_contain
{
	float: right;
	width: 570px;
}

.form_element
{
	float: left;
	width: 55px;
	text-align: right;
	padding: 3px 10px 0px 0px;
}

.form_field
{
	float: left;
	padding-bottom: 5px;
	align:left;
}

.form_field_bot
{
	float: left;	
	width: 182px;
	padding-bottom: 0px;
}

.form_text
{
	
	width: 180px;
	border: 1px solid #839fbf;
	
}

.submit
{
	float: left;
	background-color: #a5a6a5;
	color: #ffffff;
	font-size: 11px;
	width: 182px;
	height: 19px;
	background-image: url(img/submit.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

.contact_contain_secondary
{
	float: left;
	width: 280px;
	}

#contact_secondary.form
{
	clear: both;
	float: left;
	width: 280px;
	border-left: 1px solid #c1c1c1;
	padding: 19px 0px 0px 20px;
}
.small
{font-family: verdana, sans-serif; font-size: 75%;
}

img.left
{
	float:left;
}

.dashedBotTop
{
	border-bottom:solid 5px #387A9B;
	border-top:dashed 2px black;
	z-index:5;
}

.dashedTop
{
	border-bottom:dashed 2px black;
}

#topNav
{
	margin:0 3%;
	padding:5px 0 28px;
	background:url(img/topnav.jpg) repeat-x;
	
	
}



A.submenulink
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #254887;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    TEXT-DECORATION: none
}
A.submenulink:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #254887;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    TEXT-DECORATION: none
}
TD.submenuA
{
    PADDING-RIGHT: 0em;
    BORDER-TOP: #cccccc 1px solid;
    PADDING-LEFT: 0em;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 1pt;
    COLOR: #ffffff;
    PADDING-TOP: 1pt;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BACKGROUND-COLOR: #ffffff;
    border-left:solid 10px #fb9d00;
}
TD.submenuAOver
{
    PADDING-RIGHT: 0em;
    BORDER-TOP: #cccccc 1px solid;
    PADDING-LEFT: 0em;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 1pt;
    COLOR: #ffffff;
    PADDING-TOP: 1pt;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BACKGROUND-COLOR: #f0f0f0;
    border-left:solid 10px black;
}
#quicksearch .bl {background: url(img/ul.gif) 0 100% no-repeat #fff; width:180px;   float:right}
#quicksearch .br {background: url(img/ur.gif) 100% 100% no-repeat;}
#quicksearch .tl {background: url(img/ol.gif) 0 0 no-repeat;}
#quicksearch .tr {background: url(img/or.gif) 100% 0 no-repeat; padding:2px 0 2px 0;}
#quicksearch .lupe {background:transparent url(img/iconSearch.gif) right 10% no-repeat; float:right; width:21px; outline:none !important;}
#quicksearch .lupe:hover { cursor:pointer;}

#quicksearch { border-top:1px solid #5F5F5F; border-bottom:1px solid #5F5F5F; padding:10px 0 10px 0; width:250px; margin:1px 0 10px 10px ; } 
#quicksearch p { margin:2px 0 0 0 !important; font-family: Helvetica, Verdana, Arial, sans-serif; font-size:1.1em; font-weight:bold; color:#ccc; text-transform:uppercase; display:block; float:left; padding:0;  }

#quicksearch input {border:none; width:110px; padding:0 0 0 8px; font-family:Arial, Helvetica, sans-serif; font-size:1.1em;  }
#quicksearch .lupe:active { outline:none !important; border : none !important;}
#quicksearch .clear {font-size: 1px; height: 1px}

.clearfix { display: block;  } 

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
  }
  
 .frmHeight
 {
 	height:1px;
 }

.contentDIV
{
	overflow-y:auto;
	width:100%;
	padding:10px;
	
}

.hidden
{
	display:none;
	height:1px;
}

.thumbnails
{
	border: solid 3px black;
}

.thumbnails:hover
{
	border:solid 3px #fb9d00;
	cursor:hand;
}

#content h3
{
	font-family:Verdana,Arial Narrow;
	color:#004da0;
}

.rightStrip
{
	background: url(img/yellowbg.gif) repeat-y;
	
}



#topTable
{
	z-index:3;
	width:100%;	
	position:absolute;
	height:100px;
	
	
}



#bottomTable
{
	z-index: 5;	
	height: expression(document.body.clientHeight - (135) + "px");
	padding:100px 0 0;
	
	
	
	width:85%;
}

#footer {
	background-color: #000000;
	color: #FFFFFF;
	filter: alpha(opacity=70);
	opacity: 0.70;
	position:fixed;
	bottom:0;
}

#footerwrap {width: 770px;}

#footercontent {
	padding: 12px;
	
	FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #ffffff;
}

div.infofloat{
	width:350px;
	margin-left:40px;
	padding:5px 0 5px 24px;
	border-left:10px solid #C2DCCE;
	font-weight:normal;
	font-style:normal;
		

	}


  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

</style><!-- main stylesheet ends, CC with new stylesheet below... -->

<!--[if IE]>

  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */

<![endif]-->