@import 'offers.css';
@import 'forms.css';
@import 'tabs.css';
@import 'navigation.css';


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

Author: 	Kevin Fawcett / kevin.fawcett@astadev.com
Type: 		Screen, Projection
Info:		Screen and projection stylesheet for Asta Development Plc	
Created:	29/10/2008
Modified:   

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





/* GLOBAL
--------------------------------------------- */
body {
	font-size: 70%;
	line-height: 1.7;
	font-family: Helvetica, Arial, sans-serif;
}

/* clear float rules defined early so they won't accidentally overwrite other possible declarations */
/* for modern browsers */
    .clearfix:after {
        clear: both;
        content: "'";
        display: block;
        font-size: 0; /* fix FF bug */
        height: 0;
        overflow: hidden;
        visibility: hidden;
        }
/* for IE7 */
    .clearfix { min-height: 0; }
/* for IE<7 \*/
    * html .clearfix { height: 1%; }
/* for IE-mac (snicker) */
    /*\*//*/ .clearfix { display: inline-table; } /**/



#siteContainer{width:950px; margin:0 auto; position: relative; }
	
#mainContent{ clear:both; margin:1em 0 0 0; }

input,textarea,select { font:1.0em Arial, Helvetica, sans-serif; }
img { display:block; border:0; }
p { padding:0 0 1.2em 0; margin:0; }
ul { list-style:none; padding:0; margin:0; }
object { position:relative; top:-1px; }


#hline { border-bottom:1px solid #DDD; margin-bottom:20px; }

#container { text-align:left;  margin:0 auto; width:953px; background:#FFF; position:relative; float: left;	}

#container a { text-decoration:none; color: #0080C0}
#container a:hover { text-decoration:underline; color:#333; }
#container a:visited { color:#0080C0; }


#containerBg { background:url(../images/containerBg.gif) top left repeat-x; }

#header { background: url(../images/headerBg.gif) top repeat-x; clear:both; }
#header .headerDiv { font-size:1.1em; text-align:left; margin:0 auto; width:950px; position:relative; left:6px; padding:20px 0; }
#header img { display:inline; }
#global { background:#261100; float:left; width:100%; }
#global a { color:#CCC; }
#global p { padding:5px 20px; }
#global div { font-size:1.1em; text-align:left; margin:0 auto; width:950px; position:relative; left:6px; }


#content { background:#ffffff top no-repeat; padding: 10px 10px 10px 12px; font-size:1.1em; }






#page-title { border-bottom:1px solid #DDD; margin-bottom:20px; position:relative; }


/* HOMEPAGE COPY
--------------------------------------------- */

#copy { float:left; width:924px; line-height:1.5em; color:#333; margin-bottom:40px; padding-top:1px; }
#copy p { padding-right:20px; padding-bottom:0.6em !important;  }
#copy ul { list-style:square; margin-bottom:1.2em; padding-left:20px; }

#copy a { text-decoration:underline; color: #0080C0}
#copy a:hover { color:#333; }
#copy a:visited { color:#0080C0; }
#copy img { position:relative; top:-1px; margin-bottom:7px; }



/* SUBPAGE COPY
--------------------------------------------- */

#subpgcopy { float:left; width:640x; line-height:1.5em; margin-bottom:40px; padding-top:1px; }

#subpgcopy a { text-decoration:none; color: #0080C0}
#subpgcopy a:hover { text-decoration: underline; color:#333; }
#subpgcopy a:visited { color:#0080C0; }
#subpgcopy img { position:relative; top:-1px; margin-bottom:7px; }


#copy ul { list-style:square; margin-bottom:1.2em; padding-left:20px; }

/* END MAIN COPY
--------------------------------------------- */




#col1 { width:166px; float:left; font-size:0.9em; line-height:1.5em; }
#col1 p { padding-bottom:0.6em; padding-top:3.6em; color:#666; }
#col1 strong { color:#333; }


#col2 { width:538px; float:left; margin-left:20px; }
#col2 div { padding-bottom:15px; }


#col3 { float:right; width:186px; font-size:0.9em; }

#col3 .options { border-top:7px solid #FFF; float:left; margin-bottom:0px !important; }
#col3 .options li { margin-right:0px !important; font-size:1.1em !important; }
#col3 .options strong a { top:2px; }
#col3 .optionsP { font-size:1.1em; position:relative; top:-7px; clear:both; }
#col3 .optionsP a { text-decoration:underline; }
#col3 .optionsP a:hover { color:#333; }
#footer { background:#ECECEC; padding:20px 20px 40px 20px; color:#999; }
#footer a { color:#999; }
#footer .siteby { float:right; position:relative; top:-29px; left:-50px; }
#filter { background:#CCC; margin-right:20px; font-size:0.9em; padding:7px 10px; margin-bottom:1px; clear:both; float:left; width:704px; }




#rotate { height:262px; position:relative; }
#rotate img { position:absolute; }




.callout a {
	display: block;
	float: left;
	background: url(../images/blueback.png) no-repeat 0 0;
	width: 174px;
	height: 180px;
	margin: 15px 0 15px 0;
	padding: 10px;
	font-size: 12px;
	line-height: 1.4em;
	text-decoration: none;
	color: #333333;
	overflow: hidden;
}
.callout a:hover {
	background: url(../images/blueback.png) no-repeat 0 -200px;
	text-decoration: none;
	color: #666666;
}
.callout .float-left {
	margin: 0 5px 0 0;
}
.callout strong {
	display: block;
	

	line-height: 1.7em;
}
.callout span {
	display: block;
	font-size: 1.1em;
}






.callout-webinar a {
	display: block;
	margin-top:20px;
	width: 192px;
	height: 67px;
	background: transparent url(../images/backgrounds/sidebar/sidebar-webinar.png) no-repeat 0 0;
	text-indent: -9999px;
}
.callout-webinar a:hover {
	background: transparent url(../images/backgrounds/sidebar/sidebar-webinar.png) no-repeat 0 -67px;
}



}

/* inline images
==============================================================================*/

img {
	border: 0; /* removes border in case images get have anchor around them */
}

.inlineImage {
	text-align: center;
	font: normal 1.0em 'lucida grande',tahoma,sans-serif;
	color: #999;
}

.inlineImage img {
	padding: 3px;
	/*border: 1px solid #ccc;*/
}

.noStyle img {
	padding: 0;
	border: 0 none;
}

.right {
	float: right;
	margin: 1.3em 0 0 2em;
}

.left {
	float: left;
	margin: 0.3em 1em 0em 0;
	padding-bottom:0em;
}

.center {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}




/* IMAGES
--------------------------------------------- */
img.float-left, li.float-left {
	float: left;
	margin: 0 20px 0 0;
	padding: 5px;
	}
img.float-right {
	float: right;
	margin: 0 0 0 20px;
	}

.pngfix {
	behavior: url(/js/iepngfix.htc);
	cursor: pointer;
}



#map { height:362px; width:724px; position:relative; top:-1px; }




#div {
	float:left;
	width: 550px;
	font: 14px bold Arial, Helvetica, sans-serif; 
	color: #333333; 
	line-height:1.8em;
	padding-bottom:0px;
	margin-left: 0;
	padding-top: 0px;
	list-style: none;
}
  
  ul.left {
    float: left;
	width: 250px; 
    margin: 0px;
    border: 0px none; 
    list-style-type: none;
    left: -10px;
  }
  
  ul.right {
    float: right;
    width: 260px; 
    margin: 0px;
    border: 0px none; 
    list-style-type: none;
  }
  
   ul.left li {
	padding-left: 30px;
	padding-top:5px;
	background-image: url(../images/icons/bullets/tick-check.png);
	background-repeat: no-repeat;
	background-position: 0 .7em;
  }
 
   ul.right li {
	padding-left: 30px;
	padding-top:5px;
	background-image: url(../images/icons/bullets/tick-check.png);
	background-repeat: no-repeat;
	background-position: 0 .7em;
  }

  
  .no-space {
    margin: 0px;
    padding: 0px;
  }




/* ----- CLASSES ----- */



div.highlights {
	margin-bottom: 30px;
	overflow: hidden;
}

div.highlights div.highlight {
	margin-right: 30px;
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #444;
}

div.highlights div.highlight img {
	margin-bottom: 5px;
}




.homeDiv1 { float: left; width:530px; margin-left:10px; margin-bottom:0px; margin-top:10px  }
.homeDiv1  h2 { 	font: 26px Arial, Helvetica, sans-serif; color: #618536; line-height:1.8em; padding-top:5px !important; padding-bottom:0px !important; }

.homeDiv2 { float:left; width:840px; margin-right:10px; }

.homeDiv3 { width:540px; float:left; padding-top:0px; padding-bottom:20px  }
.homeDiv3  h3 { font: 20px Arial, Helvetica, sans-serif; color: #618536; line-height:1.8em; !important; padding-bottom:0px !important; }

.homeDiv4 { width:900px; float:left  }

.SubDiv1 { float:left; width:525px; margin-left:10px; margin-right:10px; margin-top:10px; margin-bottom:10px;  }
.SubDiv1 a { color:#250F04; }
.SubDiv1 a:hover { text-decoration:none; }
.SubDiv1 .active { color:#00A9DD; text-decoration:none; }




.SubDiv2 { float:left; width:680px; margin-left:10px; margin-right:10px; margin-top:10px; margin-bottom:10px;  }
.SubDiv2 a { color:#250F04; }
.SubDiv2 a:hover { text-decoration:none; }
.SubDiv2 .active { color:#00A9DD; text-decoration:none; }



.SubDiv3 { float:left; width:915px; margin-left:10px; margin-right:10px; margin-top:10px; margin-bottom:10px;  }
.SubDiv3 a { color:#250F04;}
.SubDiv3 a:hover { color:#DDD; }
.SubDiv3 .active { color:#00A9DD;}



.SubDiv4 { float:left; width:650px; margin-left:10px; margin-right:10px; margin-top:10px; margin-bottom:10px;  }
.SubDiv4 a { color:#250F04; }
.SubDiv4 a:hover { text-decoration:none; }
.SubDiv4 .active { color:#00A9DD; text-decoration:none; }


.SubDiv5 { float:left; width:550px; margin-left:10px; margin-right:10px; margin-top:10px; margin-bottom:10px;  }
.SubDiv5 a { color:#250F04; }
.SubDiv5 a:hover { text-decoration:none; }
.SubDiv5 .active { color:#00A9DD; text-decoration:none; }


/* ----- HEADINGS ----- */

.SubDiv1 h1 { font-size:2em; color:#1D83BA;line-height:1.2em; font-weight:bold; left:0px; padding-top:5px !important; padding-bottom:12px !important; padding-right:86px !important; }

.SubDiv1 h2 { 	font: 20px Arial, Helvetica, sans-serif; color:#1D83BA; line-height:1.8em; padding-top:5px !important; padding-bottom:10px !important; padding-right:26px !important; }

.SubDiv1 h3 { font-size:1.4em; color:#1D83BA; line-height:1.8em; padding-top:5px !important; padding-bottom:0px !important; padding-right:86px !important; }





.SubDiv2 h1 { font-size:2em; color:#1D83BA;line-height:1.2em; font-weight:bold; left:0px; padding-top:5px !important; padding-bottom:12px !important; padding-right:86px !important; }

.SubDiv2 h2 { 	font: 20px Arial, Helvetica, sans-serif; color:#1D83BA; line-height:1.8em; padding-top:5px !important; padding-bottom:10px !important; padding-right:26px !important; }

.SubDiv2 h3 { font-size:1.4em; color:#1D83BA; line-height:1.8em; padding-top:5px !important; padding-bottom:0px !important; padding-right:86px !important; }



.SubDiv3 h1 { font-size:2em; color:#1D83BA;line-height:1.2em; font-weight:bold; left:0px; padding-top:5px !important; padding-bottom:12px !important; padding-right:86px !important; }

.SubDiv3 h2 { 	font: 20px Arial, Helvetica, sans-serif; color:#1D83BA; line-height:1.8em; padding-top:5px !important; padding-bottom:10px !important; padding-right:26px !important; }

.SubDiv3 h3 { font-size:1.4em; color:#1D83BA; line-height:1.8em; padding-top:5px !important; padding-bottom:0px !important; padding-right:86px !important; }

.SubDiv3 h4 { font-size:1.2em; color:#1D83BA;line-height:1.2em; font-weight:bold; padding-top:5px !important; padding-bottom:0px !important; padding-right:10px !important; }








#horiz { width: 625px; border-bottom: 1px dotted #666666; padding-top:20px; margin-bottom:10px; }





#bullets { width: 465px; padding-top:0px; padding-bottom:15px; }
#bullets a { display: block; padding-top: 5px; text-decoration:none; }
#bullets a:hover{ display: block; padding-top: 5px; background:none; text-decoration:underline; }


#SubDiv1_navlist
{
margin-left: 0;
padding-top: 0px;
list-style: none;
}

#SubDiv1_navlist li
{
padding-left: 30px;
padding-top:5px;
background-image: url(../images/icons/bullets/green_tick.png);
background-repeat: no-repeat;
background-position: 0 .7em;
}


#SubDiv1_navlist li.indent
{
padding-left: 50px;
padding-top:5px;
background-image: url(../images/icons/bullets/green_tick.png);
background-repeat: no-repeat;
background-position: 0 .7em;
}





#bullets_lghtblue { width: 465px; padding-top:0px; padding-bottom:10px; }
#bullets_lghtblue a { display: block; padding-top: 5px; text-decoration:none; }
#bullets_lghtblue a:hover{ display: block; padding-top: 5px; background:none; text-decoration:underline; }



#bullets_lghtblue_navlist
{

margin-left: 15px;
padding-top: 0px;
list-style: none;
}

#bullets_lghtblue_navlist li
{
padding-left: 30px;
background-image: url(../images/icons/bullets/lightblue-bullet.gif);
background-repeat: no-repeat;
background-position: 0 .7em;
}


#bullets_indent_navlist
{
margin-left: 35px;
padding-bottom:10px;
padding-top:10px;
list-style: none;
}

#bullets_indent_navlist li
{
padding-left: 30px;
padding-right:20px;
background-image: url(../images/icons/bullets/bullet-green.png);
background-repeat: no-repeat;
background-position: 0 .7em;
}



#bullets_orangearrow { width: 100%; padding-top:0px; padding-bottom:20px; }
#bullets_orangearrow a { display: block; padding-top: 5px; text-decoration:none; }
#bullets_orangearrow a:hover{ display: block; padding-top: 5px; background:none; text-decoration:underline; }


#bullets_orangearrow_navlist
{
margin-left: 0px;
padding-top: 10px;
list-style: none;
}

#bullets_orangearrow_navlist li
{
padding-left: 30px;
background-image: url(../images/icons/bullets/orange-arrow.gif);
background-repeat: no-repeat;
background-position: 0 .7em;
}





#SubPgNav { 
	width: 300px;
	padding-top:10px;
	padding-bottom:20px;
	}


#SubPgNav ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;

}


#SubPgNav li a:hover
{
background-color: #19B3E6;
color: #fff;


}

#SubPgNav a
{
display: block;
width: 290px;
background-color: #fff;
padding: 5px;
border-bottom: 1px dotted #666666;
text-decoration:none;

}












.site-map h2 { display:none; }











#home-projects {
	position:absolute;
	width:186px;
	top:495px;
	left: 757px;
}



.options { padding:0px !important; margin:0px 0 10px 0 !important; list-style:none !important; float:left; }
.options li { float:left; margin:0 20px 20px 0; position:relative; width:166px; height:83px; }
.options a { text-decoration:none !important; }

.options a span { position:absolute; line-height:2.8em; font-size:0.9em; padding:3px 31px 5px 10px; background:#000; font-weight:bold; color:#FFF; display:block; width:146px; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }

.options a:hover span { background:#00a9dd; opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); }

.options strong a { position:absolute; top:3px; line-height:1.2em; left:10px; color:#FFF !important; font-size:0.9em; text-decoration:none !important; width:146px; display:block; }

.options b { position:relative; top:-100000px; }
.options img { position:static !important; }









.icon-left {
	float: left;
	margin: 5px 10px 10px 0;
	}

.icon-right {
	float: right;
	margin: 5px 30px 10px 0;
	}

/* footer
==============================================================================*/


#footer-text {
	position:absolute;
	width:186px;
	top:-48px;
	left: 28px;
	padding-left:70px;
	font-size: 1.2em;
	font-weight: normal;
	color: #333333;
	background-image:url(../images/footer_explore_txt.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
}





/*Global Footer
---------------------------------- */

#footerwrapper {
	position: relative;
	margin: auto;
	width: 953px;
}

#footer {
	position: relative;
	clear: both;
	margin-top: 30px;
	padding: 50px;
	background: #51473d url(../images/footer.png) repeat-y;
}



#footerwrapper ul{
	float:left;
	margin:.5em 1em;
	width:200px;
	}
#footerwrapper ul li{
	list-style:none;
	margin:.4em 0 0 2em;
	}

#footerwrapper ul li a{
	text-decoration:none;
	}
	
#footerwrapper ul li a:hover{
	text-decoration: underline;
	color:#0066CC;
	}
#footerwrapper ul li.footerHeading{
	background: url(../images/footerlistheads.png) no-repeat center center;
	font-weight:bold;
	text-align:center;
	line-height:3em;
	margin: 0;
	}



/*	---------------------------------------------------------------
	GET INVOLVED PANEL
	------------------------------------------------------------ */	
	

	#sidebar1 { float: right; margin-right: 65px 0; width: 165px; margin-top: 17px;  }

	#sidebar2 { float: right; margin: 45px 0; width: 305px; margin-top: 17px;  }
	
	#sidebar { float: right; margin: 45px 0; width: 192px; margin-top: 17px; }
	
	#sidebar3 { float: right; margin: 15px 0; width: 230px; margin-top: 17px; }

	#getinvolved { background: #fff url(../images/getinvolved/involved_bg.jpg) no-repeat 0 0; }

	#getinvolved p { margin: 0 12px; }	
	
	
	#getinvolved h2 {
	background: url(../images/getinvolved/involved_title.jpg) no-repeat 0 0;
	height: 36px;
	text-indent: -9999px;
	}
	
	
	#getinvolved p.intro {
	font-size: 1em;
	line-height: 120%;
	padding-left: 0;
	margin-bottom: 0;
	}
	

#getinvolved ul {
	background: url(../images/getinvolved/involved_btm.jpg) no-repeat 0 100%;
	padding: 0 12px 28px;
	margin: 0;
	list-style: none;
	list-style-image: none;
	}
#getinvolved li {
	margin: 10px 0 0;
	padding: 16px 5px 5px 0;
	background: none;
	border-top: 1px solid #ccc;
	}
#getinvolved li a.subscribe, #getinvolved li a.signup, #getinvolved li a.event {
	display: block;
	width: 147px;
	height: 48px;
	margin: 10px 0 0;
	padding: 0;
	background: none;
	text-indent: -9999px;
	}
#getinvolved li a.subscribe {
	background: url(../images/getinvolved/involved_subscribe.png) top left no-repeat;
	}
#getinvolved li a.signup {
	background: url(../images/getinvolved/involved_signup.png) top left no-repeat;
	}
#getinvolved li a.event {
	background: url(../images/getinvolved/invoved_register_button.png) top left no-repeat;
	}
#getinvolved li a:hover {
	background-position: 0 -56px;
	}
	
	
	

/*	---------------------------------------------------------------
	Secondary Navigation
	------------------------------------------------------------ */	

#leftCol{
	width:185px;
	float:left;

	}



#navcontainer { 
	width: 165px;
	padding-top:20px
}


#navcontainer img{ 
	margin-bottom:-6px;
border-bottom 1px dotted #666666;}


#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;

}

#navcontainer li a.live{
background-color: #19B3E6;
color: #fff
}



#navcontainer li a:hover
{
background-color: #19B3E6;
color: #fff;


}


#navcontainer a
{
display: block;
width: 155px;
background-color: #fff;
padding: 5px;
border-bottom: 1px dotted #666666;


}



#navcontainer a:link, #navlist a:visited
{
color: #19B3E6;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #19B3E6;
color: #fff;

}








#navcontainerbottom ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}


#navcontainerbottom p
{
display: block;
padding: 5px;
width: 155px;
color:#FFFFFF;
background-color: #333333;
border-bottom: 1px solid #FFFFFF;
}


#navcontainerbottom a
{
display: block;
padding: 5px;
width: 155px;
background-color:#F0F0F0;
border-bottom: 1px solid #FFFFFF;
}

#navcontainerbottom a:link, #navlist a:visited
{
color: #19B3E6;
text-decoration: none;

}

#navcontainerbottom a:hover
{
background-color: #19B3E6;
color: #fff;
}










/* #############  Thumbs Navigation  ###################### */

#Thumbscontainer { 
	width: 505px;
	padding:5px;
	background-color:#E5F1F4;
}



#Thumbscontainer a img.example1 {
	border: 7px solid #fff;
	margin: 2px;
}

#Thumbscontainer a:hover {
background:none;

}

#Thumbscontainer a:hover img.example1 {
	border: 7px solid #ccc;
}







/* PROMOFOOTER */
#promofooter { margin-top: 15px; background: url(../images/promos/democentre_background.png) no-repeat 0 100%; zoom: 1; }
#promofooter:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
#promofooter img { display: block;}

#promofooter ul#promos { background: url(../images/promos/democentre_top_background.png) no-repeat; margin-bottom: 0; width: 860px; padding: 27px 15px 0; }
#promofooter ul#promos li.promo, 
#promofooter ul#promos li.buy { position: relative; float: left; width: 169px; padding-right: 38px; margin-top: -38px; margin-bottom: -2px; }

#promofooter ul#promos li p { margin-bottom: 0; }
#promofooter ul#promos li.promo:hover p a { color: #08c; }
#promofooter ul#promos li.promo:hover a.more { text-decoration: underline; }

#promofooter ul#promos li h4 a { display: block; padding-left: 0px; padding-right: 12px; text-align: centre; }

#promofooter ul#promos li p a,
#promofooter ul#promos li ul { display: block; padding-left: 25px; padding-right: 12px; text-align: left; }


#promofooter ul#promos li p a, #promofooter ul#promos li ul a { color: #252525; font-size: 17px; background:none;}
#promofooter ul#promos li p a, #promofooter ul#promos li ul a:hover { text-decoration: none; background:none; }


#promofooter ul#promos li h4 a { color: #252525; font-size: 14px; padding-top: 17px; background:none;  }
#promofooter ul#promos li h4 a:hover { text-decoration: none; }
#promofooter ul#promos li p a { color: #797c80; font-size: 12px; line-height: 16px; padding-bottom: 10px; padding-right: 0px; }
#promofooter ul#promos li p a.more {  padding-bottom:1px; display:inline; color:#0088CC; }
#promofooter ul#promos li p a:hover { color: #08c; text-decoration: none; }

#promofooter ul#promos li p.last a { padding-bottom: 4px; }
#promofooter ul#promos li.bleed p.last a { padding-left: 0; padding-right: 0; }








.sidebar {
	float: left;
	width: 192px;
	margin: 0 0 60px 5px;
	}
.sidebar form input.input, form input.textarea {
	width: 215px;
	}


.sidebar h1 { font-size:2em; color:#19B3E6;line-height:1.2em; font-weight:bold; left:0px; padding-top:5px !important; padding-bottom:5px !important; padding-right:86px !important; }

.sidebar h2 { 	font: 14px Arial, Helvetica, sans-serif; color: #333333; font-weight:bold; padding-top:15px !important; padding-bottom:5px !important; padding-right:26px !important; }

.sidebar h3 { font-size:1.4em; color:#894172;line-height:1.2em; font-weight:bold; padding-top:5px !important; padding-bottom:0px !important; padding-right:86px !important; }







/* BORDERS */
.border-top {
	border-top: solid 1px #eaeaea;
	margin-top: .5em;
	}
.border-bottom {
	border-bottom: solid 1px #eaeaea;
	margin-bottom: .5em;
	}
.border-bottom-sidebar {
	border-bottom: solid 1px #FFFFFF;
	margin-bottom: 1.5em;
	}
	
.border-left {
	border-left: solid 1px #eaeaea;
	}
.border-right {
	border-right: solid 1px #eaeaea;
	}
.border {
	border: solid 1px #eaeaea;
	}
.noborder {
	border: none;
}





/* GLYPHS */

#content ul.files li {
	background: none;
	padding: 0 0 8px 0;
	clear: both;
	}

#content ul.files li p {
	display: block;
	padding: 0 0 0 10px;
	height: auto;
	margin-top: 0;
	width: auto;
	line-height: inherit;
	text-decoration:none;
	}
	
#content ul.files li a {
	display: block;
	padding: 0 0 0 20px;
	background: url(../images/icons/arrow-link.png) no-repeat left top;
	height: auto;
	margin-top: .5em;
	width: auto;
	line-height: inherit;
	text-decoration:none;
	}
#content ul.files li a:hover {
	background-repeat: no-repeat;
	text-decoration: underline;
	color:#0080C0;

}

#content ul.files li a.doc {
	background-image: url(../images/icons/glyph-document.png);
}

#content ul.files li a.video {
	background-image: url(../images/icons/glyph-video.png);
}

#content ul.files li a.kit {
	background-image: url(../images/icons/glyph-kits.png);
}













/* #############  Partners Homepage  ###################### */


.twocol h2 { font-size:1.4em; color:#894172;line-height:1.2em; font-weight:bold; padding-top:5px !important; padding-bottom:10px !important; padding-right:6px !important; }	


.twocol h2 a {
	display: block;
	padding: 0 0 0 0px;
	height: auto;
	margin-top: .5em;
	width: auto;
	line-height: inherit;
	text-decoration:none;
	}
.twocol h2 a:hover {
	background-repeat: no-repeat;
	text-decoration: underline;
	color:#0080C0;

}


.twocol{
	float: left;
	display: inline;
	width: 100%;
	clear: both;

	padding: 0px 0 0 0;
	margin: 0 0 30px 0;
	}
	
	
.twocol1, .twocol2, .twocol3, .twocol4 {
	float: left;
	display: inline;
	}
	
	
.twocol1 {
	width: 100%;
	}
	
.twocol1, .twocol2, .twocol3, .twocol4 {
	width: 35%;
	margin: 0 15% 0 0;
	}


/* #############  End Partners Homepage  ###################### */




/*.twocol label,input {
display: block;
width: 150px;
float: left;
margin-bottom: 10px;
}
 
.twocol label {
text-align: right;
width: 75px;
padding-right: 20px;
}
 
br {
clear: left;
}
*/










.threecol {
	background: url(../images/backgrounds/bg-fourol.gif) no-repeat 0 -30px;
	}

.threecol h2 { font-size:1.1em; color:#894172;line-height:1.2em; font-weight:bold; padding-top:5px !important; padding-bottom:10px !important; padding-right:6px !important; }	


.threecol h2 a {
	display: block;
	padding: 0 0 0 20px;
	background: url(../images/icons/arrow-link.png) no-repeat left top;
	height: auto;
	margin-top: .5em;
	width: auto;
	line-height: inherit;
	text-decoration:none;
	}
.threecol h2 a:hover {
	background-repeat: no-repeat;
	text-decoration: underline;
	color:#0080C0;

}


.threecol{
	float: left;
	display: inline;
	width: 100%;
	clear: both;

	padding: 0px 0 0 0;
	margin: 0 0 30px 0;
	}
	
	
.col1, .col2, .col3, .col4 {
	float: left;
	display: inline;
	}
	
	
.col1 {
	width: 100%;
	}
	
.col1, .col2, .col3, .col4 {
	width: 22%;
	margin: 0 3% 0 0;
	}










.offerscol {
	background: url(../images/backgrounds/bg-threecol-wide.gif) no-repeat 0 -30px;
	}

.offerscol h2 { font-size:1.1em; line-height:1.2em; font-weight:bold; padding-top:5px !important; padding-bottom:10px !important; padding-right:6px !important; }	


.offerscol h2 a {
	display: block;
	padding: 0 0 0 20px;
	background: url(../images/icons/arrow-link.png) no-repeat left top;
	height: auto;
	margin-top: .5em;
	width: auto;
	line-height: inherit;
	text-decoration:none;
	}
.offerscol h2 a:hover {
	background-repeat: no-repeat;
	text-decoration: underline;
	color:#0080C0;

}


.offerscol{
	float: left;
	display: inline;
	width: 100%;
	clear: both;

	padding: 0px 0 0 0;
	margin: 0 0 10px 0;
	}
	
	
	
	
	.offerscol1, .offerscol2, .offerscol3, .offerscol4 {
	float: left;
	display: inline;
	}
	
	
.offerscol1 {
	width: 100%;
	}
	
.offerscol1, .offerscol2, .offerscol3, .offerscol4 {
	width: 28%;
	margin: 0 3% 0 0;
	}



	
	


p.introduction:first-letter {
font-size : 300%;
font-weight : bold;
float : left;
width : 1em;
}






.roundcont {
	width: 350px;
	background-color: #f90;
	color: #fff;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url(../images/corners/tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(../images/corners/br.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}















/*=== Post ===*/

.date-comments{
	border-bottom: 1px solid #cacaca;
	color: #999999;
	font-size: 11px;
	height: 30px;
	line-height: 25px;
	margin: 0 0 2px;
}
.date-comments a { 	color: #999999; }

#centercol .date-comments p{
	line-height: 25px;
}
span.comments{
	background: url(../images/icons/ico-comments.gif) no-repeat left;
	padding: 0 0 0 20px;
}
span.continue{
	background: url(../images/icons/bullets/ico-continue-trans.png) no-repeat left;
	padding: 1px 0 1px 20px;
	line-height:20px;
}





/*=== Styling Boxes ===*/

/*- Box (main column boxes) -*/
.box, .widget{
	background: #FFFFFF url(../images/boxes/bgr-box-trans.png) repeat-x top left;
	width:544px;
	border:1px solid #999999;
	margin: 0 0 15px 0px;
	padding:18px;
	text-decoration:none;
}
.box img { 
	border: 1px solid #999999;
	margin: 0 0 10px 0;
}
.box p{
	line-height: 18px;
	padding: 0 0 10px;
}





/*- Box (main column boxes) -*/
.box1{
	background: #FFFFFF url(../images/boxes/bgr-box-trans.png) repeat-x top left;
	width:164px;
	border:1px solid #999999;
	margin: 0 0 0px 0px;
	padding:15px;
	text-decoration:none;
}
.box1 img { 
	border: 1px solid #999999;
	margin: 0 0 10px 0;
}
.box1 p{
	line-height: 18px;
	padding: 0 0 10px;
}


.box1 h2 { 
	font-size:15px;
	padding-bottom:10px;
	color:#19B3E6;
}














/*=== Misc. ===*/

.fix{
	clear: both;
	height: 1px;
	margin: 0 0 -1px;
	overflow: hidden;
}
.fl{
	float: left;
}
img.fl{
	margin: 0 12px 5px 0;
}
.fr{
	float: right;
}
.ac{
	text-align: center;
}
.ar{
	text-align: right;
}
.gravatar {
	float:left;
	border: 1px solid #DEDBD1;
	margin: 0px 7px 0 0;
	padding:4px;
	background:#FFFFFF;
}





/*- Box2 (sidebar boxes) -*/
.box2{
	background: #f5f4f0 url(../images/boxes/bgr-box-trans.png) repeat-x top left;
	margin: 0 0 15px 0px;
	padding:18px;
	border:1px solid #dedbd1;
}
.box2 .nav1{
	float: none;
	padding: 0 0 0 0px; 
}	
.box2 .spacer.white{
	background: #ffffff;
	border: 1px solid #dedbd1;
	clear: both;
	margin: 0px;
}
.box2 .spacer.flickr img{
	background: #ffffff;
	border: 1px solid #dedbd1;
	margin: 4px 9px 4px 0px;
	padding: 7px;
}
.box2 .spacer.flickr img:hover{
	background: #ebe9e1;
	border: 1px solid #dedbd1;
}









/*- SideTabs -*/
.idTabs{
	font-size: 12px;
	float:left;
	margin: 0 0 8px 0;
}
.idTabs li{
	float:left;
}
.idTabs li a{
	background:#ffffff;
	color:#363636;
	font-weight:bold;
	padding:5px 8px;
	display: block;
	margin: 0 7px 0 0;
	text-align: left;
	border: 1px solid #dedbd1;
}
.idTabs li.last a{
	margin: 0
}
.idTabs li a:hover,
.idTabs .selected{
	background:#ebe9e1;
	text-decoration: none
}









/*=== Styling Lists ===*/

/*- List1 -*/
.list1{
	padding: 0;
	padding: 15px;
}
.list1 li{
	background: url(../images/bullets/ico-star-trans.png) no-repeat top left;
	margin: 0 0 8px;
	padding: 0 0 0 22px;
}
.list1 li a{
	color:#222222;
}
/*- List2 -*/
.list2{
	clear: both;
}
.list2 li{
	background: #ffffff;
	border: 1px solid #dedbd1;
	margin: 0 0 5px;
	padding: 12px 10px;
}
.list2 p {
	line-height:16px;
}











/*========= VIDEO =========*/

.video{
	height: 250px;
	margin: 0 0 10px 0;
	width: 300px;
	display: inline;
}

/*- SideTabs -*/
.vidtabs .idTabs{
	font-size: 12px;
	margin: 10px 0 0 0;
	width:100%;
	float:none;
}
.vidtabs .idTabs li{
	padding:0px;
	float:none;
}
.vidtabs .idTabs li a{
	background:#ffffff;
	color:#363636;
	font-weight:bold;
	padding:5px 8px;
	display: block;
	text-align: left;
	border:0px;
	margin:0;
}
.vidtabs .idTabs li.last a{
	margin: 0
	text-decoration: none;
	
}
.vidtabs .idTabs li a:hover,
.vidtabs .idTabs .selected{
	background:#ebe9e1;
	text-decoration: line-through;
}








.meta {
width:400px;
    padding:        10px;
    margin:         20px 0;
}

.meta-item {
    padding:        5px 0;
}





blockquote {
    width: 300px;
	background: #c8f0fa url(../images/boxes/blockquote.png) no-repeat left top;
    color: #6a6a6a;
	padding-top: 30px;
	padding-left: 20px;
	padding-bottom:10px;
	padding-right:20px;
}

blockquote,
{
    font:           normal 3em/1em Georgia, 'Times New Roman', serif;
}


blockquote {
    font-size:      1.2em;
}
blockquote,
{
    line-height:    1.4em;
}


blockquote p {
    font-style:     italic !important;
}











blockquote2 {
	background: url(../images/backgrounds/quote-left.png) no-repeat 0 0;
	padding: 0 0 0 45px;
	font-size: 1.5em;
	margin: 20px 20px 30px 20px;
	color: #666;
	line-height:25px
}
blockquote2 img {
	margin: -5px 0 -10px 4px;
	}
blockquote2 em.attribution {
	font-size: .6em;
	}
	
	
	
	
	
	






.author-info{background:#fff; border:1px dotted #c5c3c6; color:#968b98; float:right; font-size:11px; margin:0 0 18px 36px; padding:12px 12px 8px 12px; text-transform:uppercase;}
.author-info p{margin-bottom:0;}
.author-info:hover a,
.author-info a:hover{background:url('../img/btn_hcard.png') no-repeat right center;}
.author-info img{margin-bottom:1px;}
.author-info a{display:block;}
.author-info .org,
.author-info .adr{display:none;}












/* --------  BUTTON -------- */


a.button{
	background:url(../images/buttons/button.gif);
	display:block;
	color:#555555;
	font-weight:bold;
	height:30px;
	line-height:29px;
	margin-bottom:14px;
	text-decoration:none;
	width:191px;
}
a:hover.button{
	background:url(../images/buttons/button-hover.gif);
	text-decoration:none;
	color:#0066CC;
}

/* -------------------- */
/* CLASSES				*/
/* -------------------- */
	.add{
		background:url(../images/buttons/add.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.delete{
		background:url(../images/buttons/delete.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.user{
		background:url(../images/buttons/user.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.alert{
		background:url(../images/buttons/alert.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.msg{
		background:url(../images/buttons/msg.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.download{
		background:url(../images/buttons/download.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}

	.lens{
		background:url(../images/buttons/lens.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.info{
		background:url(../images/buttons/info.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}





.icon {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left center;
	background-position-y: top;
}


	




/*--- actions ---*/
.pdf { background-image: url(../images/icons/pdf.gif) }

.add { background-image: url(../images/icons/add.gif) }

.doc { background-image: url(../images/icons/glyph-document.png) }

.alert { background-image: url(../images/icons/alert.gif) }

.buy { background-image: url(../images/icons/buy.gif) }

.call { background-image: url(../images/icons/call.gif) }

.checkout { background-image: url(../images/icons/secure.gif) }

.contact { background-image: url(../images/icons/email.gif) }

.delete { background-image: url(../images/icons/delete.gif) }


.edit { background-image: url(../images/icons/edit.gif) }

.emailicon { background-image: url(../images/icons/email.gif) }

.enroll { background-image: url(icon/enroll.gif) }

.help { background-image: url(icon/help.gif) }

.info { background-image: url(../images/icons/info.gif) }

.launch { background-image: url(icon/launch.gif) }

.listen { background-image: url(icon/listen.gif) }

.locked { background-image: url(../images/icons/secure.gif) }

.nav-up { background-image: url(icon/ascend.gif) }

.print { background-image: url(icon/print.gif) }

.search { background-image: url(../images/icons/search.gif) }

.subtract { background-image: url(../images/icons/subtract.gif) }

.try { background-image: url(icon/try.gif) }

.upgrade { background-image: url(icon/upgrade.gif) }









#content div.commentEntry p {
overflow: auto;
}



/*Comments and Tracks*/

div.commentEntry {
	margin: 0em 0 1em;
}
div.commentBody {

	background: #f0f0e8;
	padding: .5em 15px;
	border-top: 1px solid #e0e0cf;
}

#content div.commentEntry p {
	padding:.5em 0 1em;
	font-size: 1.3em;
}




#content div.commentEntry p.posted {
font-weight: bold;
font-style: italic;
color: #a8a87f;
font-size: 1.2em;
text-indent: 20px;
padding-top: .5em;
background: url(../images/boxes/bg_contact_q_r.gif) 10px -1px no-repeat;
margin-top: 0;
border-top: 5px solid #e0e0cf;
}

#content div.fg p.posted {
border-top-color: #a0cf87;
color: #666;
background: url(../images/boxes/bg_contact_q_fg.gif) 10px -1px no-repeat;
}





































/*-- Sub Page Slide Styles and rules --*/

.loading {
left: 350px;
position: absolute;
top: 80px;
}

#slide_holder {
	position: relative;
	background: #ededed;
	height: 245px;
	overflow: hidden;
	width: 903px;
	right: 8px;
	left: 10px;
	margin-bottom:20px;
	margin-top:20px;
/* -- width: 1533px; */
z-index: 1000;
}

#slide_holder_thin {
	position: relative;
	background: #ededed;
	height: 140px;
	overflow: hidden;
	width: 903px;
	right: 8px;
	left: 10px;
	margin-bottom:0px;
	margin-top:20px;
/* -- width: 1533px; */
z-index: 1000;
}


#slide_holder_small {
	position: relative;
	background: #ededed;
	height: 245px;
	width: 903px;
	right: 8px;
	left: 10px;
	margin-bottom:20px;
	margin-top:20px;
/* -- width: 1533px; */
z-index: 1000;
}

#slide_holder_extra_small {
	position: relative;
	background: #ededed;
	height: 124px;
	overflow: hidden;
	width: 660px;
	right: 8px;
	left: 10px;
	margin-bottom:20px;
	margin-top:20px;
/* -- width: 1533px; */
z-index: 1000;
}


#slide_holder_small_banner {
	position: relative;
	background: #ededed;
	height: 152px;
	overflow: hidden;
	width: 483px;
	right: 8px;
	left: 0px;
	margin-bottom:20px;
	margin-top:20px;
/* -- width: 1533px; */
z-index: 1000;
}


#slide_holder_email_banner {
	position: relative;
	background: #ededed;
	height: 173px;
	overflow: hidden;
	width: 483px;
	right: 8px;
	left: 0px;
	margin-bottom:20px;
	margin-top:20px;
/* -- width: 1533px; */
z-index: 1000;
}

#slide_holder_small_div5 {
	position: relative;
	background: #ededed;
	height: 124px;
	overflow: hidden;
	width: 450px;
	right: 8px;
	left: 0px;
	margin-bottom:20px;
	margin-top:20px;
/* -- width: 1533px; */
z-index: 1000;
}


#slide_holder_small_div4 {
	position: relative;
	background: #ededed;
	height: 124px;
	overflow: hidden;
	width: 900px;
	right: 8px;
	left: 0px;
	margin-bottom:20px;
	margin-top:20px;
/* -- width: 1533px; */
z-index: 1000;
}




#slide_holder_inner {
height: 238px;
left: 7px;
overflow: hidden;
position: absolute;
top: 8px;
width: 511px;
z-index: 2000;
}

/*-- for slide divs --*/

#slide_holder_inner div {
position: absolute;
}
/*-- for divs in html slides to position relative --*/
div#slide_holder_inner div.slide div {
position: relative;
}
div#carousel_controls {
background-image: url(images/bg_controls.png);
background-position: 0 0;
background-repeat: no-repeat;
height: 30px;
width: 511px;
z-index: 4000;
}

/*-- for slide buttons --*/

#slide_buttons li:hover, #pause_button, .prev_button, .next_button, #first_button, #last_button {
cursor: pointer;
cursor: hand;
z-index: 5000;
}
#slide_buttons li span, #pause_button span, .prev_button span, .next_button span, #first_button span, #last_button span, #hover_next_button span, #hover_prev_button span, #water_mark span {
margin-left: -10000px;
}
#slide_buttons li, #pause_button, .prev_button, .next_button, #first_button, #last_button, #water_mark {
background-repeat: no-repeat;
overflow: hidden;
top: 0px;
}
ul#slide_buttons {
padding: 15px 7px 15px 15px;
position: absolute;
left: 250px;
top: -7px;
z-index: 5000;
}
ul#slide_buttons li {
background-image: url(images/button.png);
display: block;
float: left;
height: 9px;
list-style: none;
margin: 0 0 0 3px;
padding: 2px;
width: 10px;
}
ul#slide_buttons li:hover {
}
ul#slide_buttons li#button_selected {
background-image: url(images/button_selected.png);
}
ul#slide_buttons li#button_selected:hover {
}
/*-- first & last buttons --*/

#first_button {
background-image: url(images/first.png);
height: 29px;
left: 354px;
width: 34px;
}
#first_button:hover {
background-image: url(images/first_hover.png);
}
#last_button {
background-image: url(images/last.png);
height: 29px;
left: 474px;
width: 34px;
}
#last_button:hover {
background-image: url(images/last_hover.png);
}

/*-- end first & last buttons --*/

/*-- next & prev buttons --*/
#nex_prev_buttons {
position: absolute;
left: 0;
z-index: 5000;
}
#next_button {
background-image: url(images/next.png);
height: 29px;
left: 443px;
width: 31px;
}
#next_button:hover {
background-image: url(images/next_hover.png);
}
#prev_button {
background-image: url(images/prev.png);
height: 29px;
left: 388px;
width: 31px;
}
#prev_button:hover {
background-image: url(images/prev_hover.png);
}
/*-- end next & prev buttons --*/


/*-- looks like pause button --*/
.pause_button {
background-image: url(images/pause.png);
height: 29px;
left: 419px;
width: 24px;
}
.pause_button:hover {
background-image: url(images/pause_hover.png);
}
/*-- looks like play button --*/
.paused_button {
background-image: url(images/play.png);
height: 29px;
left: 419px;
width: 24px;
}
.paused_button:hover {
background-image: url(images/play_hover.png);
}

/*-- hover next & hoverprev buttons --*/

#hover_next_button, #hover_prev_button {
height: 125px;
background-repeat: no-repeat;
overflow: hidden;
width: 77px;
top: 35px;
z-index: 6000;
}
#hover_next_button span {
}
#hover_next_button {
background-image: url(images/hover_next.png);
background-position: 21px 35px;
padding: 30px 0 30px 30px;
right: 0;
}
#hover_prev_button {
background-image: url(images/hover_prev.png);
background-position: 8px 35px;
padding: 30px 30px 30px 0;
left: 0;
}

/*-- end next & prev buttons --*/

/*-- rules for slide captions --*/

#slide_captions {
color: #333;
left: 8px;
overflow: visible;
top: 5px;
z-index: 6000;
}
#slide_captions span {
font-family: Tahoma;
font-size: 15px;
height: 20px;
line-height: 20px;
overflow: visible;
}

/*-- end rules for slide captions --*/

/*-- rules for watermark --*/

#water_mark {
background-image: url(images/water_mark.png);
height: 30px;
left: 202px;
width: 246px;
top: 208px;
z-index: 6000;
}

#water_mark span {
}

/*-- end rules for slide captions --*/

/*-- slide number display --*/

#slide_number_display {
background-image: url(images/bg_swatch.png);
background-position: 0 0;
background-repeat: no-repeat;
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
height: 23px;
padding: 4px;
right: 7px;
text-align: center;
top: 208px;
width: 37px;
z-index: 5000;
}

/*-- for carousel view --*/

#row_of_slides {
position: absolute;
top: 0;
}
#row_of_slides .slide {
position: absolute;
}
				

/* Accordian
--------------------------------------------- */

.accordion {
	width: 380px;
	border-bottom: solid 1px #c4c4c4;
}
.accordion h3 {
	background: #e9e7e7 url(../images/icons/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}
.accordion h3:hover {
	background-color: #e3e2e2;
}
.accordion h3.active {
	background-position: right 5px;
}
.accordion p {
	background: #f7f7f7;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}





#wrap {
	max-width:20em;
}
#wrap {width:20em}
/* Default CSS
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:1em 0;
	padding:0 10px;
	border:1px solid #666;
	background:#fff;
}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1px Arial, Helvetica, sans-serif;
}
/* Normal styling */
.cb {margin:10px 0;}
	/* Top corners and border */
.bt {
	height:17px;
	margin:0 0 0 18px;
	background:url(../images/boxes/box.png) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background:url(../images/boxes/box.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:14px;
	margin:0 0 0 12px;
	background:url(../images/boxes/box.png) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url(../images/boxes/box.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 12px;
	background:url(../images/boxes/borders.png) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 12px 0 0;
	background:url(../images/boxes/borders.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#fff;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */

/* Custom CSS
================================================*/
/* You can use different borders for different boxes on the same page. Just adjust the CSS. Here are a few examples, one of which uses the GIF images instead of the PNG images. Note that you can also adjust borders, heights and paddings this way. Remember to adjust the IE CSS as well. */

.one {
	position:absolute;
	top:0;
	right:0;
}
.two {
	float:left;
	width:45%;
}
.two .i1,
.two .i2 { background-image:url(../images/boxes/borders.gif); }
.two .bt,
.two .bt div,
.two .bb,
.two .bb div { background-image:url(../images/boxes/box.gif); }
#three {
	float:left;
	clear:both;
	width:80%;
}
#three .cb {
	float:left;
	width:40%;
}
.button {
	float:left;
	margin-top:0;
}
.button .bt {
	height:8px;
	margin:0 0 0 9px;
	background-image:url(../images/boxes/button.png);
}
.button .bt div {
	left:-9px;
	width:9px;
	height:8px;
	background-image:url(../images/boxes/button.png);
}
.button .bb {
	height:8px;
	margin:0 0 0 8px;
	background-image:url(../images/boxes/button.png);
}
.button .bb div {
	left:-8px;
	width:8px;
	height:8px;
	background-image:url(../images/boxes/button.png);
}
.button .i1 {
	padding:0 0 0 3px;
	background-image:url(../images/boxes/button-borders.png);
}
.button .i2 {
	padding:0 3px 0 0;
	background-image:url(images/boxes/button-borders.png);
}
.button .i3 {
	padding:0 0.5em;
	background:#3a3d40 url(../images/boxes/button.png) no-repeat -3px -8px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.button a:link,
.button a:visited,
.button a:hover {
	border:none;
	color:#fff;
}

/* Just a bit of styling for this demo page. Adjust as you wish. */
#absolute-wrapper {
	position:relative;
	height:9em;
}
.cb li {margin-left:1em;}