/* CSS Document 

CamSemi

Contents
1.	General layout
2	Main layout
2a. Top
2b. Main
2c. Footer
3.	Specific
3a.	Home
3b.	Blog/News
3b.	Form
4.	Tables
5.	Colour
6.	Gradients
7.	Backgrounds
8.	Border radius
9.	Sliding boxes

*/

/* 1. General
----------------------------------------------- */

html, body {
	height: 100%;}
	
body {
	background: url(site_images/background/bg.png) #c0c4ce; /* PALE GREY */}	
	
.wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -79px;
	/*width: 960px;*/}
	
footer, .push {
	height: 80px;
	clear: both;}
	
footer {
	display: block;
	background: #383738;
	border-top: 1px solid #38393a;}
	
	

/* 2. Main layout
----------------------------------------------- */

/* 2a. Top
-------*/

section.top {
	display: block;
	height: 80px;
	margin-bottom: 40px;
	width: 100%;
	background: #383738;
	border-bottom: 1px solid #d1d0d0;
	
	/*position: fixed;
	top: 0;
	left: 0;*/
	}
	
.top header  {
	display: block;
	width: 960px;
	margin: 0 auto;
	padding-top: 8px;}
	
.top nav {
	display: block;}	
	
.logo {
	float: right;}	
	
.langVars {
	width: 400px;
	height: 22px;
	}	

/* 2b. Main
-------*/

.content {
	width: 960px;
	/*padding-top: 120px;*/
	margin: 0 auto;}		

.main {
	width: 680px;
	padding: 25px 19px 20px 19px;
	margin-bottom: 20px;
	float: left;
	zoom: 100%;
	/*border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;*/
	background: url(site_images/background/logo_segment_10pc.png) no-repeat 560px -36px #fff;	
	background: url(site_images/background/logo_segment_10pc.png) no-repeat 560px -36px, url(site_images/background/main_grad.png) repeat-x #fff;
	min-height: 500px;}	
	
.blue .main {
	/*border-top: 1px solid #b6cae6;
	border-right: 1px solid #b6cae6;
	border-left: 1px solid #b6cae6;
	border-bottom: 1px solid #b6cae6;*/
	background: url(site_images/background/logo_segment_10pc.png) no-repeat 560px -36px #7299D0;
	background: url(site_images/background/logo_segment_10pc.png) no-repeat 560px -36px, url(site_images/background/main_grad.png) repeat-x #7299D0;}
	
.purple .main {
	background: url(site_images/background/logo_segment_10pc.png) no-repeat 560px -36px #dde1e8;}			

.main header {
	height: 100px;
	padding-left: 10px;}
	
.main nav, .iconCol {
	width: 130px;
	float: left;
	padding-left: 10px;}
	
.main article {
	width: 540px;
	float: left;}
	
.main article.wide {
	width: 670px;}	
	
.main article.caption {
	padding-top: 14px;}
	
aside {
	width: 240px;
	padding-top: 120px;
	float: left;}	
	
.sideBar {
	width: 216px;
	padding: 28px 12px 20px 12px;}	

.sideBarWrap {
	width: 240px;
	float: left;}
	
.box {
	float: left;
	padding: 10px 0 4px 0;
	margin-bottom: 12px;}
	
.iconWrap {
	padding: 10px 20px;
	border-radius: 0 20px 0 0;}	
	
.clearFix {
	clear: both;}
	
.productsWrap {
	width: 430px;
	float: left;
	clear: both;
	padding-bottom: 6px;
	border-bottom: 1px solid #fff;}
	
.checkbox {
	width: 30px;
	float: left;
	padding-top: 8px;}	
	
.formCont {
	width: 240px;
	float: left;
	padding: 12px;
	background: #fff;
	}	
	
.formCont .hidden {
	display: none;
	}	
	
.formCont input[type="text"] {
  background: #e7e8e8;
  border: 1px solid #fff;
  padding: 6px 8px 8px 8px;
  width: 220px;
  color: #333;
  margin: 8px 0;
  -webkit-border-radius: 0; }

.formCont input:focus[type="text"]{
  background: #fff;
  outline: none;
  border: 1px solid #b3d335;
  -webkit-transition: border 0.4s linear;
  -moz-transition: border 0.4s linear;
  -o-transition: border 0.4s linear;
  transition: border 0.4s linear; }

.formCont input[type="submit"] {
 display: block;
  height: 38px;
  width: 236px;
  margin: 18px 0 14px 0;
  border: none;
  background: #b3d335;
  font-size: 1em;
  font-weight: normal;
  color: #fff;
  -webkit-appearance: none; }
  
.formCont input:hover[type="submit"] {
  cursor: pointer;
  color: #fff;
  background: #333;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear; }	
			

/* 2c. Footer
-------*/	
	
.footerCont {
	width: 960px;
	height: 40px;
	margin: 0 auto;
	padding-top: 40px;}	
	
/* 3. Specific layout
----------------------------------------------- */	
/* 3a. Home
-------*/

.topRow, .bottomRow  {
	width: 960px;
	float: left;}

.fourCols {
	width: 238px;
	margin: 0 1px;
	float: left;}		

.topRow .fourCols {
	height: 160px;
	background: #666;}	

.bottomRow {
	background: url(site_images/background/home_bg.png) no-repeat 1px 20px;
	margin-bottom: 20px;}

.bottomRow  .fourCols, .homeBlog {
	padding-bottom: 20px;}	
	
.homeCaption {
	text-align: center;
	margin-top: 22px;
	clear: both;
	height: 50px;}
	
.homeNews {
	padding-bottom: 10px;}
	
.homeBlog {
	padding: 8px 0;
	margin: 0 4px;
	float: left;
	width: 228px;
	border: 1px solid #fff}	
	
.homeBlog.greenPaleBg {
	padding: 0 0 8px 0;
	margin-bottom: 8px;}
	
.blogLinkEntry {
	padding: 0 0 5px 0;
	margin: 0 8px 6px 8px;
	border-bottom: 1px solid #8fa92a;
}	

.blogLinkEntry.last {
	border-bottom: 0px;
}		
	
	
.archive .main {
}	
			

/* 3b. Blog / News
-------*/
 
.blogWrap {
 	width: 720px;
 	float: left;} 
 	
.blog .content header {
	width: 692px;
	height: 93px;
	padding: 27px 0 0 27px;
	/*border-top: 1px solid #a6aab2;
	border-right: 1px solid #a6aab2;
	border-left: 1px solid #a6aab2;*/
	background: url(site_images/background/logo_segment_50pc.png) no-repeat 560px -36px #b3d335;}	
 
.blogOuter { 
	width: 720px;
	background: #b3d335;
	margin-bottom: 20px;
	float: left;}
	 
.blogInner { 
	width: 719px;
	background: #fff;
	padding: 20px 0 20px 0;
	float: left;
	min-height: 600px;
	/*border-right: 1px solid #a6aab2;
	border-left: 1px solid #a6aab2;
	border-bottom: 1px solid #a6aab2;*/}

.entryCont {
	float: left;
	width: 699px;}
	
.blog .entryCont {
	padding-left: 19px;}		
	
.entryDate {
	float: left;
	width: 100px;
	text-align: center;}	
	
.blog .entryDate {
	margin: 0 20px 0  10px;}	
	
.entryText {
	width: 520px;
	float: left;
	padding-bottom: 4px;
	margin-bottom: 4px;}

.blog .entryDate {
	border: 2px solid #e1edae;}
	
.news newsWrap {
	width: 699px;
	float: left;}

.news .entryDate {
	border: 2px solid #dde1e8;
	margin: 0 20px 0  10px;}
	

/* 3c. Form
-------*/


.labelCol {
	width: 230px;
	float: left;}	
	
.inputCol {
	width: 424px;
	float: left;}	
	
input.textfield, textarea {
	width: 410px;
	border: 0;	
	height: 16px;
	padding: 2px 2px 2px 6px;
	background:  #f7f9fa;
	color: #3E3E41;
	font-size: 13px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.9);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3) inset;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3) inset;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3) inset;}				
		
input.textfield:focus, textarea:focus {
	background: #fff;
	outline: none;}
	
textarea {
	height: auto;}	
	
.select {
	font-family: 'GillSansRegular', "Gill Sans MT", "Gill Sans", Arial, sans-serif;
	font-size: 13px;}	
	
.submitCont {
	clear: both;
	width: 80px;
	margin: 10px 0 0 580px;}

.submitButton {
	background: #373638;
	height: 42px;
	width: 80px;
	border: 0;
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
	border-left: 1px solid rgba(255, 255, 255, 0.4);
	border-right: 1px solid rgba(255, 255, 255, 0.4);	
	border-top: 1px solid rgba(255, 255, 255, 0.6);
	}	
	
.submitButton:hover {		
	background: #a0448b;
	cursor: pointer;}

		
/* 4. Tables
----------------------------------------------- */

.clearFix {
  clear: both;}
  
  
.tableWrap {
	width: 536px;
	float: left;
	margin-bottom: 1px;
	padding: 0 0 8px 4px;}


.singleCol {
	width: 78px;
	padding-right: 4px;
	float: left;}
	
.twoCol {
	width: 145px;
	padding-right: 0;
	float: left;}	
	
.threeCol {
	width: 220px;
	padding-right: 6px;
	float: left;}	
	
.fourCol {
	width: 265px;
	padding-right: 6px;
	float: left;}	
	
.fiveCol {
	width: 370px;
	padding-right: 6px;
	float: left;}	
	
.sixCol {
	width: 391px;
	padding-right: 5px;
	float: left;}
	
.sevenCol {
	width: 550px;
	padding-right: 5px;
	float: left;}
			
.lastCol {
	width: 175px;
	padding-right: 0px}	  
  
  
/* ---------------------- OLD   

.tableWrap {
	width: 530px;
	float: left;
	margin-bottom: 1px;
	padding: 0 0 8px 10px;}


.singleCol {
	width: 70px;
	padding-right: 6px;
	float: left;}
	
.twoCol {
	width: 145px;
	padding-right: 6px;
	float: left;}	
	
.threeCol {
	width: 220px;
	padding-right: 6px;
	float: left;}	
	
.fourCol {
	width: 265px;
	padding-right: 6px;
	float: left;}	
	
.fiveCol {
	width: 370px;
	padding-right: 6px;
	float: left;}	
	
.sixCol {
	width: 391px;
	padding-right: 5px;
	float: left;}
	
.sevenCol {
	width: 550px;
	padding-right: 5px;
	float: left;}
			
.lastCol {
	width: 175px;
	padding-right: 0px}	
	
--------------------------------------- */


	
/*Tables wider width*/

.wide .tableWrap {
	width: 660px;}
	
.wide .singleCol {
	width: 85px;}	
	
.wide .twoCol {
	width: 175px;}	
		
.wide .threeCol {
	width: 320px;}		
	
.wide .fourCol {
	width: 365px;}
	
.wide .sixCol {
	width: 470px;}		

.team .twoCol img {
	margin: 36px 0 0 18px;
	padding-bottom: 4px;
	background: url(site_images/background/img_shadow.png) no-repeat center bottom;}	

.redDk .threeCol img, .blueDk .threeCol img  {
	margin: 8px 0 0 0;
	padding-bottom: 4px;
	background: url(site_images/background/img_shadow_wide.png) no-repeat center bottom;}	
		
/* 5. Colour
----------------------------------------------- */
	
.alt {
	background: #dde1e8;}	
	
.GreyLt {
	background: #dde1e8;}
	
.redDk .box {
	background: #f7e4eb;}	
	
.blue .box {
	background: #e3ebf6;}	
	
.green .box {
	background: #f0f6d7;}
	
.pink .box {
	background: #fde6f2;}
	
.purple .box {
	background: #eedbeb;}
	
.orange .box {
	background: #fbe6d2;}			

.blueDk .box {
	background: #d9eaf2;}
	
.tableWrap.white {
	background: #fff;}		

.redDkbg {
	background: #BF245D;}
	
.blueBg {
	background: #7299D0;}		
	
.greenBg {
	background: #b3d335;}
	
.green2Bg {
	background: #8fa92a; /*Dark green */}	
	
.greenPaleBg {
	background: #dff680;}	
	
.pinkBg {
	background: #ed037c;}
	
.purpleBg {
	background: #b44a9c;}
		
.orangeBg {
	background: #e9821d;}
	
.blueDkBg {
	background: #0071a6;}
	
.greyBg  {
	background: #626364;}
	
.greyLtBg, .tableWrap.top {
	background: #dde1e8;}
	
.dkGreyBg {
	background: #3c3e3f;}	
	
.blackBg {
	background: #2a292a;}
		
.box, .tableWrap {
	background: #eceef2;} /* Light grey */	
	
.blueLtBg {
	background: #c7d6ec;}
	
.blue .tableWrap.top {
	background: #5b7aa6;} /* Darker tint */	
	
.blue .tableWrap {
	background: #6689bb;} /* Darker tint */				
		
.purple .tableWrap.top {
	background: #c6cad0;}						
		
/* 6. Gradients
----------------------------------------------- */

section.top {
	background-image: -moz-linear-gradient(90deg, #171516 0%, #505152 100%);
	background-image: -webkit-linear-gradient(90deg, #171516 0%, #505152 100%);}
	
footer {
	background-image: -moz-linear-gradient(90deg, #171516 0%, #505152 100%);
	background-image: -webkit-linear-gradient(90deg, #171516 0%, #505152 100%);}
		
.sideBar.redDkbg {
	background-image: -moz-linear-gradient(0deg, #962e50 0%, #bf245d 3%);
	background-image: -webkit-linear-gradient(0deg, #962e50 0%, #bf245d 3%);}
	
.sideBar.blueBg {
	background-image: -moz-linear-gradient(0deg, #627b9e 0%, #7299D0 4%);
	background-image: -webkit-linear-gradient(0deg, #627b9e 0%, #7299D0 4%);}
	
.sideBar.greenBg {
	background-image: -moz-linear-gradient(0deg, #97af3a 0%, #b3d335 4%);
	background-image: -webkit-linear-gradient(0deg, #97af3a 0%, #b3d335 4%);}
	
.sideBar.greenBg {
	background-image: -moz-linear-gradient(0deg, #97af3a 0%, #b3d335 4%);
	background-image: -webkit-linear-gradient(0deg, #97af3a 0%, #b3d335 4%);}	
	
.sideBar.green2Bg {
	background-image: -moz-linear-gradient(0deg, #72863a 0%, #8fa92a 4%);
	background-image: -webkit-linear-gradient(0deg, #72863a 0%, #8fa92a 4%);}
		
.sideBar.pinkBg {
	background-image: -moz-linear-gradient(0deg, #bd266b 0%, #ed037c 4%);
	background-image: -webkit-linear-gradient(0deg, #bd266b 0%, #ed037c 4%);}	
	
.sideBar.purpleBg {
	background-image: -moz-linear-gradient(0deg, #90447d 0%, #b44a9c 4%);
	background-image: -webkit-linear-gradient(0deg, #90447d 0%, #b44a9c 4%);}
	
.sideBar.ltGreyBg {
	background-image: -moz-linear-gradient(0deg, #c6cad0 0%, #dde1e8 4%);
	background-image: -webkit-linear-gradient(0deg,  #c6cad0 0%, #dde1e8 4%);}				
	
.sideBar.orangeBg {
	background-image: -moz-linear-gradient(0deg, #b46b2a 0%, #e9821d 4%);
	background-image: -webkit-linear-gradient(0deg, #b46b2a 0%, #e9821d 4%);}
		
.sideBar.blueDkBg {
	background-image: -moz-linear-gradient(0deg, #236086 0%, #0071a6 4%);
	background-image: -webkit-linear-gradient(0deg, #236086 0%, #0071a6 4%);}
		
.sideBar.blueLtBg {
	background-image: -moz-linear-gradient(0deg, #a9b8d0 0%, #c7d6ec 4%);
	background-image: -webkit-linear-gradient(0deg, #a9b8d0 0%, #c7d6ec 4%);}
	
input.textfield {
	background-image: -moz-linear-gradient(90deg, #edeff2 0%, #f7f8f9 100%);
	background-image: -webkit-linear-gradient(90deg, #edeff2 0%, #f7f8f9 100%);}	
	
.submitButton {
	background-image: -moz-linear-gradient(90deg, #1c1b1c 0%, #4d4e50 100%);
	background-image: -webkit-linear-gradient(90deg, #1c1b1c 0%, #4d4e50 100%);}	
	
.submitButton:hover {
	background-image: -moz-linear-gradient(90deg, #873c76 0%, #b34a9b 100%);
	background-image: -webkit-linear-gradient(90deg, #873c76 0%, #b34a9b 100%);}		

/* 7. Backgrounds
----------------------------------------------- */

.purple .chip {
	background:url(site_images/background/chip_purple.png) }

.greenYellowchip {
	background: url(site_images/background/big_chip_green-yellow.png);
	height: 300px;}

.blueDk .chip {
	background:url(site_images/background/chip_dkblue.png) }	
	
	
				
/* 8. Border radius
----------------------------------------------- */

.main, .sideBar, .iconWrap, .bottomRow  .fourCols, .blog .content header, .blogInner {
	border-radius: 0 20px 0 0;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;}
	
input.textfield, .submitButton, textarea {
	border-radius: 4px;
	-moz-border-radius : 4px;
	-webkit-border-radius: 4px;}	
	
				
/* 9. Sliding boxes
----------------------------------------------- */	
	
	
/*
	Mosaic - Sliding Boxes and Captions jQuery Plugin
	Version 1.0.1
	www.buildinternet.com/project/mosaic
	
	By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
	Released under MIT License / GPL License
*/

.mosaic-block {
	float:left;
	position:relative;
	overflow:hidden;
	width:240px;
	height:160px;
	background: url() }

.mosaic-backdrop {
	display:none;
	position:absolute;
	top:0;
	height:100%;
	width:100%;
	;}
	
.mosaic-overlay {
	display:none;
	z-index:5;
	position:absolute;
	width:100%;
	height:100%;}
	
.bar .mosaic-overlay {
	bottom:-80px;
	height:100px;
	background: url(site_images/background/bg-black.png);
	width: 100%; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;}
	
.mosaicDetails {
	padding: 20px 0;
	height:160px;}	
	
.plus {
	background: url(site_images/icons/plus.png) no-repeat 8px 0;}
	
.notPlus {
	background: url()}	
		
.chipPurple {
	background: url(site_images/background/chip_purple.png)}
	
	
.rC {
	display: none;}	


	
.blog span.skype_pnh_container {display:none !important;}
.blog span.skype_pnh_print_container {display:inline !important;}