/*
DIMENSIONS
=============
Widths -
page width: 980
masthead left: 645
masthead right image: 335
left column: 214
content: 430
right column: 336
Left column left-margin: 12
Left column right-margin: 39
Content left-margin: 27
Right column left-margin: 20
Right column right-margin: 47

Heights - 
Masthead: 105
Nav-primary: 28
Nav-secondary: 29
Right column top-margin: 29
Left column top-margin: 39 //to first left-nav item
Left column top-margin: 39 //from last left-nav item
Left column nav area: 162

*/


#wrapper
{
	width: 980px; /* width of "page" in the browser */
	margin: auto; /*used to centre the "page" in the browser window */
}

#header, body#home.news #header
{
	height: 167px;
}



body#home #header, body#clients #header, body.cricket #header, body.party #header, body#links #header, body#press #header
{
	height: 139px;
}

#masthead
{
	height: 111px;
}

#nav
{
	height: 56px;
}

body#home #nav, body#clients #nav, body.cricket #nav, body.party #nav, body#links #nav, body#press.media #nav
{
	height: 28px;
}

#primarynav
{
	height: 28px;
	padding-left: 12px;
	float: left;
}

#secondarynav
{
	height: 28px;
	padding-left: 12px;
	clear: both;
}


#middle
{
	overflow: hidden; /* part of the hack to create the left column as the full length of the page */
}

#content
{
	margin-left: 200px; /*pushes this div to the right to clear the left column */
}

#contentmain
{
	width: 376px;
	float: left; /*prevents the div to the right of it displaying beneath this div */
	padding: 29px 27px 2px 27px;
	
}

#flags
{
	float: right;
	margin-right: 10px;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 10px;
}

#clients #contentmain
{
	width: 700px;
}

body.management #contentmain, body.cricket #contentmain, body.party #contentmain, body.contact #contentmain
{
	width: 690px;
	float: left; /*prevents the div to the right of it displaying beneath this div */
	padding: 29px 27px 29px 27px;
}



#featurepanel, body#home.news #featurepanel
{
	margin-top: 29px;
	padding: 20px 47px 20px 20px;
	_padding: 20px 33px 20px 20px;
	width: 269px; /*what happened to those 3 pixels? */
	float: left; /*prevents the div to the right of it displaying beneath this div */
	
	
}

#mainimages
{
	width: 751px;
	float: left;
	margin-left: 13px;
}

#mainimages img
{
	
	float: right;
	padding-right: 0px;
	margin: 0px;
margin-bottom: 20px;
	clear: none;
	padding-left: 7px;
	
}

body.websites #featurepanel
{
	padding: 20px 27px 20px 20px;
	_padding: 20px 23px 20px 20px;
	width: 265px;
}

body.websites #contentmain
{
	width: 400px;
}

body#company.about #featurepanel
{
	padding: 20px 27px 20px 20px;
	_padding: 20px 23px 20px 20px;
	width: 289px;
	_width: 293px;
}



body#home #featurepanel
{
	margin-top: 10px;
	width: 316px; 
	padding: 20px 0px 20px 0px;
}




body.home #contentmain
{
	margin-top: 0px;
}

#sidebar
{
	width: 214px;
	float: left; /*prevents the div to the right of it displaying beneath this div */
	padding-bottom: 32767px; /*hack to create the left column as the full length of the page */
	margin-bottom: -32767px; /*hack to create the left column as the full length of the page */
}

#sidebarnav
{
	padding: 30px 39px 30px 20px;
	text-align: right;
}

#sidebarmain
{
	padding: 12px 39px 12px 12px;
}

body.home #sidebarmain
{
	padding: 12px 0px 12px 0px;
}

#footer
{
	width: 960px;
	height: 42px;
	margin-right: 20px;
	clear: both; /*prevents this div displaying below the featurepanel div */
}

#copyright
{
	float: left;
	width: 202px;
	padding-bottom: 20px;
	padding-left: 12px;
}

#contactfooter
{
	text-align: right;
	float: right;
	width: 746px;
	height: 20px;
}

#contactfooter img
{
	padding-top: 0px;
	vertical-align: top;
}