/* Global Resetting */
html{	
	width: 100%;
	height: 100%;
	background-color: white;
}
body {
	width: 100%;
	height: 100%;
	font-size: 62.5%;
	/* reset font-sizes to 1em == 10px */	
}
* {
	font-size: 1em;
	/* reset font-sizes to 1em == 10px */
	padding: 0;
	margin: 0;
	font-family:Arial,Helvetica,sans-serif;
	list-style:none;
}
a img{
	border:0;
}
.clear{
	clear:both;
}

/* Layout CSS */
#Main {
	margin:0px auto;
	width:961px;
}

#Header {
    padding-top: 15px;
    padding-bottom: 15px;
	border: 0px;
	clear:left;	
    height: 25px;
    color: white;
}
    #Header span.rightAlign {
		color: #135e92;		
        float: right;
		font-size: 1.3em;
	}
	#Header a {
		color: #135e92;
		text-decoration:none;
	}
		#Header a:hover {
			text-decoration:underline;
		}           
            
.MainNav {
    width: 961px;
    height: 28px;
    background: #fff url(/mysite/images/topmenu.gif) no-repeat;
}
    .MainNav div {
        width: 961px;
        height: 28px;        
        position: absolute;
    }
    
    .MainNav div div { 
        height: 25px; 
        position: absolute;        
    }
    
    .MainNav div #home       { left:   0px; width:  30px; }    
    .MainNav div #industries { left:  62px; width:  89px; }    
    .MainNav div #products   { left: 199px; width:  82px; }
    .MainNav div #company    { left: 333px; width:  79px; }
    .MainNav div #partners   { left: 466px; width:  81px; }
    .MainNav div #gallery    { left: 603px; width:  73px; }
    .MainNav div #news       { left: 746px; width:  52px; }
    .MainNav div #contactus  { left: 849px; width: 112px; }

    .MainNav div div:hover {        
        border-bottom: 3px solid #135e92;
    }
    
    .MainNav div .NavCurrent {
        border-bottom: 3px solid #135e92;
    }

#ContentContainer {    
    clear:both;	    
	border-top: 15px solid white;	
	border-bottom: 15px solid white;	
}
    #ContentContainer img {
        display: block;
    }

#Content {
    position: relative;
}

#ContentLeft
{
	float: left;
	padding: 0px 10px 0px;
	width:	130px;
}

#ContentLeft img 
{
	margin-bottom: 5px;
	padding-right: 2px;
}

#ContentMiddle
{
	float: left;
	padding: 0px 10px 0px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin-right: 10px;
	width:	559px;
}

#ContentRight
{
	float: left;
	width: 210px;
}

div.WidgetHolder {
    border-top: 1px solid #ccc;    
    padding: 3px;
    margin-bottom: 9px;
}
    .WidgetHolder h3 {
        color: #000;
    }


#Footer {
	background: white;
	clear: both;
	border: 0;
	height: 25px;
}
	#Footer span.leftAlign {
		color: #135e92;		
        float:left;
		font-size:0.9em;
		line-height:2em;
	}
	#Footer span.rightAlign {
		color:#135e92;		
        float:right;
		font-size:1.1em;
		line-height:2em;
	}
	#Footer a {
		color:#135e92;
		text-decoration:none;
	}
		#Footer a:hover {
			text-decoration:underline;
		}


/* The rest of this file is for the second tutorial */
#NewsList {
	margin: 0;
	padding: 0;
	border: 0;
}
    #NewsList div.NewsTitle {
		color:#135e92;
		font-size:1.6em;
		font-weight: bold;		
	} 
	
    #NewsList div.NewsTitle a {
		color:#135e92;
		text-decoration: none;
		font-weight: bold;		
	}
        #NewsList div.NewsTitle a:hover {
			border-bottom:1px dotted #135e92;			
		}
	
	#NewsList .NewsSubtitle {
		color:#333;
		font-size:1.4em;
	} 
	
	#NewsList .NewsDate {
		font-size:1.2em;
		color:#999;
		padding-bottom: 10px;
	}
		
		
	#NewsList .NewsSummary {
		margin-bottom:20px;
	}

		#NewsList .NewsSummary a.NewsContinued {
			color:#135e92;
			text-decoration:none;
			font-weight: bold;
		}
			#NewsList .NewsSummary a.NewsContinued:hover {
				border-bottom:1px dotted #135e92;
			}
			
#ProjectsList {
    
}	

    #ProjectsList .ProjectInfo {        
        width: 139px;
        height: 260px;
        float: left;
    }
        #ProjectsList .ProjectInfo img {        
            margin: 0;
            padding: 0;
        }
        #ProjectsList .ProjectTitle {
            
        }
        #ProjectsList .ProjectVFX {
            color: #999;
        }
        
        #ProjectsList .ProjectVFX a  {
            text-decoration: none;
            color: #999;
        }
       
            #ProjectsList .ProjectVFX a:hover {
                border-bottom:1px dotted #999;
            }
        

div.newsDetails {
	margin-bottom:20px;
}

div.newsDetails p {
	color:#666;
	margin:0;
	font-size:1em;
}