/*
    Site:    www.xeed.no
    Author:  Warren Buckley
    File:    Xeed.css
    Updated: 2008-01-19: Christian Melbye - New Footer
*/

body
{
    background-color:#f4f2e9;
    font-family: Helvetica, Arial, Geneva;
    text-align:center;
}

a
{
  outline: none;
}

.left
{
    float:left;
}

.right
{
    float:right;
}

/*
==========================================================
ClearFix method
http://www.positioniseverything.net/easyclearing.html
==========================================================
*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }


#Page
{
    width:960px;
    margin:0 auto;
    background-color:#FFFFFF;
    padding:10px 15px 0px 15px;
    text-align:left;
}

div.lang a
{
    text-transform:uppercase;
    font-size:10px;
    color:#cc3300;
    text-decoration:none;    
    padding:0 0 0 22px;   
}

    div.lang a:hover
    {
        color:#A62800;
    }

a.eng
{
    background-image:url(../Assets/Flags/uk_flag.gif);
    background-repeat:no-repeat;
}

a.no
{
    background-image:url(../Assets/Flags/no_flag.gif);
    background-repeat:no-repeat;
}

#header
{
   /*background-color:Green;*/
   border-bottom:3px solid #cc3300;
   width:960px;
}

    #header div.clearfix
    {
        width:960px;
    }

#header h1
{
    background-image:url(../Assets/xeed_logo.gif);
    background-repeat:no-repeat;
    height:69px;
    width:160px;
}

    #header h1 a
    {
        display:block;
        height:100%;
        text-indent:-100000px;
    }
    
.headerContainerRight
{
    width:420px;
}
 
#header .address
{
    color:#6e6d69;
    font-size:11px;
    height:69px;
    line-height:110px;
}

    #header .address span
    {
        padding:0 5px 0 8px;
        background-image:url(../Assets/Misc/dotted_border_vert.gif);
        background-repeat:repeat-y;
    }
    
    #header .address span.first
    {
        background:none;
    }
    
#header .login
{
    height:32px;
    width:79px;
    margin:38px 0 0 0;
    background-image:url(../Assets/Buttons/login_btn.gif);
    background-repeat:no-repeat;
}

    #header .login a
    {
        display:block;
        height:100%;
        text-indent:-100000px;
    }
    
#loginPanel
{
    height:169px;
    display:none;    
    background-image:url(../Assets/Backgrounds/login_panel_bg.gif);
    background-repeat:repeat-x;
    padding:23px 0 0 30px;
    
    font-size:12px;
    color:#681800;
}

    #loginPanel div
    {
        width:260px;
        height:145px;
        padding:0 20px;
        
        background-image:url(../Assets/backgrounds/login_panel_rule_bg.gif);
        background-position:top left;
        background-repeat:repeat-y;
    }
    
    #loginPanel div.first
    {
        background:none;
        width:250px;
    }

    #loginPanel h3, #loginPanel h4
    {
        color:#681800;        
        letter-spacing:-1px;
    }
    
    #loginPanel h3
    {
        font-size:20px;
        margin:0 0 18px;
    }
    
    #loginPanel h4
    {
        font-size:14px;
        font-weight:bold;
        margin:0 0 15px;
    }
    
    #loginPanel p
    {
        margin:0 0 10px 0;
    }
    

    #loginPanel .text
    {
        width:210px;
        height:19px;
        border:1px solid #c12f00;
        
        padding:4px 10px 3px 5px;
        font-family: Helvetica, Arial, Geneva;
        font-size:14px;
        color:#9a9898;
    }

    #loginPanel .loginSubmit
    {
        margin:10px 20px 0 0;
    }
    
    #loginPanel .forgotPassSubmit
    {
        margin:9px 0 0 0;
    }
    
#PageContent
{
    background-image:url(../Assets/Backgrounds/page_grad_bg.gif);
    background-repeat:repeat-x;
    margin:0 0 20px 0;
}

#navi
{
    height:34px;
    margin:0 0 16px 0;
}
   
#navi li
{
    float:left;
    display:block;
    height:34px;
    width:85px;
    
    text-align:center;
    line-height:34px;    
    font-size:14px;
    
    background-image:url(../Assets/Backgrounds/navi_rule_bg.gif);
    background-repeat:repeat-y;
}

#navi li.first
{
    background:none;
}


#navi li a
{
	color:#cc3300;
	text-decoration:none;
	display:block;
}

#navi li a:hover, #navi li.selected a:hover
{
    color:#A62800;
}

#navi li.selected a
{
	color:#333333;
}

.home2col
{
    width:960px;
}

#FeatureArea
{
    width:700px;
    border:1px solid #d9d6ce;
    background-color:#f9f8ed;
}

    #FeatureArea .left img
    {
        display:none;
    }
    
    #FeatureArea .left img.active
    {
        display:block;
    }
    

    #FeatureArea ul
    {
        width:215px;
        font-size:10px;
        color:#3c3b39;
    }
    
    #FeatureArea ul li
    {
        height:42px;
        line-height:42px;
        background-image:url(../Assets/Backgrounds/feature_item_bg.gif);
        background-repeat:no-repeat;
        
        display:block;        
    }
    
        #FeatureArea ul li.first
        {
            background-image:url(../Assets/Backgrounds/feature_item_1_bg.gif);
        }
    
        #FeatureArea ul li a:hover
        {
            background-image:url(../Assets/Backgrounds/feature_item_rollover_bg.gif);
        }
   
        #FeatureArea ul li.first a:hover
        {
            background-image:url(../Assets/Backgrounds/feature_item_rollover_1_bg.gif);
        }
        
     #FeatureArea ul li a
     {
        display:block;
        text-decoration:none;
        color:#3c3b39;
        padding:0 10px 0 23px;
     }
          
        #FeatureArea ul li a p.header
        {
            background-image:url(../Assets/Misc/link_arrow.gif);
            background-repeat:no-repeat;
            background-position:0px 17px;
            padding:0 0 0 12px;
            margin:0 0 0 -12px;
            text-transform:uppercase;
            font-size:9px;
        }
    
    #FeatureArea ul li.active
    {
        height:88px;
        line-height:normal;
        background-image:none;
        background-color:#f9f8ed;
        
        border-top:1px solid #d9d6ce;        
    }
        
    #FeatureArea ul li.active.first
    {
        border:none;       
    }
        #FeatureArea ul li.active.first a:hover
        {
            background-image:none;
        }
        
        #FeatureArea ul li.active a
        {
            background-image:none;
            color:#8ebf43;
            padding:10px 5px 0 23px;           
        }
            
            #FeatureArea ul li.active a p.header
            {
                background-image:url(../Assets/Misc/link_arrow.gif);
                background-repeat:no-repeat;
                background-position:0px 5px;
                text-transform:uppercase;
                font-size:12px;
            }
        
            #FeatureArea ul li.active a div
            {
                font-size:12px;
                color:#474644;
            }
    
                #FeatureArea ul li.active a div span
                {
                    color:#CC3300;
                    font-weight:bold;
                    font-size:10px;
                    float:right;
                }
                
                    #FeatureArea ul li.active a div span:hover
                    {
                        color:#A62800;
                    }
    
    /* Hide the extra text info if not active class */
    #FeatureArea ul li div
    {
        display:none;
    }
    
    /* Show the extra text info if active class */
    #FeatureArea ul li.active div
    {
        display:inline;
    }


#twitter
{
    width:243px;
    height:300px;
    background-image:url(../Assets/Backgrounds/twitter_bg.gif);
    background-repeat:no-repeat;
    background-position:0 49px;    
}

#twitter h2
{
    background-image:url(../Assets/Backgrounds/twitter_top.gif);
    background-repeat:no-repeat;
    height:49px;
    width:243px;
    
    text-indent:-100000px;
}

#twitter ul
{
    margin:0 17px 0 15px;
    height:212px;
    overflow:hidden;
}

#twitter li
{
    margin:0 0 17px 0;
    font-size:12px;
    color:#666666;
    font-style:italic;
    
    line-height:16px;
}

#twitter span
{
    font-size:11px;
    color:#6BA11C;
    font-style:normal;
}
 
#twitter em
{
    font-size:11px;
    color:#9c9f9b;
    font-style:normal;
    margin:0 0 0 5px;
}

#twitter a
{
    color:#CC3300;
}

    #twitter a:hover
    {
        color:#A62800;
    }


#twitter a.follow
{
    display:block;
    height:22px;
    width:55px;
    text-indent:-100000px;
    margin:10px 0 0 15px;
    
    background-image:url(../Assets/Buttons/follow_btn.gif);
    background-repeat:no-repeat;
    background-position:0 0;   
}

#twitter a.follow:hover
{
    background-position:0 -22px;
}


/*
Home 3col section
*/

.home3col
{
    margin:28px 0 0 0;
}

.home3col h2
{
    color:#424242;
    font-size:20px;
    margin-bottom:10px;
}

    .home3col .first-col
    {
        width:378px;
        margin:0 20px 0 0;
    }
    
        #services-tabs
        {
            background-image:url(../Assets/Backgrounds/home_panel_tab_bg.gif);
            background-repeat:no-repeat;
            background-position:bottom left;
            
            padding-left:10px;
        }
        
        #services-tabs li
        {
            float:left;
            width:71px;
            height:40px;            
            margin:0 1px 0 0;
            
            font-size:11px;
        }
        
            #services-tabs li a
            {
                display:block;
                width:71px;
                height:30px;
                background-image:url(../Assets/Backgrounds/tab_bg.gif);
                background-repeat:no-repeat;
                background-position:0 0;
                
                color:#b4ac9e;
                text-decoration:none;
                text-align:center;
                padding:10px 0 0 0;
            }
            
            #services-tabs li.active a, #services-tabs li.active a:hover
            {
                background-position:0 -80px;
                color:#FFFFFF;
            }
            
            #services-tabs li a:hover
            {
                background-position:0 -40px;
                color:#b4ac9e;
            }
            
            #services-tabs li a.doubleLine
            {
                padding:5px 0 0 0;
                height:35px;
            }
            
        #pnl-text
        {
            background-image:url(../Assets/Backgrounds/home_panel_text_bg.gif);
            background-repeat:no-repeat;
            padding:28px 31px 0 19px;
            color:#6E6D69;
        }

            #pnl-text p strong
            {
                font-weight:bold;
                font-size:14px;
            }
            
            #pnl-text p
            {
                font-size:12px;
                margin:0 0 15px 0;
                /*line-height:16px;*/
                line-height:18px;
            }
            
            #pnl-text a
            {
                color:#CC3402;
                text-decoration:none;
            }
            
            #pnl-text a:hover
            {
                color:#CC3402;
                text-decoration:underline;
            }
            
        .serviceIcons li
        {
            margin:0 0 6px 0;
            /*background-color:red;*/
            width:100%;
        }
        
            .serviceIcons li a
            {
                color:#CC3300;
            }
        
            .serviceIcons li a span
            {
                height:30px;
                line-height:30px;
                /*background-color:Green;*/
                padding:0 0 0 5px ;
                font-size:12px;
                color:#CC3300;
            }
                     

    .dotted-box
    {
        border:1px dashed #add66e;
        margin:0 31px 0 19px;
        padding:12px;
        
        font-size:11px;
        color:#6e6d69;
    }
    
        .dotted-box h4
        {
            color:#82ae3d;
            font-size:16px;
        }
        
        .dotted-box p
        {
            margin:0 0 10px 0;
        }

    .home3col .second-col
    {
        width:299px;
        margin:0 19px 0 0;
    }
    
        .home3col .second-col .freeText
        {
            color:#6e6d69;
            font-size:12px;
            border-bottom:1px dotted #6e6d69;
            background-image:url(../Assets/Backgrounds/free_text_bg.gif);
            background-repeat:repeat-x;
            
            padding:20px 20px 30px 15px;
        }
        
            .home3col .second-col .freeText p
            {
                margin:10px 0 0 0;
                line-height:16px;
            } 
            
            .home3col .second-col .freeText strong
            {
                font-weight:bold;
            }
            
            .home3col .second-col .freeText h3
            {
                color:#424242;
                font-size:14px;
            } 
            
            .home3col .second-col .freeText ul
            {
                margin:0 0 15px 0;
            }
            
                .home3col .second-col .freeText li
                {
                    list-style-image:url(../Assets/Misc/link_arrow.gif);
                    list-style-position:inside;
                    color:#cc3402;
                }


        .home3col .second-col a
        {
            color:#cc3402;
            font-size:12px;
            text-decoration:none;
            margin:5px 0 0 0;
        }

        #team-grid
        {
            border-top:1px solid #90c044;
            border-bottom:3px solid #90c044;
            margin-top:14px;           
        }

        #team-grid li
        {
            float:left;
            margin:0 0 1px 1px;
            width:59px;
            height:43px;
        }

        #team-grid li.first
        {
            margin-left:0;
        }
        
        #team-grid li.active
        {
            background-color:#FFFFFF;
            opacity:0.5;
            -moz-opacity: 0.5;
	        filter: alpha(opacity=50);
        }
        
        #contact-panel
        {
            display:none;        
                    
        }
            .home3col .second-col .team a.hideContact
            {
                float:right;
                margin:0;
            }

            #contact-panel .contact-info
            {
                height:78px;
                padding:0px 0px 9px 12px;
                margin:0;
                color:#FFFFFF;       
                
                background-image:url(../Assets/Backgrounds/contact_info_bg.gif);
                background-repeat:repeat-x;
            }
            
                #contact-panel .contact-info h3
                {
                    font-size:15px;
                    padding:5px 0 0 0;                    
                }
                
                #contact-panel .contact-info h4
                {
                    font-size:11px;
                    margin:0 0 8px 0;
                }
                
                #contact-panel .contact-info span
                {
                    font-size:12px;
                }
                
                #contact-panel strong
                {
                    font-weight:bold;
                }
                
                #contact-panel .contact-info a
                {
                    color:#cc3300;
                    font-size:12px;
                }
                
                    #contact-panel .contact-info a:hover
                    {
                        color:#A62800;
                    }
            
                #contact-panel .contact-web
                {
                    border-top:26px solid #f4f2e9;
                    border-left:1px solid #e9e6dd;
                    border-right:1px solid #e9e6dd;
                    border-bottom:1px solid #e9e6dd;
                }
                
                    #contact-panel .contact-web div
                    {
                        padding:0 5px 5px 5px;
                    }

                    #contact-panel .contact-web a
                    {
                        font-size:10px;
                        color:#cc3402;
                        text-decoration:none;
                                                                       
                        margin-right:10px;
                        padding:3px 0 0 17px;
                        
                        background-repeat:no-repeat;
                        background-position:left center;
                    }
                                        
                    #contact-panel .contact-web .twitter
                    {
                        background-image:url(../Assets/Misc/twitter.gif);   
                        padding-left:13px;                     
                    }
                    
                    #contact-panel .contact-web .facebook
                    {
                        background-image:url(../Assets/Misc/facebook.gif);                                             
                    }
                    
                    #contact-panel .contact-web .delicious
                    {
                        background-image:url(../Assets/Misc/delicious.gif);                 
                    }
                    
                    #contact-panel .contact-web .youtube
                    {
                        background-image:url(../Assets/Misc/youtube.gif);                      
                    }
                    
                    #contact-panel .contact-web .digg
                    {
                        background-image:url(../Assets/Misc/digg.gif);
                        padding-left:19px;
                    }
                    
                    
                    
                    #contact-panel .contact-web .secondRow
                    {
                        border-top:1px solid #e9e6dd;                        
                    }

    .home3col .third-col
    {
        width:242px;
    }
    
        .home3col .third-col a.left
        {
            margin:0 0 0 15px;
        }
    
        .home3col .third-col h4.tema_NO
        {
            width:242px;
            height:20px;
            background-image:url(../Assets/Misc/tema_header.gif);
            background-repeat:no-repeat;
            
            text-indent:-100000px;
        }
        
        .home3col .third-col h4.tema_EN
        {
            width:242px;
            height:20px;
            background-image:url(../Assets/Misc/articles_header.gif);
            background-repeat:no-repeat;
            
            text-indent:-100000px;
        }
        
        .home3col .third-col #tema-items
        {
            /*
            background-image:url(../Assets/Backgrounds/tema_grad_bg.gif);
            background-repeat:repeat-x;
            */
            
            padding:0 13px 0 16px;
            margin:0 0 7px 0;
        }
        
            .home3col .third-col #tema-items li
            {
                border-bottom:1px dotted #6e6d69;
                padding:15px 0 0 0;
            }
            
                .home3col .third-col #tema-items li h3
                {
                    font-size:14px;
                    color:#424242;
                }
                
                    .home3col .third-col #tema-items li h3 a
                    {
                        float:none;                        
                        margin:0;
                        padding:0;
                        
                        background:none;
                        
                        font-size:14px;
                        color:#424242;
                        font-weight:normal;
                        text-decoration:none;
                    }
        
                .home3col .third-col #tema-items li h4
                {
                    font-size:12px;
                    color:#97cb48;
                }
                
                .home3col .third-col #tema-items li p
                {
                    font-size:12px;
                    color:#6E6D69;
                    margin:10px 0 8px 0;
                    line-height:16px;
                }
                
                .home3col .third-col #tema-items li a
                {
                    color:#cc3402;
                    font-size:12px;
                    text-decoration:none;
                    font-weight:normal;
                    
                    background-image:url(../Assets/Misc/link_arrow.gif);
                    background-repeat:no-repeat;
                    background-position:left center;
                    padding:0 0 0 8px;
                    
                    float:right;
                    margin:0 0 7px 0;
                }
                
                    .home3col .third-col #tema-items li a:hover
                    {
                        color:#A62800;
                    }
                
        .home3col .third-col a
        {
            color:#cc3402;
            font-size:14px;
            text-decoration:none;
        }
                
#footer
{
    background-color:#e7e5dc;
    border-top:1px solid #d9d6ce;
    border-bottom:1px solid #FFFFFF;
    width:960px;
    background-image:url(../Assets/Misc/footer_background.jpg);
    background-repeat:no-repeat;
    height: 97px;
    
    padding:12px 15px 15px 15px;
    margin:0 auto;
    text-align:center;
}

    #footer div
    {
        text-align:left;
    }
    
    #footer .first-col
    {
        font-size:11px;
        color:#706b63;
        width: 105px;
        height: 50px;
        padding:10px 20px 0 20px;
        margin: 13px 20px 0 0;    
        background-image:url(../Assets/Misc/footer_vert_border.gif);
        background-repeat:repeat-y;
        background-position:top right;
        
    }  
        
    #footer .second-col
    {
        padding:10px 20px 0 0;
        margin: 13px 20px 0 0;  
        width: 120px;
        height: 50px;
        font-size:11px;
        color:#706b63;
        background-image:url(../Assets/Misc/footer_vert_border.gif);
        background-repeat:repeat-y;
        background-position:top right;
    }
    
        #footer .second-col p
        {
            margin: 0 0 0 0;
            line-height: 1.4em;
        }
        
        #footer .second-col a
        {
            color:#cc3300;
            font-size:11px;
            text-decoration:none;
        }
        
            #footer .second-col a:hover
            {
                color:#A62800;
            }

    #footer .third-col
    {
        padding:10px 20px 0 0;
        margin: 13px 20px 0 0;  
        width: 130px;
        height: 50px;
        font-size:11px;
        color:#706b63;
        background-image:url(../Assets/Misc/footer_vert_border.gif);
        background-repeat:repeat-y;
        background-position:top right;
    }
        #footer .third-col p
        {
            margin: 0 0 0 0;
            line-height: 1.4em;
        }
    
       #footer .third-col a
        {
            color:#cc3300;
            font-size:11px;
            text-decoration:none;
        }
        
            #footer .third-col a:hover
            {
                color:#A62800;
            }
                
    #footer .fourth-col
    {
        padding:10px 20px 0 0;
        margin: 13px 20px 0 0; 
        width: 180px;
        height: 50px;
        font-size:11px;
        color:#706b63;
    }
    
    #footer .fifth-col
    {
        padding:0 0 0 0;
        font-size:11px;
    }
    
    a#footerMap
    {
        display:block;
        text-indent:-100000px;
        width:242px;
        height:100px;
        background:url(../assets/misc/footer-map.gif);
    }
    
    a#footerMap:hover
    {
        background-position:0 -100px;
    }

#copyright
{
    width:960px;    
    padding:0 15px;
    margin:6px auto 70px auto;
    text-align:center;
    
    font-size:10px;
    color:#6e6d69;
}

/*
=================================
Project Page - Kenneth Solberg
=================================
*/


.projects2col 
{
	width:960px;
}


#Projects
{
	color: #333333; 
	font-size:12px;
    width:700px;
    /*background-color:Red;*/
}

	#Projects p 
	{
		margin-bottom: 1em; 	
	}

	.projectImageSlider
	{
		width:679px;
		border:1px solid #d9d6ce;
		background-color:#f9f8ed;
		margin-bottom: 13px;
		padding: 5px 6px 5px 5px;
	}

	.project 
	{
		width: 700px;
		margin:0 0 45px 0;
		
		color:#666666;
	}
	
		.project h2 
		{
			background: transparent url(../assets/misc/project_header.png) no-repeat;
			color: #424242;
			font-size: 18px;
			line-height: 26px;
			padding: 18px 0 0 70px;
			margin:0;
		}
		
		.projectDescription
		{
			float: left;
			padding: 19px 18px;
			width: 339px; /* 375px - (2*18) */
		}
		
		.projectData
		{
			float: left;
			padding: 19px 0;			
			width: 315px; 
		}
		
			.projectData a,.projectTags a  
			{
				color: #CC3402; 
				font-size: 12px;
				text-decoration: none; 
			}
			
			.projectData a:hover,.projectTags a:hover
			{
				text-decoration: underline;
			}
		
			.projectData dt  
			{
				color: #97CB48; 
				float: left; 
				/*clear: left;*/
				font-size: 14px; 
				padding-right: 5px; 
				text-transform:uppercase; 
				
				width:80px;
				/*background-color:Red;*/
			}
			
			.projectData dd
			{
			    /*background-color:Green;*/
			    float: left;
			    width:230px;
			}
			
			.projectData { line-height: 16px; }
			.projectData dd.beneath { clear:left; }
			.projectData dd, .projectData dt { padding-bottom: 10px; }
			.projectData dt.beneath {padding-bottom: 0; }
			.projectData td { padding-right: 15px; vertical-align: top; }
			
			.projectTags  
			{
				clear: left;
				color: #97CB48; 
				font-size: 14px;
				line-height: 14px;
				padding: 4px 18px; 
				border-top: 1px dotted #999; 
				border-bottom: 1px dotted #999; 
			}
			
				.projectTags a { padding-left: 18px; font-size: 11px; }
			

#Tags
{
    height: 349px;
    width:243px;
    margin-top: 12px;
    /*background-color:blue;*/
}

	#Tags h2
	{
		background: transparent url(../assets/misc/tags_header.gif) no-repeat;
		background-position: left 5px;
		color: #424242;
		padding-left: 60px;
		font-size: 20px;
		padding-bottom: 15px;
	}
	
	#Tags a 
	{
		color: #CC3402; 
		font-size: 14px;
		text-decoration: none; 
		line-height: 18px;
		border-right: 1px dotted #999; 
		padding: 0 10px;
	}
	
	#Tags a:hover
	{
		text-decoration: underline;
		
	}



/* slideshow */


.screen
{
	position:relative;
	width:679px;	
}

.pager
{
	float: left;
}

	.pager a
	{
		color: #CC3402;
		font-size: 16px;
		display: block;
		float: left;
		padding: 3px 8px;	
		text-decoration: none;	
	}
	
	.pager a:hover { text-decoration: underline; }
	
	.pager a.current
	{
		background: transparent url(../assets/misc/pager.gif) repeat-x;
		border: 1px solid #d6d3cb;
		color: #97CB48;
	}
	
	.pager a.current:hover { text-decoration: none; }

.buttons
{
	float:right;
}

	.buttons a { margin-right: 15px; }
	.buttons .prev { display: block; float: left; background: transparent url(../Assets/Buttons/pager_prev.gif) no-repeat; width: 27px; height: 26px; }
	.buttons .next { display: block; float: left; background: transparent url(../Assets/Buttons/pager_next.gif) no-repeat; width: 27px; height: 26px; }
	.buttons .prev span, .buttons .next span { display: none; }

.slideshow
{
	overflow: hidden;
	width:679px;
}

	.slideshow ul
	{
		width:99999px; /* need to be more exact? */
		padding-left:340px; 
	}

		.slideshow li
		{
			float:left;
			margin:0 16px;
			cursor:pointer;
		}
		

/*
===============================
Contact Page - Warren Buckley
===============================
*/

table.Contact-Table
{
    width:900px;
    margin:0 auto;
    text-align:center;
}
    
    table.Contact-Table.first
    {
        margin-top:30px;
    }
    
    table.Contact-Table.last
    {
        margin-bottom:30px;
    }
    
    table.Contact-Table td
    {
        text-align:left;
    }

        table.Contact-Table thead td
        {
            border-bottom:3px solid  #97cb48;
            height:31px;
            
            margin:0 1px 0 0;            
            padding:5px 0 0 10px;
            
            /*line-height:31px;*/
            font-size:16px;
            color:#333333;
        }
           
        table.Contact-Table thead td.name
        {
            background-image:url(../Assets/Backgrounds/contact_tab_bg.gif);
            background-repeat:no-repeat;
            background-position:bottom left;            
            width:273px;          
            color:#FFFFFF;
        }
        
        table.Contact-Table thead td.email
        {
            width:207px;            
        }
        
        table.Contact-Table thead td.phone
        {
            width:206px;
        }
        
        table.Contact-Table thead td.internet
        {
            width:211px;
        }
        
        
    table.Contact-Table tbody td
    {
        border-bottom:1px solid #e3e1d8;
        margin:1px 0;
        padding:0 0 0 10px;
        height:43px;
        line-height:43px;
        
        font-size:14px;
        color:#424242;
    }

    table.Contact-Table tbody td img
    {
        vertical-align:middle;
    }

    table.Contact-Table tbody td a
    {
        color:#cc3300;
        text-decoration:none;
    }       
    
        table.Contact-Table tbody td a:hover
        {
            color:#A62800;
        } 

    table.Contact-Table tbody td.name
    {
        width:273px;
        margin-right:1px;
    }
    
    table.Contact-Table tbody td.email
    {
        width:207px;
    }
    
    table.Contact-Table tbody td.phone
    {
        width:206px;
    }
    
    table.Contact-Table tbody td.internet
    {
        width:211px;
        background-color:#f4f2ee;
    }
    
    
/*
===============================
About Page - Warren Buckley
===============================
*/

.about2col
{
    width:960px;
}

    .about2col div.left
    {
        width:700px;
    }

        .about2col div.left div
        {
            background-color:#f9f8ed;
            border:1px solid #d9d6ce;
            padding:4px 5px;
            width:688px; /*700 - 5 -5 - 1 -1 = 688px */
        }

        .about2col div.left span
        {
            font-size:10px;
            color:#4f4e4c;
        }

    .about2col div.right
    {
        background-color:#97cb4a;
        width:207px; /* 230 - 9 -14 = 207px */
        height:209px; /*224 - 15 - 0 = 209x */
        padding:15px 9px 0 14px;
    }
    
    .about2col div.right h3
    {
        color:#FFFFFF;
        font-size:20px;
        text-align:right;
        background-image:url(../Assets/Misc/green_vert_rule.gif);
        background-repeat:repeat-x;
        background-position:bottom left;
        margin:0 0 15px 0;
    }
    
    .about2col div.right p
    {
        margin:35px 0 0 0;
        font-size:13px;
        color:#FFFFFF;
        line-height:20px;
    }

.about3col
{
    background-image:url(../Assets/Misc/dotted_border_horiz.gif);
    background-repeat:repeat-x;
    background-position:bottom left;
    
    margin:30px 0 50px 0;
}
    .about3col .columns
    {
        background-image:url(../Assets/Misc/faux_about_dot_cols.gif);
        background-repeat:repeat-y;
        margin:0 0 20px 0;
        
        font-size:12px;
        color:#4f4e4c;
        line-height:16px;
    }

    .about3col .first-column
    {        
        padding:0 35px 0 15px;
        
        width:315px; /* 365 - 35 - 15 = 315*/        
    }
    
        .about3col .first-column h2
        {
            font-size:20px;
            color:#333333;
        }
        
        .about3col .first-column p
        {
            margin:10px 0;
        }
        
        .about3col .first-column p + h2
        {
            margin:10px 0 0 0;
        }
        
        .about3col .first-column strong
        {
            font-weight:bold;
        }
    
    
    .about3col .second-column
    {             
        width:311px; /* 365 - 25px - 29px = 311px*/
        padding:0 25px 0 29px;
    }
    
    .about3col .third-column
    {
        width:200px; /* 230 - 15 - 15 = 200px */
        padding:0 15px;
    }
    
        .about3col .third-column h4
        {
            font-size:20px;
            color:#333333;
        }
        
.about3col .tickBox
{
    width:311px;
    background-image:url(../Assets/Misc/tick_box_footer.gif);
    background-repeat:no-repeat;
    background-position:bottom left;
    padding:0 0 5px 0;
    margin:0 0 20px 0;
}
    .about3col .tickBox h3
    {
        color:#333333;
        font-size:14px;
        text-align:right;
        
        background-image:url(../Assets/Misc/tick_box_header.gif);
        background-repeat:no-repeat;
        background-position:bottom left;
        
        padding:8px 6px 21px 60px;
    }
    
    .about3col .tickBox div
    {
        background-image:url(../Assets/Misc/tick_box_bg.gif);
        background-repeat:repeat-y;
        
        padding:3px 25px 10px 15px;
        
        font-size:12px;
        color:#666666;
    }
    
    .about3col .tickBox p.strapline
    {
        color:#7fbf1f;
        margin:25px 0 0 0;
        
    }
    
    
/*
===============================
Article Page - Warren Buckley
===============================
*/

.article2colContainer
{
}

    .article2colContainer div.left
    {
        width:700px;
    }
    
        .article2colContainer div.left .headerImageContainer div
        {
            background-color:#f9f8ed;
            border:1px solid #d9d6ce;
            padding:4px 5px;
            width:688px; /*700 - 5 -5 - 1 -1 = 688px */
        }
        
        .article2colContainer div.left .headerImageContainer span
        {
            font-size:10px;
            color:#4f4e4c;
        }
        
        .article2col
        {
            background-image:url(../Assets/Misc/faux_article_dot_cols.gif);
            background-repeat:repeat-y;
            margin:15px 0 0 0;
            
            font-size:12px;
            color:#666666;
            line-height:18px;
        }
        
        
        .article2colContainer .article2col div.left
        {
            width:325px; /* 360 - 20 - 15 = 325px*/
            padding:0 20px 0 15px;          
        }
        
            .article2colContainer .article2col h1
            {
                font-size:20px;
                color:#333333;
                /*color:Green;*/
            }
            
            .article2colContainer .article2col h2
            {
                font-weight:bold;
                font-size:14px;
                color:#424242;
                /*color:Red;*/
            }
            
            .article2colContainer .article2col h3
            {
                font-weight:bold;
                /*color:Blue;*/
                color:#424242;
            }
            
            
            .article2colContainer .article2col p
            {
                margin:0 0 20px 0;
            }
            
            .article2colContainer .article2col a
            {
                color:#CC3300;
            }
    
                .article2colContainer .article2col a:hover
                {
                    color:#A62800;
                }
        

            .article2colContainer .article2col strong
            {
                font-weight:bold;
            }

            .article2colContainer .article2col ul
            {
                margin:10px 0 5px 15px;
                list-style-type:disc;
            }
        
        
        .articleFooter
        {
            width:690px; /* 700 - 10 - 0 = 690px */
        
            margin:10px 0 30px 0;
            padding:5px 10px 0 0;
        
            background-image:url(../Assets/Misc/dotted_border_horiz.gif);
            background-repeat:repeat-x;
            background-position:top left;
        }
        
            .articleFooter a
            {
                color:#cc3402;
                font-size:11px;
                text-decoration:none;
            }
        
            
        
        .article2colContainer .article2col div.right
        {
            width:300px; /*330- 10 - 20 = 300px */
            padding:0 10px 0 20px;
        }
        
    
    .article2colContainer div.right
    {
        width:250px;
    }

/*
===============================
Articles Page - Warren Buckley
===============================
*/

.articleArchive div.left
{
    width:310px;
    margin:0 0 35px 15px;
        
    color:#4f4e4c;
    font-size:12px;
}

.articleArchive div.left.first
{
    margin-left:0;
}

    .articleArchive div.left img
    {
        border:1px solid #d9d6ce;
    }
    
    .articleArchive div.left h1
    {
        color:#333333;
        font-size:20px;
        
        margin:15px 20px 10px 8px;
    }
    
        .articleArchive div.left h1 a
        {
            color:#333333;
            text-decoration:none;
        }
    
    .articleArchive div.left h2
    {
        font-weight:bold;
        margin:0 20px 0 8px;        
    }
    
    .articleArchive div.left p
    {
        margin:0 20px 0 8px;
        line-height:16px;
    }
    


.extraNavi
{
    width:320px;
    margin:50px 0 0 0;
    text-align:right;
}

    .extraNavi li
    {
        display:inline;
    }

        .extraNavi li a
        {
            font-size:12px;
            color:#424242;
            text-decoration:none;
            padding:0 10px;
            background:url(../Assets/Misc/dotted_border_vert.gif) repeat-y top left;
        }
        
        .extraNavi li a.first
        {
            background:none;
        }

/*
==============
Service/s
=============
*/
#service
{
    margin:25px 0 0 0;
}

    #service h1
    {
        color:#424242;
        font-size:20px;
    }
    

/*
====================
Service diagram
====================
*/

.diagram
{
    height:195px;
    margin:15px 0 0 0;
    
    background:url(../Assets/Backgrounds/arrow_bg.gif) no-repeat bottom left;
}

    .diagram ul
    {
        width:720px;
        margin:0;
    }

    .diagram li
    {
        float:left;
        
        width:135px;
        height:195px;
        margin:0 5px 0 0;        
        
        font-size:13px;
        font-weight:bold;
        color:#666666;
        text-align:center;
        
    }
    
        .diagram li.item1 a
        {
            background:url(../Assets/Backgrounds/item1_bg.gif) no-repeat 0px 0px;
        }
        
        .diagram li.item2 a
        {
            background:url(../Assets/Backgrounds/item2_bg.gif) no-repeat 0px 0px;
        }
        
        .diagram li.item3 a
        {
            background:url(../Assets/Backgrounds/item3_bg.gif) no-repeat 0px 0px;
        }
        
        .diagram li.item4 a
        {
            background:url(../Assets/Backgrounds/item4_bg.gif) no-repeat 0px 0px;
        }
        
        .diagram li.item5 a
        {
            background:url(../Assets/Backgrounds/item5_bg.gif) no-repeat 0px 0px;
        }
        
    
    
        .diagram li.selected a
        {
            background-position:0px -390px;
        }
    
        .diagram li.selected a:hover
        {
            background-position:0px -390px;
        }
    
    
        .diagram li a
        {
            text-decoration:none;
            color:#666666;
            
            padding:25px 5px 0 5px;
            height:170px; /*195 - 25 - 0 = 170 */
            display:block;
            
            background-position:0px 0px;
        }
        
        .diagram li a:hover
        {
            background-position:0px -195px;
        }
        
        .diagram li a span
        {
            display:block;
        }

.home_NO
{
    background:url(../Assets/Backgrounds/home_no.gif) no-repeat top left;
    height:180px;
    width:175px;
    text-indent:-100000px;    
}

.home_EN
{
    background:url(../Assets/Backgrounds/home_en.gif) no-repeat top left;
    height:180px;
    width:175px;
    text-indent:-100000px;    
}


/*
====================
Service 3col
====================
*/
.threeColContainer
{
    font-size:12px;
    color:#424242;
}

    .threeColContainer > .first-col
    {
        width:325px;
        margin:0 35px 0 0;
        /*background-color:Red;*/
    }
    
    .threeColContainer > .second-col
    {
        width:325px;
        margin:0 35px 0 0;
        padding:25px 0 0 0;
        /*background-color:green;*/
    }
    
    .threeColContainer > .third-col
    {
        width:230px;
        padding:35px 0 0 0;
        /*background-color:blue;*/
    }
 
 
/*
========================
Text/content styling
========================
*/    
#service .dotted-box
{
    margin:0;
}

#service h2
{
    font-size:16px;
    color:#424242;
}

    #service h2 strong
    {
        font-size:20px;
        font-weight:bold;
        margin:0 10px 0 0;
    }
    
#service .threeColContainer p
{
    margin:10px 0 5px 0;
    line-height:1.3;
}

#service .threeColContainer a
{
    color:#CC3300;
}

    #service .threeColContainer a:hover
    {
        color:#A62800;
    }

#service .threeColContainer strong
{
    font-weight:bold;
}

#service .threeColContainer ul
{
    margin:10px 0 5px 15px;
    list-style-type:disc;
}

    #service .threeColContainer ul li
    {
        
    }


.greyBox
{
    background:url(../Assets/Backgrounds/grey_box_top.gif) no-repeat top left;
    padding:15px 0 0 0;
    margin:0 0 15px 0;
}

    .greyBox div
    {
        background:url(../Assets/Backgrounds/grey_box_bottom.gif) no-repeat bottom left;
        padding:0px 15px 15px 15px;
    }
    
        .greyBox div h3
        {
            font-size:16px;
            color:#424242;
        }
        
        .greyBox div p
        {
            margin:10px 0 0 0;
        }
        
/*
===========================
Footer diagram in services
===========================
*/ 

.footerDiagram
{
    background:url(../Assets/Backgrounds/service_footer_diagram_top.gif) no-repeat top left;
    width:960px;
    padding:25px 0 0 0;
    margin:40px 0 50px 0;
}

    .footerDiagram .container
    {
        background:url(../Assets/Backgrounds/service_footer_diagram_bot.gif) no-repeat bottom left;
        width:960px;
        padding:0 0 30px 0;
    }
    
        .footerDiagram .container .computer
        {
            margin:0 0 0 20px;
            width:350px; /*370 -20 = 350px*/
            
            color:#f1f8f9;
            font-size:24px;
        }
        
        .footerDiagram .container .detail
        {
            
        }
        
            .footerDiagram .container .detail ul
            {
                width:560px;
            }
            
                .footerDiagram .container .detail ul li
                {
                    height:42px;
                    line-height:42px;                    
                    width:560px;
                    
                    background:url(../Assets/Backgrounds/row_middle.gif) no-repeat top left;
                }
                
                .footerDiagram .container .detail ul li.first
                {
                    background:url(../Assets/Backgrounds/row_top.gif) no-repeat top left;
                }
                
                .footerDiagram .container .detail ul li.last
                {
                    background:url(../Assets/Backgrounds/row_bottom.gif) no-repeat top left;
                }
                
                    .footerDiagram .container .detail ul li span
                    {
                        float:left;
                        margin:0 0 0 55px;
                        
                        font-size:17px;
                        font-weight:bold;
                        color:#bfbfbf;
                    }
                
                    
                    .footerDiagram .container .detail ul li ul
                    {
                        float:right;
                        width:auto;
                        margin:0 10px 0 0;
                    }
                    
                        .footerDiagram .container .detail ul li ul li
                        {
                            display:inline;
                            height:auto;
                            line-height:40px;
                            margin:0 0 0 10px;
                            
                            background:none;
                            
                            font-size:12px;
                            font-weight:normal;
                            color:#bfbfbf;
                        }
                        
        .footerDiagram .container .bottomText
        {
            font-size:14px;
            color:#f1f8f9;
            text-align:right;
            
            margin:25px 0 0 0;
            
            padding:0 30px 0 0;
        }
        
#sitemap ul
{
	list-style-type:disc;
	list-style-position:inside;
	margin:0 0 0 25px;
}


#PageContent h1
{
    color:#424242;
    font-size:22px;
    margin:25px 0;
}

#article-tabs
{
    
}
    #article-tabs li
    {
        float:left;
        line-height:32px;
        height:32px;        
        
        margin:0 1px 0 0;
    }
    
    #article-tabs li a
    {
        display:block;
        float:left;
        background:url(../Assets/Misc/grey_tab_left.gif) no-repeat top left;
        
        color:#FFF;
        text-decoration:none;
        font-size:11px;
        text-transform:uppercase;
    }
        
        #article-tabs li a.selected,
        #article-tabs li a.selected:hover
        {
            color:#bbddff;
            background-position:left -32px;
        }
        
            #article-tabs li a.selected span,
            #article-tabs li a.selected:hover span
            {
                background-position:right -32px;
            }
    
        
    
        #article-tabs li a:hover
        {
            background-position:left -64px;
        }
        
            #article-tabs li a:hover span
            {
                background-position:right -64px;
            }

    #article-tabs li a span
    {
        padding:0 15px 0 0;
        margin:0 0 0 15px;
        float:left;
        
        background:url(../Assets/Misc/grey_tab_right.gif) no-repeat top right;
    }

#article_header
{
    width:930px;
    margin:0 auto 35px auto;
}

    #article_header .left
    {
        width:445px; /*560 - 80 -35 = 445px */
        height:155px;   /*185 - 30 = 155px */
        background-color:#414141;
        padding:30px 80px 0 35px;
        overflow:hidden;
    }
    
    #article_header h2
    {
        line-height:27px;
        font-size:18px;
        color:#FFF;
    }
    
        #article_header h2 strong
        {
            color:#99CCFF;
        }
        
#article_content
{
    width:930px;
    margin:0 auto;
    
    color:#6C6C67;
    font-size:13px;
}

    #article_content .first-col
    {
         width:560px;
         /*background-color:green;*/
    }  
    
    #article_content .second-col
    {
        width:360px;
        /*background-color:Red;*/
    }       

#article_content h1
{
    margin:0;
}

#article_content h2
{
    font-size:15px;
    font-weight:bold;
}

#article_content h3
{
    font-weight:bold;
    margin:0;
}

#article_content .second-col h4
{
    color:#7da9d8;
    font-size:16px;
    text-transform:uppercase;
    padding:0 0 6px 0;
    margin:0 0 15px 0;
    border-bottom:1px solid #dedede;
    
    clear:both;
}


#article_content ul
{
    list-style-position:outside;
    list-style-type:disc;
    margin:5px 0 10px 35px;
}

#article_content ol
{
    list-style-position:outside;
    list-style-type:decimal;
    margin:5px 0 10px 35px;
}

#article_content p
{
    font-size:13px;
    margin:0 0 15px 0;
}

#article_content .second-col p
{
    float:left;
}

#article_content .second-col img.left
{
    margin:0 10px 5px 0;
}



/*
-----------------------------------------------------------
NEW: Umbraco styling
-----------------------------------------------------------
*/

#umb-subNavi { width:880px; /* 940 - 30 - 30 = 880*/ height:40px; background:#edebdf url(../assets/umbraco/subnavi_umbraco_logo.gif) no-repeat 11px 6px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; padding:0 30px; font-size:14px; margin:10px auto 20px auto; }
#umb-subNavi ul { float:right; }
#umb-subNavi li { float:left; line-height:35px; margin:5px 3px 0 0; }
#umb-subNavi li a { display:block; padding:0 10px; text-decoration:none; color:#333; border-top-left-radius:8px; border-top-right-radius:8px; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; }
#umb-subNavi li a:hover { background-color:#d4d2c6; }
#umb-subNavi li.selected a { background-color:#fff; }

/* ----- Horizontal Rule Pattern ------ */
.horizRule { background:url(../Assets/misc/horiz-rule-pattern.gif) top left repeat-x; padding-top:25px; }

/* ----- umbraco page container ------ */
#umb-content { width:920px; margin:0 auto; font-size:12px; color:#555; }
#umb-content a { color:#CC3300; }
#umb-content a:hover { color:#A62800; }
#umb-content p { margin:0 0 20px 0; }
#umb-content h2 { margin:0 0 15px 0; color:#222; font-size:18px;  } /* font-weight:bold; */

#umb-content ul,
#umb-content ol { margin:10px 0 5px 15px; }
#umb-content ul { list-style-type:disc; }
#umb-content ol { list-style-type:decimal; }
#umb-content li { margin:0 0 10px 0; }
#umb-content strong { font-weight:bold; font-style:inherit; }
#umb-content em { font-style:italic; font-weight:inherit; }

/* ----- Main Image (apply rounded corners) ------ */
#mainImage { border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; width:920px; height:310px; margin:0 0 30px 0; }

/* ----- columns ------ */
#umb-content .columns { width:100%; margin-bottom:30px; }
#umb-content .columns .colOne { float:left; width:315px; margin:0 20px 0 0; }
#umb-content .columns .colTwo { float:left; width:315px; margin:0 20px 0 0; }
#umb-content .columns .colThree { float:left; width:220px; margin:0; }
 
/* ----- How Can We Help Footer/Div ------ */
#howHelp { background:#edebdf; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; padding:10px 0; width:100%; color:#555; font-size:12px; }
#howHelp a { text-decoration:none; }
#howHelp .text { float:left; padding:0 15px; width:410px; /* 440 -15 -15 = 410px */ }
#howHelp .text p { margin:0; }
#howHelp .info { float:right; padding:0 15px; }
#howHelp .info .vcard { width:185px; float:left; }
#howHelp .info .vcard img { float:left; margin:0 10px 0 0; }
#howHelp .info .vcard span { display:inline-block; }
#howHelp .info #hcard-Stale-Engen.vcard { margin-right:35px; }

/*---- Umbraco happy birthday section -- */
#umbraco5 { background:url(../Assets/umbraco/fishes.jpg) no-repeat bottom right; margin:0 auto -10px auto; padding:70px 0 0 0; height:250px; /*320 -70 = 250*/ width:940px; }
#umbraco5 h1 { font-family:Arial, Sans-Serif; color:#818181; font-size:52px; letter-spacing:-1px; margin:0; }
#umbraco5 h2 { font-family:Arial, Sans-Serif; color:#333; font-size:36px; letter-spacing:-1px; margin:0; }
#umbraco16Feb { float:left; margin:0 15px 0 0; }

/* Contour */

#contour .fieldLabel {
  width: 60px;
  float: left;
  line-height:20px;
}

#contour .contourField {
  margin-bottom: -8px;
}

#contour .contourField div .text {
  width: 155px;
  border: 1px solid #aaa;
  padding: 1px;
}

#contour .contourNavigation {
  text-align: right;
}

#contour .contourNavigation .contourButton {
  padding: 0 10px;
}







/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */