/* main elements */
body{
margin-top:5px;
padding:0px;
/*background-color: #d2e9ef;*/
background-color: #ffffff;
font: 13px "Trebuchet MS", "Lucida Sans unicode", Arial, Helvetica, sans-serif, courier;
}

.maincontainer{
width: 969px; /*Width of main container*/
min-height: 100%;
background-color: #ffffff;
padding-bottom: 10px;
border: #113394 1px solid;
}

.contentcontainer{
width: 969px; /*Width of main container*/
margin-top: 5px;
}

.contentwrapper{
float: left;
width: 100%;
clear: both;
}

#servicescolumn{
margin-left: 646px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
}

#solutionscolumn{
float: left;
width: 323px; /*Width of left column in pixel*/
margin-left: -969px; /*Set left margin to -(MainContainerWidth)*/
}

#productscolumn{
float: left;
width: 323px; /*Width of right column in pixels*/
margin-left: -646px; /*Set right margin to -(MainContainerWidth - LeftColumnWidth)*/
}

#partners{
clear: left;
width: 100%;
text-align: center;
}

#officeblox{
font-size: 80%;
font-weight: bold;
color: #ffffff;
padding-right: 5px;
float: right;
position: relative;
text-align: right;
}

#tagline{
font-size: 140%;
color: #ffffff;
margin-left: 93px;
padding-left: 5px;
padding-top: 95px;
}

.innertube{
margin-left: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-right: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-bottom: 10px;
}

.pageheader{
height: 36px;
background:url(theme-images/back_0.gif); 
border-left: #113394 1px solid;
border-right: #113394 1px solid;
}

#menubox{
margin-left: 646px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
clear:both;
}

#aboutcolumn{
width: 646px; /*Width of left column in pixel*/
float: left;
margin-left: -969px;
}

#headerbox{
width: 646px; /*Width of right column in pixels*/
float: left;
}

#searchbox{
width: 323px; /*Width of right column in pixels*/
margin-left: 646px;
}

#interestscolumn{
margin-left: 646px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
clear:both;
}

#newscolumn{
width: 646px; /*Width of left column in pixel*/
float: left;
margin-left: -969px;
}

#contentcolumn{
margin-left: 323px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
}

#menucolumn{
width: 323px; /*Width of left column in pixel*/
float: left;
margin-left: -969px;
}

#pageheaderbox{
margin-left: 323px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
}

#crumbelsbox{
width: 323px; /*Width of left column in pixel*/
float: left;
margin-left: -969px;
}

#indigoheader{ /* box holding the indigo pacific header */
background: #113394;
height: 122px;
width: 969px;
}

#logoheader {
float:left
}
/* style elements for shadows */
.innerdiv{
background-color: white;
margin-left: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-right: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-bottom: 10px;

border-top: #113394 2px solid;
padding: 5px;
}

.innerdivleft{
background-color: white;
margin-left: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-right: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-bottom: 10px;
border-right: #113394 2px solid; 
border-top: #113394 2px solid;
padding: 5px;
}

.innerdivtopleft{
background-color: white;
margin-left: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-right: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-bottom: 10px;
margin-top: 10px;
border-right: #113394 2px solid; 
border-bottom: #113394 2px solid;
padding: 5px;
}

.innerdivcenter{
background-color: white;
margin-left: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-right: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-bottom: 10px;
border-top: #113394 2px solid;
padding: 5px;
}

.innerdivright{
background-color: white;
margin-left: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-right: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-bottom: 10px;
border-left: #113394 2px solid;
border-top: #113394 2px solid;
padding: 5px;
} 

.innerdivtopright{
background-color: white;
margin-left: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-right: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-bottom: 10px;
margin-top: 10px;
border-left: #113394 2px solid;
border-bottom: #113394 2px solid;
padding: 5px;
} 

.copyblox{ /* box for the copyright */
padding-top: 5px;
width: 969px;
color: #4d4d4d;
font-size: 10px;
text-align: center;
}

.pageheader h1{ 
background-image: url(theme-images/page-header-bullet.gif);
background-repeat: no-repeat;
background-position: 4px 80%;
padding-left: 43px;
padding-top: 3px;
font-size: 25px;
margin: 0;
float: top;
}

.officebox { 
padding-left: 125px;
clear: left;
width: 100%;
}

/* image elements */
.img{
	float: left;
	margin: 0px 10px 10px 0px;
}  

.txtimg{
	float: left;
	margin: 0px 15px 5px 0px;
	border: #000 1px solid;
}

.img a{
	border: 0px;
} 
 
.imgleft {
	float: left;
	margin: 0px 10px 5px 0px;
	border: #000 1px solid;
}

.imgoffice {
	float: left;
	margin: 0px 10px 20px 0px;
	border: #000 1px solid;
}

.imgproduct {
	float: right;
	margin: 5px 10px 10px 10px;
	border: #ffffff 1px solid;
}

.imgright {
	float: right;
	margin: 5px 10px 10px 10px;
	border: #000 1px solid;
}

.imgcenter {
	display: block;
    margin-left: auto;
    margin-right: auto;
	border: #000 1px solid;
}

.imgcenterclear {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.imgborder {
	border: #000 1px solid;
}

.imgheader {
	border: #000 0px solid;
}

h1 {
color: #113394;
font-size: 140%;
font-weight: bold;
margin-bottom: -1px;
margin-top: -3px;
}

h2, h2 a {
color: #A70303;
font-size: 110%;
font-weight: bold;
margin-bottom: -3px;
text-decoration: none;
}

a {
color: #113394;
font-weight: bold;
text-decoration: underline;
}

.headersection{
font-size: 105%;
font-weight: bold;
}

.contentbox{
clear: both;
width: 100%;
}

#searchheader{
width: 225px;
float: right;
text-align: right;
}

.searchinputbox
{
border: 1px solid #000000;
padding-left: 2px;
width: 125px;
}

.inputbox
{
border: 1px solid #000000;
padding-left: 2px;
width: 184px;
}

#crumbels{
font-size: 70%;
color: #113394;
padding-top: 2px;
padding-bottom: 1px;
font-weight: bold;
}

.arrowlistmenu{
width: 300px; /*width of menu*/
margin-top: 5px;
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #ffffff;
background-color: #113394;
}

.arrowlistmenu ul li ul li a{
color: #A70303;
display: block;
padding: 2px 0;
padding-left: 40px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li ul li a:hover{ /*hover state CSS*/
color: #ffffff;
background-color: #113394;
}

.movielistmenu{
width: 300px; /*width of menu*/
margin-top: 5px;
}
.movielistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.movielistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
color: #A70303;
padding: 2px 0;
}

.movielistmenu ul li a:visited{
color: #A70303;
}