#NewsText
{
    overflow        : hidden;
    height          : 180px;
}

a#sitelogo
{
	background		: url('i/logo/sitelogo.png') left top no-repeat;
	width			: 243px;
	height			: 85px;
	margin-left		: 38px;
	
	display			: block;
}

    a#sitelogo:hover, a#sitelogo:focus { background-position : left bottom; }

    h1 { display : none; }

/* RETURN TO TOP BTN */	
a.top-btn
{
	padding-left	: 20px;
	width			: 80px;
	height			: 15px;

	display			: block;

	background		: url('i/icons/uparrow_circle.png') top left no-repeat;

	position		: absolute;
	right			: -110px;

	top				: 3.2em;
	text-decoration	: none;
}
	a.top-btn span { visibility : hidden; }
	a.top-btn:hover, a.top-btn:focus { text-decoration : underline; outline : none; background-position : left bottom;}
	a.top-btn:hover span, a.top-btn:focus span { visibility : visible; outline : none; }

a.more-btn 
{ 
    float           : left; 

    padding         : 1px 4px; 
    text-decoration : none; 

    border-width    : 1px; 
    border-style    : solid; 

    display         : block; 

    margin-top      : 4px;
}
	

/* ARROWS FOR HEADING TAGS */
h2.adown
{
	background		: url('i/icons/red_arrow_down.png') left 4px no-repeat;
	padding-left	: 25px;
}

h2.aright
{
	background		: url('i/icons/red_arrow_right.png') left 4px no-repeat;
	padding-left	: 25px;
}

/* CONTAINERS  ------------------------------------------------------------------ */
div.c-wrapper
{
	margin			: 0px auto;
	width			: 842px;
	
	background		: url('i/bg/wrapper.png') center top repeat-y;	
}

div.c-top
{
	width			: 842px;
	background		: url('i/bg/topbg.png') left top no-repeat;
	overflow		: hidden;
}

div.c-footer
{
    clear           : both;
	margin			: 0px !important;
}
	.c-footer p { margin : 0px; padding : 0px; }
	.c-footer .footerlogo { background : url('i/logo/footersitelogo.png') left top no-repeat; padding : 0px 0px 0px 69px;}
	.c-footer span { display : block;}
	
	.c-footer .top { padding-bottom : 0px !important; }
	
div.c-banner
{
	clear			: both;
	width			: 760px;
	height			: 172px;
	background-color: #67ace9;	
	margin			: 0px auto;
}

div.c-body
{
	width			: 772px;
	margin			: 0px auto;
}

div.c-leftcol
{
	float			: left;
}

div.c-maincol
{
	width			: 530px;
	float			: left;
}


/* SITE BLOCKS ------------------------------------------------------------------ */
.w-block
{
	width			: 772px;
	
	margin-bottom	: 15px;
	position		: relative;
}
	.w-block .top, .w-block .bottom
	{
		background			: url('i/bg/wblock_top.png') left top no-repeat;
		height 				: 100%;
		padding             : 6px 0px;
	}

	.w-block .bottom { background : url('i/bg/wblock_bottom.png') left bottom no-repeat; padding : 0px; }
	.w-block .content { background : url('i/bg/wblock_sl.png') left top repeat-y; padding : 0px 18px; }
	.blue .top { background : url('i/bg/wblock_top_blue.png') left top no-repeat !important;  }
	
	.w-block img { border-style	: solid; border-width : 1px; margin : 0px 10px 0px 0px; }
	
/* NEWS BLOCK ------------------------------------------------------------------ */
.news-block
{
	float			: left;
	width			: 520px;
	margin-right	: 22px;
}

.news-list
{
	float			: left;
	width			: 190px;
	margin-right	: 10px;
}

.news-list-block
{
	display			: block;

	clear			: both;

	padding-top		: 2px;
	padding-bottom	: 10px;
	padding-left	: 4px;
    padding-right   : 4px;
	border-style	: solid;
	border-width	: 0px 0px 1px 0px;
	height          : 70px;
	min-height      : 70px;
	
	text-decoration : none;
}
    html>body .news-list-block { height : auto; }
    
    .news-list-block:focus { outline : none; }
    
	.news-list-block .heading
	{
		background		: url('i/icons/down_arrow.png') right 70% no-repeat;
		padding-right	: 10px;
		padding-bottom	: 0px;
		margin			: 0px 0px 0px 0px;
		font-weight		: bold;
	}
	
	.news-list-block img
	{
	    height          : 50px;
	    width           : 50px;
		clear			: both;
		float			: left;
		margin			: 0px 5px 0px 0px;
		border-width	: 1px;
		border-style	: solid;
	}

.mainnews-block
{
	float			: left;
	width           : 310px;
	margin-left     : 10px;
}
    .mainnews-block img { margin : 0px; padding : 0px; }


/* NEWS PAGE ELEMENTS ------------------------------------------------------------------ */
.latest-news-item img { float : left; }
.latest-news-item p { width : 395px; margin-top: 0px;}

.news-detail-view .column-left { margin-right : 10px; float : left; width : 310px; }
.news-detail-view .column-right { float : left; width : 410px;}

.news-detail-view .column-left img
{
    margin-bottom   : 10px;

    border-style    : solid;
    border-width    : 1px !important;     
}

    .news-detail-view .column-left a img 
    { 
        display         : block; 
        float           : left; 
        margin          : 2px !important; 
        width           : auto !important; 
        padding         : 2px !important;

        border-style    : solid;
        border-width    : 1px !important; 
    }
    
    .news-detail-view .column-left a img:focus { outline : none; }

    .news-detail-view .column-right p
    {
        margin          : 0px 0px 10px 0px;
    }

.news-item 
{ 
    position        : relative;
    display         : block; 

    margin-bottom   : 10px; 
    padding-bottom  : 10px;
    
    height          : 85px;
    min-height      : 85px;

    border-width    : 0px 0px 1px 0px;
    border-style    : solid;
    
}
    html>body .news-item { height : auto; }

.news-item .more-btn { padding : 1px 12px; position : absolute; right : 0px; bottom : 10px;}
.news-item h3 { margin : 0px; text-transform : capitalize;}
.news-item p { margin : 0px; display : block; margin-bottom : 2em;}
.news-item img { float : left; width : 120px; height : 80px; }


/* PROJECTS BLOCK ------------------------------------------------------------------ */
.projects-block
{
	float			: left;
	width			: 190px;
}
	.project-box
	{
		display			: block;
		background		: url('i/bg/project_sl.png') left top repeat-y;		
		font-weight		: bold;
		text-decoration	: none;
		margin-bottom	: 32px;
	}
	
	.project-box span
	{
		display			: block;
		background		: url('i/bg/project_top.png') left top no-repeat;		
	}
	
	.project-box span.bottom
	{
		min-height		: 54px;
		padding			: 4px 12px 4px 4px !important;				
		background		: url('i/bg/project_bottom.png') left bottom no-repeat;
		line-height		: 1em;
	}

	.project-box img { float : left; border-width : 1px; border-style : solid; height : 51px; width : 55px; }	
	
	.project-active { margin : 0px !important; }
	
	.project-box:hover, .project-box:focus, .project-active { background	: url('i/bg/a_project_sl.png') left top repeat-y; cursor : pointer; outline:none;}
	.project-box:hover span, .project-box:focus span, .project-active span { background: url('i/bg/a_project_top.png') left top no-repeat; }
	.project-box:hover span.bottom, .project-box:focus span.bottom, .project-active span.bottom { background	: url('i/bg/a_project_bottom.png') left bottom no-repeat; }

	.project-window .project-box { margin-bottom : 10px; }

.project-details-block
{
	width			: 534px;
	margin-left		: 10px;
	float			: left;
}

/* VIDEOS BLOCK ------------------------------------------------------------------ */
.video-block
{
	width			: 153px;

	padding			: 4px;
	float			: left;
		
	margin-left		: 29px;
}

	.video-block h3
	{
		margin          : 0px;
		padding			: 0px;

		background		: url('i/icons/right-arrow.png') left 4px no-repeat;				
		line-height		: 1em;

		padding-left	: 12px;
		float			: left;

		margin-bottom   : 0.5em;
		height          : 30px;
	}
	
	.video-block img 
	{ 
	    margin          : 0px !important;
	    border          : 0px !important;
	}
	
	.video-block a
	{
	    clear           : both;
		position		: relative;
		display			: block;
        
        padding         : 2px;
        		
		border-style    : solid;
		border-width    : 1px;
	}
	
	.video-block .play-btn
	{
		position		: absolute;
		bottom			: -20px;
		left			: 50%;
		margin-left		: -20px;
				
		width			: 40px;
		height			: 40px;
		
		background		: url('i/icons/video-play.png') top left no-repeat;
		
		display         : none;
	}

	.video-block a:hover .play-btn, .video-block a:focus .play-btn  { background-position : left bottom; outline : none; }
    .video-block a:focus, .video-block a:hover  { border :1px solid red; outline : none;}
    
    html>body .video-block a { margin-bottom : 18px; }
	html>body .video-block .play-btn { display : block; }
	
/* SPONSOR ------------------------------------------------------------------ */	
a.box-s1
{
	display			: block;
	overflow		: hidden;
	padding			: 5px;
	
	text-decoration : none;
	margin-bottom	: 10px;
	
	clear           : both;
	
	cursor          : pointer;
}
	a.box-s1 img { float : left;}
	a.box-s1 br { display : block; }
	a.box-s1 span { float : left; display : block; width : 580px; margin : 2px 0px;}

/* GALLERY ------------------------------------------------------------------ */	
.gallery-table
{
	width			: 100%;
	margin-bottom	: 10px;
}

	.gallery-table td
	{
		vertical-align	: top;
		text-align		: left;
		border-width	: 1px;
		border-style	: solid;
	}
	
	.gallery-table div
	{
		width			: 122px;
		margin			: 10px auto;
	}
	
	.gallery-table h3 { margin : 6px 0px 0px 0px;}	
	.gallery-table p { margin : 0px 0px; }	
	.gallery-table span { display : block; text-align : right; }	

	.galleryimage-list td { text-align : center !important; }		
	.galleryimage-list a {display : block; width : 100%; height : 100%; }
	.galleryimage-list img { margin : 4px; }
	
/* JOBS ------------------------------------------------------------------ */
.job-block, .download-block
{
	border-width	: 1px;
	border-style	: solid;
	
	padding			: 10px;
	margin-bottom	: 10px;
}

    .download-block { clear : both; margin-top : 10px; padding : 0px; border : 0px;}

	.job-block dl, .download-block dl
	{
		width				: 300px;
		border-width		: 1px;
		border-style		: solid;
		list-style-type		: decimal;
		margin				: 0px;
		padding				: 10px;
		float				: right;
	}
	
	.download-block dl { clear : both; float : none; width : auto;} 
	
	.job-block dl dt, .download-block dl dt
	{
		font-weight			: bold;
		margin				: 0px;
		margin-bottom		: 10px;
	}
	
	.job-block dl dd, .download-block dl dd
	{
		margin				: 0px 0px 4px 0px;
	}
	
	.job-block dl dd a, .download-block dl dd a 
	{ 
		display				: block;
		text-decoration		: none; 
		background			: url('i/icons/download-arrow.png') left center no-repeat;
		padding-left		: 20px;
	}

	.job-block dl dd a:hover, .download-block dl dd a:hover,
	.job-block dl dd a:focus, .download-block dl dd a:focus
    	{ text-decoration : underline; background : url('i/icons/adownload-arrow.png') left center no-repeat; outline : none; }


/* CONTACT-FORM */	
.contact-form
{
    float           : left;    
    width           : 66%;
    padding         : 10px;
    background      : #efefef url('i/bg/contact-form.png') bottom left repeat-x;
}

.info-block
{
    border-style    : solid;
    border-width    : 1px 1px 1px 0px;
    
    float           : left;
    
    width           : 200px;
    height          : 31em;
    
    margin-top      : 10px;
    padding         : 10px;
    
    background-image: url('i/bg/contact-details.png');
    background-position : right top;
    background-repeat: no-repeat;
}

.info-block p { margin : 0px; }
.info-block p span { display : block; }
.contact-form h3, .info-block h3 { margin : 0px 0px 10px 0px; }
.info-block h3 { border-width : 0px 0px 1px 0px; border-style : solid; width : 130px;}

.info-block a { margin : 0px 0px 20px 0px; display : block; text-decoration : none;}
    .info-block a:hover { text-decoration : underline; }

.error { float : right; margin-right : 16px; margin-bottom : 10px; text-transform : uppercase; font-weight : bold; }
html>body .error { margin-right : 30px; }
.success { margin-bottom : 10px; }

/* FORM ELEMENTS -----------------------------------------------------------  */	
.form-row
{
    clear           : both;
    margin-bottom   : 10px;
}

    .form-row label
    {
        display         : block;
        float           : left;
        width           : 7em;
        text-align      : right;
        margin-right    : 20px;
        font-weight     : bold;
    }

    .form-row input, .form-row textarea
    {
        width           : 70%;
        border-style    : solid;
        border-width    : 1px;
        padding         : 4px 2px;
    }
    
    .form-row textarea { overflow : auto; height : 24em;}
    
    .form-row .input-submit
    {
        float           : left;
        width           : auto;
        margin-left     : 110px;
        border          : 0px;
        padding         : 4px;
        cursor          : pointer;
    }
    
    
/* SITE MAP  ------------------------------------------------------------------ */    
ul.sitemap, ul.sitemap ul 
{
    margin          : 0px;
    padding         : 0px;
    list-style-type : none;

    background      : url('i/icons/sitemap.gif') left top repeat-y;        
    margin-bottom   : 10px;
    margin-left     : 5px;
}

    ul.sitemap ul { margin-top : 4px; }
    
    ul.sitemap li 
    {
        padding         : 0px;
        background      : url('i/icons/sitemap-item.gif') left top no-repeat;
        padding-left    : 30px;
        font-weight     : bold;
    }
    
    ul.sitemap ul li { font-weight : normal; }
    
    ul.sitemap li.last { background : url('i/icons/sitemap-item-last.gif') left top no-repeat; }
    
    ul.sitemap li a { text-decoration : none; }
    ul.sitemap li a:hover, ul.sitemap li a:focus { text-decoration : underline; outline : none;}    
    
.sitemap-icon
{
    background      : url('i/icons/sitemap-icon.gif') left top no-repeat;
    width           : 29px;
    height          : 21px;
}

.sitemap-pimage
{
    width           : 380px;
    height          : 243px;
    background      : url('i/bg/sitemap.jpg') left top no-repeat;
    float           : right;
    border-style    : solid;
    border-width    : 1px;
}


.c-maincol img
{
	margin: 0px;
	border: none;	
}