﻿/**********************************************************************************
=Global
**********************************************************************************/

html, body {
	border:0;
	margin:0;
	padding:0;
	font-size: 100%;
	height: 100%;}

table{ font-size: 100%; }

body {	color: #000000;
	font-family : arial, verdana, Helvetica, sans-serif;
	font-size: 69%;
	text-align: center;
	background:url(../images/bg.gif); }


.clear 	{ clear:both; }

.left 	{ float:left; }
.right 	{ float:right; }

.b 	{ font-weight:bold; }
.i 	{ font-style:italic; }

.nobrk  { white-space : nowrap; }

.hidden{display:none;}


/**********************************************************************************
=Common
**********************************************************************************/

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;}

h1 {	padding:30px 0 25px 0;
	font-size:2em;
	font-weight:normal;}

h2 {padding:5px 0 ;
	font-size:1.4em;}

	#summary h2, h2.summary{
		color:#717070;
		text-align:right;
		padding:20px 20px 20px 0;
		font-size:1.8em;}

h3 {	font-size:1.09em;}

h3.profile, h3.profile a{
	font-size:1.3em;
	color:#3B2483;
	text-decoration:none;
	}
	
h3 a{
	font-size:1em;
	}

h3 a:hover{
	text-decoration:underline;
	}

	#summary h3{
		color:#3F7686;
		text-align:left;
		font-size:1.3em;}
		
	h3.news{color:#3F7686;}

p  {margin:0;
	padding:0 0 18px 0;}

ul, ol {padding:0 0 0px 40px;}
	ul.nobullet{padding:0;margin:5px 0 15px 20px; list-style-type:none;}
	ul.nobullet li{list-style-type:none;padding:0;margin:0;}

img {border:0;}


/**********************************************************************************
=Text
**********************************************************************************/

a{color:#3B2583;}

.text{
font-size : 1.09em;
color:#5F5F5F;}

.smalltext{
font-size : 1em;
color: #000000;}

.liltext{
font-size : 0.9em;
color: #000000;}

.head{
font-size : 1.2em;
font-weight : bold;
color: #003399;}

.title{
font-weight : bold;
font-size : 1.27em;
color: #FFFFFF;}


/**********************************************************************************
=Navigation
**********************************************************************************/

#topnavbar {
	margin-top:24px;	
	width:640px;
	float:right;
}

#topnav { /* nav list */
	padding: 0;
	margin: 0;
	list-style: none;
	clear:both;
}
#topnav, #topnav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}

#topnav li { /* nav list items */
	float: left;
}
#topnav li a {
	text-decoration:none;
	text-transform:lowercase;
	color:#7877A8;
	overflow:hidden;
	font-size:1.3em;
	height:21px;
	line-height:21px;
	display:block;
	text-align:center;
}
	#topnav li:hover a, #topnav li.sfHover a {color:#ffffff;}

	#topnav li ul li a {
		text-transform:none;
		text-align:left;
		line-height:1em;
		height:auto;
	}
/*Home*/			
#topnav li#home a {width:59px;}
#topnav li#home:hover a, #topnav li#home.sfHover a{background:url("../images/n_home.gif");}

/*Profile*/			
#topnav li#profile a {width:68px;}
#topnav li#profile:hover a, #topnav li#profile.sfHover a{background:url("../images/n_profile.gif");}

/*Products*/			
#topnav li#products a {width:82px;}
#topnav li#products:hover a, #topnav li#products.sfHover a{background:url("../images/n_products.gif");}

/*After Sales*/			
#topnav li#aftersales a {width:93px;}
#topnav li#aftersales:hover a, #topnav li#aftersales.sfHover a{background:url("../images/n_aftersales.gif");}

/*Applications*/			
#topnav li#applications a {width:102px;}
#topnav li#applications:hover a, #topnav li#applications.sfHover a{background:url("../images/n_applications.gif");}

/*News*/			
#topnav li#news a {width:59px;}
#topnav li#news:hover a, #topnav li#news.sfHover a{background:url("../images/n_news.gif");}

/*Members*/			
#topnav li#members a {width:85px;}
#topnav li#members:hover a, #topnav li#members.sfHover a{background:url("../images/n_clientarea.gif");}

/*References*/			
#topnav li#references a {width:102px;}
#topnav li#references:hover a, #topnav li#references.sfHover a{background:url("../images/n_references.gif");}

/*Contact*/			
#topnav li#contact a {width:90px;}
#topnav li#contact:hover a, #topnav li#contact.sfHover a{background:url("../images/n_contact.gif");}


#topnav li ul.profile
{
	position: absolute;
	width:158px;
	left: -999em;
	margin-left:1px;
	z-index:9999;
	border:solid 1px #72A5B1;
}

#topnav li ul.products
{
	position: absolute;
	width:208px;
	left: -999em;
	margin-left:1px;
	z-index:9999;
	border:solid 1px #72A5B1;
}

#topnav li ul.aftersales
{
	position: absolute;
	width:130px;
	left: -999em;
	margin-left:1px;
	z-index:9999;
	border:solid 1px #72A5B1;
}
	#topnav li#profile ul{background:#FFFFFF;}
	#topnav li#products ul{background:#FFFFFF;}
	#topnav li#aftersales ul{background:#FFFFFF;}
		
#topnav li:hover ul, #topnav li.sfHover ul
{
	left: auto;
}

#topnav li li{margin:0;}

#topnav li#profile ul li a
{
	display:block;
	width:146px;
	height:auto;
	padding:4px 6px;
	background:none!important;
	color:#3B2483;
	font-family:Arial;
	font-size:1.27em;
	text-decoration:none;
}	
	#topnav li#profile ul li:hover a{text-decoration:underline;}, #topnav li#profile ul li.sfHover a{background:#FFFFFF!important;}

#topnav li#products ul li a
{
	display:block;
	width:196px;
	height:auto;
	padding:4px 6px;
	background:none!important;
	color:#3B2483;
	font-family:Arial;
	font-size:1.27em;
	text-decoration:none;
}	
	#topnav li#products ul li:hover a{text-decoration:underline;}, #topnav li#products ul li.sfHover a{background:#FFFFFF!important;}
	
#topnav li#aftersales ul li a
{
	display:block;
	width:118px;
	height:auto;
	padding:4px 6px;
	background:none!important;
	color:#3B2483;
	font-family:Arial;
	font-size:1.27em;
	text-decoration:none;
}	
	#topnav li#aftersales ul li:hover a{text-decoration:underline;}, #topnav li#aftersales ul li.sfHover a{background:#FFFFFF!important;}
	
	#topnav li ul li ul{margin: -2.1em 0 0 119px;}
	#topnav li:hover ul ul, #topnav li.sfHover ul ul{	left: -999em;}
		#topnav li:hover ul, #topnav li li:hover ul, #topnav li.sfHover ul, #topnav li li.sfHover ul{left: auto;}
		


/**********************************************************************************
=Links
**********************************************************************************/

a.flip{
	font-weight : normal;
	text-decoration: none;
	color: #3B2483;}

a.flip:hover{
	font-weight : normal;
	text-decoration: underline;
	color: #3B2483;}
	
a.flip2{
	font-weight : bold;
	text-decoration: underline;
	color: #1D9F9F;}

a.flip2:hover{
	font-weight : bold;
	text-decoration: none;
	color: #006262;}
	
a img{display:block;}

a.flipnone{
	text-decoration: none;
	}

a.flipnone:hover{
	text-decoration: underline;
	}
	
a.flipcoconut{
	text-decoration: none;
	color: #FFFFFF;}

a.flipcoconut:hover{
	text-decoration: underline;
	color: #FFFFFF;}
	

/**********************************************************************************
=Forms 
**********************************************************************************/

form {	margin:0;
		padding:0;
		display:inline;}

fieldset{border:none;}	
	
label{
	display:block;
}
	label.inline{
	display:inline;
	padding-left:5px;
	}

input, select, textarea {font-size:1em;}

input.i300{
	display:block;
	width : 300px;
	font-size : 1em;
	font-weight : normal;
	font-family :  arial, verdana, Helvetica, sans-serif;
	color: #3B2483;
	background-color : #FFFFFF;}

select.s140{
	width : 140px;
	font-size : 1em;
	font-weight : normal;
	font-family :  arial, verdana, Helvetica, sans-serif;
	color: #3B2483;
	background-color : #FFFFFF;}
	
textarea.t300{
	width : 300px;
	height:75px;
	font-size : 1em;
	font-weight : normal;
	font-family :  arial, verdana, Helvetica, sans-serif;
	color: #3B2483;
	background-color : #FFFFFF;}

/**********************************************************************************
=Tables 
**********************************************************************************/

table {	border:0;
	margin:0;
	padding:0;}


/**********************************************************************************
=Layout
**********************************************************************************/

#container{
	font-size: 100%;
	width:900px;
	margin:0 auto 0 auto;
	text-align:left;
	background:#FFF;
	border:1px solid #D7E4E7;
	border-top:0;
	padding:20px 30px 10px 30px;
	color:#5F5F5F;
	}
	
#header {
	background:url(../images/bg_header.gif) repeat-x;
	width:100%;
	float:left;
	position:relative;
	}
	#logo{float:left;}

	#awmAnchor-menu{
		list-style-type:none;
		font-size:1.27em;
		margin-top:45px;}
		
	#strapline{
		text-align:right;
		float:right;
		color:#1D9F9F;
		font-size:1.8em;
		text-transform:uppercase;
		font-weight:normal;
		clear:right;
		margin:20px 0 20px 0;
		padding:0;
		width:400px;
		}

p.breadcrumb{color:#3B2483;clear:both;padding:0;}
	p.breadcrumb a{color:#3B2483;text-decoration:underline;}

#left{
	width:266px;
	float:left;
	margin-bottom:20px;
	}
	
#right{
	width:614px;
	padding-left:20px;
	float:left;
	margin-bottom:20px;
	}
	
	h2 a{text-decoration:none;}
	h2 a:hover{text-decoration:underline;}

#summary{
		font-weight:bold;
		border-bottom:2px dotted #B5D3D3;
		margin-bottom:20px;
		}

#footer{
	margin-top:30px;
	color:#72A5B1;
	}
	
	#footer a{
		color:#72A5B1;
		}
	
	#footer span{
		padding-left:20px;
		float:left;
		height:16px;
		}			
	
	#footer p.copyright{
		padding:0 20px 0 0;
		float:right;
		text-align:right;
		margin:0;
		height:16px;
		color:#667D75;
		}
		
	#footer p.regno{
		padding:0;
		float:right;
		width: 250px;
		text-align:left;
		margin:0;
		color:#667D75;
		clear:both;
		}


img.linkedin{
		margin: 0 0 0 32px;
		}
		
		
#column_left{
	width:47%;
	border-right:#72A5B1 dotted 2px;
	padding: 0 20px 0 0;
	font-size: 1.2em;
	margin:20px 0 20px 0;
	float:left;}
	
	#column_left p{margin-bottom:10px;} 
	#column_left h3{color:#5F5F5F;font-size:1.1em;}

		
#block{
	height:158px;
	color:#72A5B1;
	font-weight:bold;
	}
	#block h4{font-size:1.2em;}
	#block.profile{background:url(../images/bg_profile.jpg) top left no-repeat;padding:30px 14px 0 170px;}
	.closures{background:url(../images/bg_closures.jpg) top left no-repeat;padding:30px 14px 0 170px;}}
	
.news_block{
	height:auto;
	margin-top:0px;
	margin-bottom:30px;}
	
.image_link{
	width:101px;
	height:132px;
	background:url(../images/bg_imagelink.gif) no-repeat top left;
	padding:12px 12px 6px 12px;
	text-align:center;
	float:left;
	margin:0 30px 20px;
}
	.image_link img{margin-bottom:5px;}
	.image_link a{color:#241B6F;font-size:1.1em;text-decoration:none;text-transform:uppercase;}
	.image_link a:hover{text-decoration:underline;}
	
.image_link2{
	width:226px;
	height:250px;
	background:url(../images/bg_imagelink2.gif) no-repeat top left;
	padding:12px 12px 6px 12px;
	text-align:center;
	float:left;
	
}
	.image_link2 img{margin-bottom:5px;}
	.image_link2 a{color:#241B6F;font-size:1.1em;text-decoration:none;text-transform:uppercase;}
	.image_link2 a:hover{text-decoration:underline;}
	
	
.highlightbox {
	border:2px dotted #1D9F9F;
	padding:20px; }
	
	.highlightbox h4{
		color:#1D9F9F;
		font-weight:bold;
		font-size:1.09em; }
		
.polkadivider {
	height:2px;
	border-bottom:2px dotted #B5D3D3;
	margin-bottom:20px; }
	
p.onepara {
	padding-bottom:8px; }
	
ul.arrow{
list-style: none;
margin:0;
padding:0 0 18px 0;
}

ul.arrow li{
margin:0.5em 0 0.5em 1.5em;
padding-left: 14px;
background-image: url(../images/arrow_lil.gif);
background-repeat: no-repeat;
background-position: 0 .3em;
}
	
/**********************************************************************************
=Buttons
**********************************************************************************/
.button{
	float:right;
	clear:both;
	margin: 0 0 5px 0;
}

.btnMore{
	text-align:right;
	padding:4px 0 0 0px;
	height:14px;
	display:block;
	}
	
.btnMore a{
	float:right;
	}
	
.more{
	float:right;
	margin:4px 12px 8px 0px;
	}
	
/**********************************************************************************
=Popup
**********************************************************************************/
#pop_overlay
{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #EDEFF5;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    z-index:997;
}

* html #pop_overlay{position:absolute;}

#pop_container
{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index:998;
}

#pop_inner
{
    display: block;
    height: auto;
    position:absolute;
    top:120px;
    left:50%;
    margin:0;
    padding:20px;
    background: #FFFFFF;
    border: 2px solid #D8E1E3;
    text-align: left;
    z-index:999;
}
    #pop_inner.image
    {
        padding:10px;
        top:20px;
    }

	#pop_inner a{
		color:#656C8C;
		font-size:1.2em;
		text-transform:uppercase;
		text-decoration:none;
		float:right;
		}
		#pop_inner a:hover{text-decoration:underline;}
		
/********************************************************************/
/* 								Menu								*/
/********************************************************************/
#nav{
	padding:0;
	margin:0;
	list-style-type:none;
	}
	
	#nav li{
		padding:5px 0 5px 0;
		margin:0;
		list-style-type:none;
		text-align:left;
		border-bottom:2px dotted #B5D3D3;
		}
		
	#nav a{
		color:#1D9F9F;
		font-weight:bold;
		font-size:1.2em;
		text-transform:uppercase;
		text-decoration:none;
		padding-left:12px;
		background: url(../images/nav_arrow.gif) no-repeat left
		}
		
		#nav a:hover{
		text-decoration:underline;
		}
		
		#nav li.active a{
		color:#3B2483;
		background: url(../images/nav_selected.gif) no-repeat left
		}
		
	#nav li ul{display:none;}
	
	#nav li.active ul{
		display:block;
		margin:5px 0 0 0;}
	
	#nav li.active ul li{
		padding:2px 0;
		border:none;}
	
	#nav li.active ul li a{
		display:block;
		font-weight:normal;
		font-size:1.1em;
		text-transform:uppercase;
		background: url(../images/nav_sub.gif) no-repeat left;}
		
		#nav li.active ul li a.active{text-decoration:underline;}	
		
/********************************************************************/
/* 								Contacts							*/
/********************************************************************/

.contact{
	float:left;
	margin:20px 40px 0 0;
	width:240px;
	background:url(../images/user.gif) no-repeat top left;
	padding-left:20px;
}
	.contact h4{
		color:#1D9F9F;
		text-transform:uppercase;
		font-size:1.2em;}
		
	.contact .position{
		color:#5F5F5F;
		font-size:1.1em;
		font-weight:bold;}

	.contact .mobile, .contact .phone, .contact .email{
		font-weight:bold;
		}		
	
/**********************************************************************************
=Albums
**********************************************************************************/
#album
{
    width:483px; 
    margin:7px auto; 
}

#album #big_image, #album #big_image img
{
    width:483px;
    height:362px;
    position:relative;
}
    #album #big_image span.warning
    {
        display:block;
        font-size:1.4em;
        color:#A4AF8E;
        padding:150px 20px 0;
        text-align:center;
    }
    #aEnlarge, #aSave
    {
        display:block;
        position:absolute;
        bottom:0;
        right:10px;
        background:url(../images/bg_enlarge.png) no-repeat;
        width:110px; height:30px;
        line-height:30px;
        padding: 0 0 0 33px;
        color:#DDDDDD;
        text-decoration:none;
        text-transform:uppercase;
    }
    #aSave
    {
        bottom:0;
        right:160px;
        background:url(../images/bg_save.png) no-repeat;
        width:45px;
    }
    
#album h3
{
    color:#FFFFFF;
    background:#1D9F9F;
    text-transform:uppercase;
    font-size:1.1em;
    font-weight:normal;
    padding:2px 5px;
    border:2px solid #FFFFFF;
    border-left:0;border-right:0;
}
#album #thumbnails_container
{
    border-left:2px solid #FFFFFF;
    float:left;
    width:419px;
}

    #album #thumbnails ul
    {
        padding:0;
        margin:0;
        list-style-type:none;   
        background:#FFFFFF;
        display:block;
        border-bottom:2px solid #FFFFFF;
    }
        #album #thumbnails ul li{float:left;border-right:2px solid #FFFFFF;padding:0;}
        #album #thumbnails ul li img{float:left;}	
		
		
		
		
