body
{ font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: White;
    width: 100%;
    height: 100%;
    margin: 0;
   padding: 0;
    text-decoration: none;
    font-style: normal;
    background-color: Black;
    background-image: url(/images/fixed_bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed; 
}
#AllContent
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    position: relative;
    
}
#BodyContent
{
    padding: 20px;
}

a:link, a:visited, a:active, a:hover
{
    text-decoration: underline;
}
a:link, a:visited, a:active
{color: White}
a:hover
{
    color: Red;
}

ul
{list-style:none;margin:0;padding:0;}
h1, h2, h3, h4, h5, p, li, ol, ul
{margin: 0 0 10px 0}

h1
{font-size: 22px;
color: Red;
}
h2
{
 font-weight: normal;
    font-size: 19px;
}
h3
{
    font-style: italic;
    font-size: 16px;
}
p, li
{font-size: 11px}

small {font-size: 11px;}
small a:link, small a:active, small a:visited {color: Gray;}
/*-------------------------------Header----------------------------------*/

#Header
{
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background: black;
    width: 1000px;
    font-weight: bold;
    height:130px;
    padding-top:10px;
    margin-top: 20px;
    position: relative
}

#Header ul
{
    list-style-type: none;
    clear: both;
    position: absolute;
    background: url(/images/nav_expand.png) top left repeat-x;
    float: right;
    height: 35px;
    width: 808px;
    padding: 0 20px;
    top: 70px;
    left: 150px;
    text-align: center;
    padding:10px 0 0 0;
    

}

#Header img
{
    border: none;
}

#Header li
{ zoom:1; *display: inline; _height: 30px; display: inline;
 font-size: 12px;}
     #Header li a
     {padding: 0 32px;}
#Header ul.iiefNav li a
{padding: 0 26px;}
#Header .logo
{
position: absolute; top: 0; left: 10px;}


#Header a:link, #Header a:visited, #Header a:active, #Header a:hover
{
	text-decoration: none;
	text-transform: uppercase;
}
#Header a:hover
{
	color: Red;
}


/*-----------------------------Breadcrumb--------------------------------*/
#BreadcrumbContent
{ position: absolute;
  top: 105px;
  left:129px;
    background: url(/images/breadcrumb_expand.png) repeat-x;
    font-size: 10px;
    font-weight: normal;
    height: 20px;
    padding: 3px 25px 0 5px
}
#BreadcrumbContent a:link, #BreadcrumbContent a:visited, #BreadcrumbContent a:active, #BreadcrumbContent a:hover
{
    text-decoration: none;
    color: Red;
}
#BreadcrumbContent a:hover
{
    text-decoration: underline;
    color: White;
}

/*-------------------------------------Home-----------------------------------*/
.slideshow
{float: right; height: 495px;}
.slideshow img {padding:0}

.HomeLeftTop
{float: left; width: 544px; padding-top: 15px; text-align: center}

.HomeLeftBottom
{background: url(/island-international-enterprises/images/homeLeft_bottomBG.gif) top left no-repeat; width: 485px;
        min-height: 250px; float: left; padding: 4px 20px 0}
.HomeLeftBottom h1
{color: White; font-style: italic; font-size:15px}
.HomeLeftBottom h2
{color: #b5b5b5; font-size:13px}

/*--------------------------------projects---------------------------------*/
#projectPhoto { margin: 10px 0 0 20px; float: left }
#projectPhoto img {max-width: 680px;}
#projectInfo {float: left; width: 680px !important; margin-left:20px;}
#projectInfo h2 {font-size: 12px; color: #747474; float: left; margin: 0 20px 10px 0}
#projectInfo h2 span {text-transform: uppercase; color: White; font-weight: bold}
#projectInfo div {background: url(/island-international-enterprises/images/project_hr.gif) bottom left no-repeat; height: inherit !important; width: 680px !important;}
ul.nav { width: 220px; float: left }
ul.nav li { width: 200px; float: left; margin: 0 0 6px 0; list-style: none; clear: left }
ul.nav a { padding: 4px; display: block; border: 1px solid #ccc; text-decoration: none; }
ul.nav li.activeSlide a { background: Red; color: White; }
ul.nav a:focus { outline: none; }
ul.nav img { border: none; display: block }



/*---------------------------------Contact-----------------------------------*/
.CollapsiblePanelHeader
{
    background-color: #a4a4a4;
    color: White;
    width: 100%;
    height: 25px;
}
.CollapsiblePanelHeader a:link, .CollapsiblePanelHeader a:visited, .CollapsiblePanelHeader a:active, .CollapsiblePanelHeader a:hover
{
    color: white;
    text-decoration: none;
    cursor: pointer;
}

.TextBox
{
    font-family: Calibri;
    width: 250px;
}

.LinkButton a:link, .LinkButton a:visited, .LinkButton a:active
{
    text-decoration: none;
}
.LinkButton a:link
{
    color: #a4a4a4;
}
.LinkButton a:visited
{
    color: #a4a4a4;
}
.LinkButton a:active
{
    color: #a4a4a4;
}
.LinkButton a:hover
{
    color: Red;
}

#videowrapper
{
    width: 500px;
    clear: left;
    text-align: center;
}
#videoleft
{
    width: 85px;
    text-align: right;
    float: left;
    padding: 0 15px 20px 0;
    line-height: 28px;
}

#videoright
{
    width: 300px;
    float: left;
    text-align: left;
    margin-top: 6px;
}

#videoleft h2
{
    font-size: 13px;
    font-weight: normal;
}

.detailsleft
{
    font-size: 13px;
    font-weight: normal;
    color: #a4a4a4;
}

.detailsright
{
    font-size: 15px;
    font-weight: bold;
    color: White;
}

/*----------------------------------News--------------------------------------*/
.newsEntry div{margin-left:160px}
.newsEntry h1
{border-top: solid 1px Gray; padding:6px 0 6px 10px; border-bottom: solid 1px Gray; margin-top:2px; width:630px; background-color: #1d1d1d;}
.newsEntry h2
{font-size:12px; margin: 35px 0 2px 0; color: Gray; width:640px}
.newsEntry p
{width:640px; padding-left:10px}
.newsEntry a:active, .newsEntry a:hover, .newsEntry a:visited, .newsEntry a:link
{color:Red; font-weight: bold}


.rightCol, .codeofConduct
	{width: 45%; float: right}
	.leftCol
	{width: 495px; float: left}
	.leftCol img
	{display: block; margin-left: auto; margin-right: auto}
	.pdfLink
	{ float: left; border: solid 1px White;
                    margin-right: 10px}
.switchCompany a:link, .switchCompany a:active, .switchCompany a:visited
{color:#B5B5B5 }
.switchCompany a:hover
{color: red}
.switchCompany span
{color: Red}
.switchCompany a
{text-decoration: none}

p.clear
{clear: both; margin: 0; padding: 0}

/*------------------------------------------------------------------------------------
                                Gateway
------------------------------------------------------------------------------------*/
div.iiefEntry, div.iieEntry, div.sphereEntry {position: absolute; text-align: center; width: 280px;}
div.iiefEntry {top: 250px; right: 20px;}
div.iieEntry {top: 260px; left: 20px;}
div.iiefEntry img, div.iieEntry img  {border: none; margin-bottom: 10px;}
div.iiefEntry a, div.iieEntry a {color: Gray; text-decoration: none;}

div.sphereEntry {top: 200px; left: 360px; overflow: hidden; height: 200px;}