/*shortcode columns for full width pages*/

.announcement{
	background-color:#e3e3e3;
	border:1px solid #ccc;
	padding:15px;
	margin-bottom:15px;
	background-image: url(../images/announcement.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left:70px;
	color:#333;
}

/*BUTTONS*/

/* SMALL ROUNDED BUTTONS */

.button-small {	
	color: #ffffff !important;
	font: bold 12px/18px Arial, Helvetica, sans-serif;
	display: inline-block;
	height: 20px;
	margin: 0 1em 1em 25px;
	padding: 5px 20px 5px 5px;
	position: relative;
	text-decoration: none !important;	
}

	.button-small span {		
		height: 30px;
		left: -15px;
		position: absolute;
		top: -10px;
		width: 27px;
	}
	
.button-small:hover { text-decoration: none; }


/* COLORS */
/*blue/default */
.small-blue {
 background: url(../images/shortcodes/rounded-buttons-small-right.png) no-repeat right 0; 
 text-shadow: 0 1px 1px #0c5b76; }
 
.small-blue:hover { 
background: url(../images/shortcodes/rounded-buttons-small-right.png) no-repeat right -30px; }

.small-blue span { 
background: url(../images/shortcodes/rounded-buttons-small-left.png) no-repeat left 0; 
 }
.small-blue:hover span {
background:url("../images/shortcodes/rounded-buttons-small-left.png") no-repeat scroll left -30px transparent;
}
/*orange */
.small-orange {
 background: url(../images/shortcodes/rounded-buttons-small-right.png) no-repeat right -60px; 
 text-shadow: 0 1px 1px #0c5b76; }
 
.small-orange:hover { 
background: url(../images/shortcodes/rounded-buttons-small-right.png) no-repeat right -90px; }

.small-orange span { 
background: url(../images/shortcodes/rounded-buttons-small-left.png) no-repeat left -60px; 
 }
.small-orange:hover span {
background:url("../images/shortcodes/rounded-buttons-small-left.png") no-repeat scroll left -90px transparent;
}

/*green */
.small-green {
 background: url(../images/shortcodes/rounded-buttons-small-right.png) no-repeat right -120px; 
 text-shadow: 0 1px 1px #0c5b76; }
 
.small-green:hover { 
background: url(../images/shortcodes/rounded-buttons-small-right.png) no-repeat right -150px; }

.small-green span { 
background: url(../images/shortcodes/rounded-buttons-small-left.png) no-repeat left -120px; 
 }
.small-green:hover span {
background:url("../images/shortcodes/rounded-buttons-small-left.png") no-repeat scroll left -150px transparent;
}

/*black */
.small-black {
 background: url(../images/shortcodes/rounded-buttons-small-right.png) no-repeat right -180px; 
 text-shadow: 0 1px 1px #0c5b76; }
 
.small-black:hover { 
background: url(../images/shortcodes/rounded-buttons-small-right.png) no-repeat right -210px; }

.small-black span { 
background: url(../images/shortcodes/rounded-buttons-small-left.png) no-repeat left -180px; 
 }
.small-black:hover span {
background:url("../images/shortcodes/rounded-buttons-small-left.png") no-repeat scroll left -210px transparent;
}

/*gray */
.small-gray {
 background: url(../images/shortcodes/rounded-buttons-small-right.png) no-repeat right -240px; 
 text-shadow: 0 1px 1px #0c5b76; }
 
.small-gray:hover { 
background: url(../images/shortcodes/rounded-buttons-small-right.png) no-repeat right -270px; }

.small-gray span { 
background: url(../images/shortcodes/rounded-buttons-small-left.png) no-repeat left -240px; 
 }
.small-gray:hover span {
background:url("../images/shortcodes/rounded-buttons-small-left.png") no-repeat scroll left -270px transparent;
}

/*white */
.small-white {
 background: url(../images/shortcodes/rounded-buttons-small-right.png) no-repeat right -300px; 
 text-shadow: 0 1px 1px #0c5b76; }
 
.small-white:hover { 
background: url(../images/shortcodes/rounded-buttons-small-right.png) no-repeat right -330px; }

.small-white span { 
background: url(../images/shortcodes/rounded-buttons-small-left.png) no-repeat left -300px; 
 }
.small-white:hover span {
background:url("../images/shortcodes/rounded-buttons-small-left.png") no-repeat scroll left -330px transparent;
}

/*red */
.small-red {
 background: url(../images/shortcodes/rounded-buttons-small-right.png) no-repeat right -360px; 
 text-shadow: 0 1px 1px #0c5b76; }
 
.small-red:hover { 
background: url(../images/shortcodes/rounded-buttons-small-right.png) no-repeat right -390px; }

.small-red span { 
background: url(../images/shortcodes/rounded-buttons-small-left.png) no-repeat left -360px; 
 }
.small-red:hover span {
background:url("../images/shortcodes/rounded-buttons-small-left.png") no-repeat scroll left -390px transparent;
}
/*pink */
.small-pink {
 background: url(../images/shortcodes/rounded-buttons-small-right.png) no-repeat right -420px; 
 text-shadow: 0 1px 1px #0c5b76; }
 
.small-pink:hover { 
background: url(../images/shortcodes/rounded-buttons-small-right.png) no-repeat right -450px; }

.small-pink span { 
background: url(../images/shortcodes/rounded-buttons-small-left.png) no-repeat left -420px; 
 }
.small-pink:hover span {
background:url("../images/shortcodes/rounded-buttons-small-left.png") no-repeat scroll left -450px transparent;
}


/* BIG ROUNDED BUTTONS */

.button-big {	
	color: #ffffff !important;
	font: bold 16px/18px Arial, Helvetica, sans-serif;
	display: inline-block;
	height: 40px;
	margin: 0 1em 1em 16px;
	padding: 15px 20px 5px 5px;
	position: relative;
	text-decoration: none !important;	
}
	.button-big span {		
		height: 60px;
		left: -15px;
		position: absolute;
		top: -10px;
		width: 27px;
	}
	
	.button-big em {
	font-size:12px;
	font-style: italic;
	font-weight:normal;
	}
	
.button-big:hover { text-decoration: none; }


/* COLORS */

/*blue/default */
.big-blue {
 background: url(../images/shortcodes/rounded-buttons-big-right.png) no-repeat right 0; 
 text-shadow: 0 1px 1px #0c5b76; }
 
.big-blue:hover { 
background: url(../images/shortcodes/rounded-buttons-big-right.png) no-repeat right -60px; }

.big-blue span { 
background: url(../images/shortcodes/rounded-buttons-big-left.png) no-repeat left 0; 
 }
.big-blue:hover span {
background:url("../images/shortcodes/rounded-buttons-big-left.png") no-repeat scroll left -60px transparent;
}

/*orange */
.big-orange {
 background: url(../images/shortcodes/rounded-buttons-big-right.png) no-repeat right -120px; 
 text-shadow: 0 1px 1px #0c5b76; }
 
.big-orange:hover { 
background: url(../images/shortcodes/rounded-buttons-big-right.png) no-repeat right -180px; }

.big-orange span { 
background: url(../images/shortcodes/rounded-buttons-big-left.png) no-repeat left -120px; 
 }
.big-orange:hover span {
background:url("../images/shortcodes/rounded-buttons-big-left.png") no-repeat scroll left -180px transparent;
}

/*green */
.big-green {
 background: url(../images/shortcodes/rounded-buttons-big-right.png) no-repeat right -240px; 
 text-shadow: 0 1px 1px #0c5b76; }
 
.big-green:hover { 
background: url(../images/shortcodes/rounded-buttons-big-right.png) no-repeat right -300px; }

.big-green span { 
background: url(../images/shortcodes/rounded-buttons-big-left.png) no-repeat left -240px; 
 }
.big-green:hover span {
background:url("../images/shortcodes/rounded-buttons-big-left.png") no-repeat scroll left -300px transparent;
}

/*black */
.big-black {
 background: url(../images/shortcodes/rounded-buttons-big-right.png) no-repeat right -360px; 
 text-shadow: 0 1px 1px #0c5b76; }
 
.big-black:hover { 
background: url(../images/shortcodes/rounded-buttons-big-right.png) no-repeat right -420px; }

.big-black span { 
background: url(../images/shortcodes/rounded-buttons-big-left.png) no-repeat left -360px; 
 }
.big-black:hover span {
background:url("../images/shortcodes/rounded-buttons-big-left.png") no-repeat scroll left -420px transparent;
}

/*gray */
.big-gray {
 background: url(../images/shortcodes/rounded-buttons-big-right.png) no-repeat right -480px; 
 text-shadow: 0 1px 1px #0c5b76; }
 
.big-gray:hover { 
background: url(../images/shortcodes/rounded-buttons-big-right.png) no-repeat right -540px; }

.big-gray span { 
background: url(../images/shortcodes/rounded-buttons-big-left.png) no-repeat left -480px; 
 }
.big-gray:hover span {
background:url("../images/shortcodes/rounded-buttons-big-left.png") no-repeat scroll left -540px transparent;
}

/*white */
.big-white {
 background: url(../images/shortcodes/rounded-buttons-big-right.png) no-repeat right -600px; 
 text-shadow: 0 1px 1px #0c5b76; }
 
.big-white:hover { 
background: url(../images/shortcodes/rounded-buttons-big-right.png) no-repeat right -660px; }

.big-white span { 
background: url(../images/shortcodes/rounded-buttons-big-left.png) no-repeat left -600px; 
 }
.big-white:hover span {
background:url("../images/shortcodes/rounded-buttons-big-left.png") no-repeat scroll left -660px transparent;
}

/*red */
.big-red {
 background: url(../images/shortcodes/rounded-buttons-big-right.png) no-repeat right -720px; 
 text-shadow: 0 1px 1px #0c5b76; }
 
.big-red:hover { 
background: url(../images/shortcodes/rounded-buttons-big-right.png) no-repeat right -780px; }

.big-red span { 
background: url(../images/shortcodes/rounded-buttons-big-left.png) no-repeat left -720px; 
 }
.big-red:hover span {
background:url("../images/shortcodes/rounded-buttons-big-left.png") no-repeat scroll left -780px transparent;
}
/*pink */
.big-pink {
 background: url(../images/shortcodes/rounded-buttons-big-right.png) no-repeat right -840px; 
 text-shadow: 0 1px 1px #0c5b76; }
 
.big-pink:hover { 
background: url(../images/shortcodes/rounded-buttons-big-right.png) no-repeat right -900px; }

.big-pink span { 
background: url(../images/shortcodes/rounded-buttons-big-left.png) no-repeat left -840px; 
 }
.big-pink:hover span {
background:url("../images/shortcodes/rounded-buttons-big-left.png") no-repeat scroll left -900px transparent;
}




.last{
margin-right:0px !important;
float:right;
}

.norightmargin{
margin-right:0px;
}

.divider{
border-bottom:1px solid #ccc;
margin-bottom:30px;
display:block;
height:0px;
display:table;
width:100%;

}

.last{
margin-right:0px !important;
float:right;
}

.column1{
	width:100%;
	margin-bottom:20px;
	float:left;
}

.column2{
width:48.57%;
float:left;
margin-right:2.80%;
margin-bottom:20px;
}
.column2_last{
width:48.57%;
float:left;
margin-bottom:20px;

}
/*one third*/
.column3{
width:31.45%;
float:left;
margin-right:2.80%;
margin-bottom:20px;

}
.column3_last{
width:31.45%;
float:right;
margin-bottom:20px;
}

/*two third*/
.column3_2{
width:65.70%;
float:left;
margin-right:2.80%;
margin-bottom:20px;
}
.column3_2_last{
width:65.70%;
float:right;
margin-bottom:20px;
background-color:#003300;
}
.column4{
width:22.86%;
float:left;
margin-right:2.80%;
margin-bottom:20px;
}
.column4_last{
width:22.86%;
float:right;
margin-bottom:20px;

}

.column4_3{
width:74.30%;
float:left;
margin-right:2.80%;
margin-bottom:20px;
}

.column5{
width:16.70%;
float:left;
margin-right:2.80%;
margin-bottom:20px;
}
.column5_4{
width:75.3%;
float:left;
margin-right:2.80%;
margin-bottom:20px;
}
.column5_last{
width:21.90%;
float:right;
margin-bottom:20px;
}


/* shortcode 
------------------------------------------------------*/

.alert-blue {
	background:url("../images/info.png") no-repeat scroll 12px 50% #E4F5FD;
	border:1px solid #AFDBEE;
		display:block;
	margin:10px 0 15px;
	padding:10px 10px 10px 40px;
}
.alert-green {
	background:url("../images/alert.png") no-repeat scroll 12px 50% #FFFADE;
	border:1px solid #F8ECA9;
	display:block;
	margin:10px 0 15px;
	padding:10px 10px 10px 40px;
}	

.alert-yellow  {
	background:url("../images/tick.png") no-repeat scroll 12px 50% #EDFFD6;
	border:1px solid #D2EBB1;
	display:block;
	margin:10px 0 15px;
	padding:10px 10px 10px 40px;
}

/* services 
--------------------------------------------------------------------------------------------------*/

.servicesbox			{ margin:0; padding:20px 20px 0px 0px; overflow:hidden; height:100%; clear:both;}
.servicestext h3 span	 	{ display:block; margin-bottom:0px;}
.servicesicon			{ vertical-align:top; float:left; width:148px;}
.servicestext			{ margin-left:00x; margin-top:0px; padding-top:0px;}