body{
	margin:0;
	background-color:#fff;
	color:#333;
	font-family:Calibri, Helvetica, Verdana, Arial, Sans-serif;
}
a{							/*Main link style*/
	text-decoration:none;
	color:#22bbd2;
}

/*HEADER*/

.header{
	background-color:#222222;
	height:94px;
	min-width:950px;
}
.headcontainer{
	width:950px;
	margin-left:auto;
	margin-right:auto;
}
.logo{ 				/*For when using the Ideahub logo*/

	float:left;
	margin-top:30px;
}
.logo2{ 			/*For when using the Worldexposure logo*/
	float:left;
	margin-top:15px;
}

/*MAIN MENU*/

.menu{
	float:right;
	margin-top:40px;
	padding-right:10px; /*Spacing at end of the menu*/
}

.menu a.current{
	border-bottom: 3px solid #22bbd2;
	display:block;
	padding-bottom:3px;
}
.menu ul{
	margin:0;
	padding:0;
}
.menu li{
	float:left;
	margin-right:15px;	/*Control the spacing on the right of each of the menu items*/
	margin-left:15px;	/*Control the spacing on the left of each of the menu items*/
	list-style:none;
	font-family:Calibri, Helvetica, Verdana, Arial, Sans-serif;
	font-size:15px;
	margin-bottom:10px;	/*Controls the spacing at the bottom of the menu*/
}
.menu li:last-child{	
	margin-right:7px;	/*Control the spacing on the right of the last element in the menu, does not work in IE*/
}
.menu li a{
	color:#a8adad;
}
.menu li a:hover{
	border-bottom: 3px solid #22bbd2; /*Colour and size of the underline of the menu items*/
	display:block;
	padding-bottom: 3px;	/*Space between menu items and the underline*/
}

/*BLUEHEADER*/

.bluehead{
	background-color:#22bbd2;
	height:180px;
	min-width:950px;
	border:1px white solid;
	border-left:none;
	border-right:none;
	font-family:Calibri, Helvetica, Verdana, Arial, Sans-serif;
	font-size:15px;
}
.blueheadcontainer{
	width:950px;
	margin-left:auto;
	margin-right:auto;
}
.blueheadleft{
	width: 200px;
	height:125px;
	margin-top:25px;
	margin-left:15px;
	_margin-left:5px;
	overflow:hidden;
	float:left;
}
.blueheadright{
	float:right;
	margin-right:5px;
}
.blueheadtitle{
	font-size:30px;
	color:#fff;
	margin-bottom:10px;
}
.blueheadtext{
	font-size:20px;
	color:#ddd;
	font-weight:thin;
}

/*FRONT PAGE BODY*/

.example{
	width:270px;
	padding:10px;
	background-color:#fff;
	height:350px;
	font-family:Calibri, Helvetica, Verdana, Arial, Sans-serif;
	font-size:13px;
	margin-top:25px;
	padding-bottom:20px;
	margin-bottom:25px;
	border-bottom:3px solid transparent;	/*bottom border on hover*/
	_border-bottom:3px solid white;			/*bottom border on hover*/
}
.example:hover{
	border-bottom:3px solid #22bbd2;		/*bottom border on hover*/
}
.example .title{
	font-size:16px;
	color:#22bbd2;
	border-bottom:1px #222 dotted;
	width:265px;
	padding-bottom:6px;		/*Spacing between the title and the dotted line*/
	margin-top:8px;			/*Spacing between the title and the image*/
	margin-bottom:8px;		/*Spacing between the title and the text below it*/
	padding-left:2px;
	padding-right:2px;
}
.example .info{
	font-size:14px;
	color: #333;
	margin-left:2px;
	margin-right:2px;
}
.example .info a:hover{		/*Link hover style inside front page examples*/
	background-color:#22bbd2;
	color:#fff;
}

/*PORTFOLIO*/

.portfoliocontainer{	/*The Portfolio container*/
	min-height: 400px;
	width: 730px;
	float:left;
	padding:0;
	margin:0;
	margin-top:25px;
	margin-left:22px;
	_margin-left:0px;
}

.portfoliocontainer .site{	/*Each individual element in the portfolio*/
	width: 221px;
	height:145px;
	border:1px solid #cbcbcb;
	background-color:#fff;
	float:left;
	margin:0;
	margin-right:18px;	/*The spacing between each element and the element to its right*/
	margin-bottom:18px;	/*The spacing between each element and the element below it*/
	padding:0;
	padding-bottom:5px;
}

.portfoliocontainer .site .title{
	border:none;
	font-family:Calibri, Helvetica, Verdana, Arial, Sans-serif;
	font-size:14px;
	color:#22bbd2;
	margin-left:8px;	/*Indent for the title*/
	margin-top:5px;		/*The spacing between the title of the element and the image*/
	*margin-top:2px;	/*Same as above but hacked for IE*/
}
.portfoliocontainer a{
	display:block;
	width:219px;
	height:145px;
}
.portfoliocontainer img{
	width:207px;
	margin-left:7px;
	margin-top:7px;
}

/*NEW PORTFOLIO*/

.portfolio{
	min-height: 400px;
	width: 730px;
	float:left;
	padding:0;
	margin:0;
	margin-top:25px;
	margin-left:22px;
	_margin-left:0px;
}

.portfolio .site{	/*Each individual element in the portfolio*/
	width: 703px;
	height:auto;
	border:1px solid #cbcbcb;
	background-color:#fff;
	margin:0;
	margin-right:18px;	/*The spacing between each element and the element to its right*/
	margin-bottom:18px;	/*The spacing between each element and the element below it*/
	padding:0;
	padding-bottom:5px;
}
.portfolio .site .info{
	float: left;
	width: 400px;
	margin-top: 7px;
	margin-left: 17px;
	font-family:Calibri, Helvetica, Verdana, Arial, Sans-serif;
}
.portfolio .site .info .title{
	border:none;
	font-size:19px;
	color:#22bbd2;
	margin-bottom: 5px;
}
.portfolio .site .info .title a:hover{
	color: #333;
	background-color: #fff;	
}
.portfolio .site .info .description{
	font-size: 14px;
}
.portfolio .site .info .services{
	color: #333;
	font-size: 14px;
}
.portfolio .site .info .services h3{
	font-family:Calibri, Helvetica, Verdana, Arial, Sans-serif;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 0px;
	color: #22bbd2;
}
.portfolio .site .info .services p{
	margin-top: 0px;
}
.portfolio img{
	width:250px;
	margin-left:7px;
	margin-top: 7px;
	margin-bottom: 2px;
	float: left;
}


/*MAIN BODY*/

.main{ 			/* Controls the background image */
	background: #fff url('../images/bg.png') repeat-x;
	min-width:950px;
}
.mainhome{ 		/* Controls the background image for the front page */
	background: #fff url('../images/bg-home.png') repeat-x;
	min-width: 950px;
}
.maincontainer{
	width:1030px;
	_width:1060px;
	_padding-left:29px;
	margin-left:auto;
	margin-right:auto;
	overflow: auto;
}

.maincontainer ul{
	
}
.maincontainer li{
	float:left;
	list-style:none;
	margin-right:37px;
	*margin-right:30px;
}
.maincontainer li:last-child{
	margin-right:0px;
}
.main a{			/*Body link style*/
	display:inline;
	width:270px;
	text-decoration:none;
	color:#22bbd2;
}
.main a:hover{		/*Body link hover style*/
	background-color:#22bbd2;
	color:#fff;
}
.maintitle{
	font-size:20px;
	padding-top:5px;
}
.content{			/*Content of the main body*/
	min-height: 400px;
	width: 695px;
	padding: 0;
	margin: 0;
	margin-top: 25px;
	margin-left: 290px;
	padding-bottom: 25px;
	text-align:justify;
}
.content a{
	color:#22bbd2;
	text-decoration:underline;
}
.content a:hover{
	color:#fff;
	text-decoration:none;
	background-color:#22bbd2;
}
#frame{
margin-left:40px;
}

/*SIDEBAR*/

.sidebar{
	width:219px;
}
.sidebar .title{
	background: url('../images/sidebarheader.png') 0 0 no-repeat;
	width:220px;
	height:30px;
	font-size:20px;
	padding:0px;
	margin:0px;
	padding-left:15px;
	*padding-left:14px;
	_padding-left:12px;
	padding-top:5px;
}
.sidebar .info{
	background-color: #fff;
	margin:0px;
	padding: 0px;
}
.sidebar .footer{
	background: url('../images/sidebarfooter.png') no-repeat;
	padding: 0;
	margin: 0;
	padding-bottom:5px;
	height: 1px;
}

.sidebarcontainer .button{		/*'Get a Quote' button*/
	width:220px;
	height:35px;
	margin-top:25px;			/*Distance between button and the sidebar*/
	background:url('../images/quote.png') no-repeat;
	padding-left: 17px;
	_padding-left:13px;
	padding-top: 8px;
	font-size: 15px;
}

.sidebarcontainer a{
	color: #fff;	
}

.sidebarcontainer{
	width:220px;
	float:left;
	margin-top:25px;
	margin-left:40px;
	_margin-left:20px;
}

.sidebar ul{
	margin:0;
	width:178px;
	*width:218px;			/*More IE Hacks*/
	border:1px solid #cbcbcb;
	border-top:none;
	border-bottom:none;
}
.sidebar li{
	width:188px;
	*width:193px;			/*More IE6 Hacks*/
	float:none;
	margin-bottom:0;
	border-bottom:1px solid #cbcbcb;
	list-style:none;
	margin-left:-25px;		/*Controls indentation of the sidebar items*/
	*margin-left:12px;		/*More IE Hacks*/
	*margin-right:0px;		/*More IE Hacks*/
	_margin-right:5px;		/*More IE6 Hacks*/
	padding:0;
	font-family:Calibri, Helvetica, Verdana, Arial, Sans-serif;
	font-size:14px;
}
.sidebar li a{
	padding:0;
	display:block;
	padding-top:8px;		/*Padding on top of each menu item*/
	padding-bottom:9px;		/*Padding on bottom of each menu item*/
	width: 188px;
	*width:193px;			/*More IE6 Hacks*/
	color: #333;
	background: url('../images/arrow.png') 100% 12px no-repeat;
}
.sidebar li a:hover{
	padding:0;
	border-bottom:none;
	display:block;
	padding-top:8px;		/*For hover, must be equivalent to above: Padding on top of each menu item*/
	padding-bottom:9px;		/*For hover, must be equivalent to above: Padding on bottom of each menu item*/
	color: #22bbd2;
	background: url('../images/arrow_on.png') 100% 12px no-repeat;
}

.sidebar li a.on{
		padding:0;
	border-bottom:none;
	display:block;
	padding-top:8px;		/*For hover, must be equivalent to above: Padding on top of each menu item*/
	padding-bottom:9px;		/*For hover, must be equivalent to above: Padding on bottom of each menu item*/
	color: #22bbd2;
	background: url('../images/arrow_on.png') 100% 12px no-repeat;
}

.sidebar li.last{
	border:none;
	margin-bottom: 0px;
}
.sidebar li.last a{
	padding-bottom:5px;		/*Padding on the bottom of the last menu item*/
}
.sidebar li.last a:hover{
	padding-bottom:5px;		/*For hover, must be equivalent to above: Padding on the bottom of the last menu item*/
}
.sidebarcontainer a:hover{
	background:none;
	color:#22bbd2;
}

/*FOOTER*/

.footer{
	background:#222222; 
	min-width:960px;
	margin-top:10px;
	margin-bottom:6px;
}
.footercontainer{
	width:960px;
	height:32px;
	background:url('../images/foot.png') 716px 0 no-repeat;
	margin-left:auto;
	margin-right:auto;
}
.footerleft{
	font-family:Calibri, Helvetica, Verdana, Arial, Sans-serif;
	float:left;
	font-size:13px;
	padding-top:8px;
	color:#fff;
}
.footerleft a{
	color:#a8adad;
	text-decoration:underline;
}

.footerleft a:hover{
	color:#22bbd2;
	text-decoration:underline;
}

.footertext{
	font-family:Calibri, Helvetica, Verdana, Arial, Sans-serif;
	font-size:14px;
	color:#fff;
	padding-top:7px;
	margin-left:750px;
}
.footertext a{
	color:#a8adad;
	text-decoration:underline;
	margin-left:33px;
}

.footertext a:hover{
	color:#22bbd2;
	text-decoration:underline;
}

.spacer{
	margin-left:350px;
}

a.altlink{
	text-decoration:none;
	color:#333;
}
a.altlink:hover{
	text-decoration:none;
	background-color:transparent;
	color:#22bbd2;
}