﻿/* page layout */
body 
{
    margin: 0px;
    padding: 0px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	background-color: #000000; margin-top: 20px; color: #ffffff;
}

#wrapper
{
    margin: 0 auto;
    color: #a9a9a9;
}

#header
{
padding-left: 29px; padding-right: 29px; width: 648px;
	        height: 156px;
	        margin: 0 auto; background-image: url(../../global/images/n_top.PNG); background-repeat: no-repeat;
}

#middle
{
    font-size: 110%;
padding-left: 29px; padding-right: 44px; width: 633px; margin: 0 auto; background-image: url(../../global/images/n_middle.PNG); 
}

#middle    h1
    {
    font-size: 162%;
    padding: 0px;
    margin-top: 4px;
    margin-bottom: 4px;
    }
    
#middle    h2
    {
    font-size: 144%;
    padding: 0px;
    margin-top: 4px;
    margin-bottom: 4px;    
    }
    
#middle    h3
    {
    font-size: 117%;
    padding: 0px;
    margin-top: 4px;
    margin-bottom: 4px;    
    }
    
#middle    h4
    {
    font-size: 162%;
    font-weight: normal;
    padding: 0px;
    margin-top: 4px;
    margin-bottom: 4px;    
    }
    
#middle    h5
    {
    font-size: 144%;
    font-weight: normal;
    padding: 0px;
    margin-top: 4px;
    margin-bottom: 4px;    
    }
    
#middle    h6
    {
    font-size: 117%;
    font-weight: normal;
    padding: 0px;
    margin-top: 4px;
    margin-bottom: 4px;    
    }  


#bottom
{
padding-left: 29px; padding-right: 44px; width: 633px; height: 121px; margin: 0 auto; background-image: url(../../global/images/n_bottom.PNG); background-repeat: no-repeat;
}


/* left menu */
.n_leftHorzNav{
list-style-type: none;
margin: 0px;
padding: 0;
width: 135px;
}

.n_leftHorzNav li

{
margin-bottom: 14px;
}

.n_leftHorzNav li a
{
    background: url(../../global/images/n_button.PNG) white repeat-x left bottom;
    color: #4bff4b;
    display: block;
    width: 135px;
    text-decoration: none;
    line-height: 33px;
    margin-bottom: 14px;
    text-align: center;
    font-size: 117%;
    background-color: #696969;
}

.n_leftHorzNav li a:visited, .n_leftHorzNav li a:active
{
    color: #4bff4b;
    background-color: #696969;
    margin-bottom: 14px;
}

.n_leftHorzNav li a:hover
{
    background-image: url(../../global/images/n_buttonMO.PNG);
    color: #ffffff;
    background-color: #a9a9a9;
    margin-bottom: 14px;
    text-decoration: none;
}

.n_leftHorzNav li a.selected
{
    background-image: url(../../global/images/n_buttonACTIVE.PNG);
    color: #ffff66;
    background-repeat: no-repeat;
    background-color: #000000;
    margin-bottom: 14px;
}










/* elements */
p {margin: 0px; padding: 0px; padding-top: 7px; padding-bottom: 7px;}


strong {
 font-weight: bold;
} 

div {
padding: 0px;
margin: 0px;
}

img {
 border: none;
}

acronym,
abbr,
span.abbr {
border: none !important;
}


a
{
    text-decoration: underline;
color: #000000;
}


a:link
{
    text-decoration: none;
    color: #4bff4b;
}
a:visited {
	text-decoration: none;
    color: #4bff4b;	
}
a:hover
{
    text-decoration: underline;
    color: #ffffff;    
}
a:active {
	text-decoration: none;
    color: #4bff4b;	
}


select
{
    font: normal 95% Verdana,Arial,Helvetica,sans-serif;
    vertical-align: middle; /*border: 1px solid #999;*/
}

input,
textarea {
font: normal 95% Verdana,Arial,Helvetica,sans-serif;
}

td {
font-size: 100%;
}

.noscript noscript {
display: none;
}





/* headings */

    h1
    {
    font-size: 180%;
    padding: 0px;
    margin-top: 4px;
    margin-bottom: 4px;
    }
    
    h2
    {
    font-size: 160%;
    padding: 0px;
    margin-top: 4px;
    margin-bottom: 4px;    
    }
    
    h3
    {
    font-size: 130%;
    padding: 0px;
    margin-top: 4px;
    margin-bottom: 4px;    
    }
    
    h4
    {
    font-size: 180%;
    font-weight: normal;
    padding: 0px;
    margin-top: 4px;
    margin-bottom: 4px;    
    }
    
    h5
    {
    font-size: 160%;
    font-weight: normal;
    padding: 0px;
    margin-top: 4px;
    margin-bottom: 4px;    
    }
    
    h6
    {
    font-size: 130%;
    font-weight: normal;
    padding: 0px;
    margin-top: 4px;
    margin-bottom: 4px;    
    }    

/* unordered lists */

.unordered 
{
font-size: 100%; margin: 0px; padding: 0px; width: 397px; float: left; margin-top: 10px;
}

.unordered ul {
margin: 0px; padding: 0px; list-style-type: square; list-style:square inside url();
}

.unordered ul li
{
    padding-bottom: 8px;
    text-align: left;
    text-decoration: none;
    color: #ffff66;
}

.unordered ul li a
{

}

.unordered ul li a:hover

{
    text-decoration: underline;
}


.unordered_wht 
{
font-size: 100%; margin: 0px; padding: 0px;  float: left; margin-top: 10px;
}

.unordered_wht ul {
margin: 0px; padding: 0px; list-style-type: square; list-style:square inside url();
}

.unordered_wht ul li
{
    padding-bottom: 8px;
    text-align: left;
    text-decoration: none;
    color: #ffffff;
}

.unordered_wht ul li a
{

}

.unordered_wht ul li a:hover

{
    text-decoration: underline;
}

/* PAGES SPECIFICS */



/* Our Work */
/* Large Picture */
#picLargeContainer
{
 width: 346px; 
 height: 231px; 
 vertical-align: middle; 
 text-align: center; 
 float: left; 
 background-position: center center; 
 background-repeat: no-repeat; 
 background-image: url('../../global/images/loadinImages.gif');   
}

/* Thumb Nail Container */
#thumbNailContainer
{
    float: right; width: 109px; background-repeat: no-repeat; height: 231px
}



/* Thumb Nail Pictures */
.thumbNail
{
cursor: pointer;
width: 109px;
height: 73px;
border: solid 0px;
margin: 0px; margin-bottom: 7px; clear:both;
}


.thumbNail:hover
{
    cursor: pointer;
}


/* Thumb Nail Sroll Buttons */
.btn_PicScroll_next
{
    cursor: pointer;
    background-image: url(../../pages/ourwork/next.PNG);
    background-repeat: no-repeat; 
    width: 109px;
    height: 17px;
    margin-bottom: 7px;       
}


.btn_PicScroll_next:hover
{
    cursor: pointer;
    background-image: url(../../pages/ourwork/next_MO.PNG);
    background-repeat: no-repeat;
}

.btn_PicScroll_previous
{
    cursor: pointer;
    background-image: url(../../pages/ourwork/previous.PNG);
    background-repeat: no-repeat; 
    width: 109px;
    height: 17px; 
    margin-top: 7px;     
}


.btn_PicScroll_previous:hover
{
    cursor: pointer;
    background-image: url(../../pages/ourwork/previous_MO.PNG);
    background-repeat: no-repeat;
}

#pic_sel_cont
{
    height: 183px; overflow: hidden;
}
