/* Deltasound | May 2006 | deep.co.uk */


HTML, BODY  { height: 100%; color: white; font-size: 0.9em; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 1.5em; background-color: #062d2d; margin: 0; padding: 0 0 0; width: 100%; }
DIV  	   { /*position: relative;*/ }
IMG  	   { border: 0; }
P    	   {
			 margin: 10px 0 10px 0;
			 padding: 0;
		   }
BLOCKQUOTE {
			 width: 90%;
			 margin: 0 0 10px 20px;
		   }
BLOCKQUOTE.blog{ height:400px; border:5px solid #336666; overflow:auto; padding:3%; width:84%; }		  
BLOCKQUOTE.blog H2.top{ padding:2px; background-color:#336666; }
H1          { color: white; font-size: 1.4em; margin: 0 0 10px; padding: 0 }  /*  Page Title  */
H2         {
			 font-size: 1.05em;
			 margin: 0 0 10px 0;
			 padding: 0;
		   }  /*  Sub Title   */
H3         {
			 font-size:  1.1em;
			 margin: 0 0 2px 0;
			 padding: 0;
		   }  /*  Sidebar Sub Title  */

A          { color: #699; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none }
A:hover    { color: #f90; }

.spacer    { clear: both; }


/*|||||||||||||||||||||||||||||||
  Top Menu Items
  |||||||||||||||||||||||||||||||||*/
.menubar_cont 	   {
					 height: 28px;
 					 background-color: #333333; background-color: #000000 !important;
					 background-repeat: repeat-x;
					 z-index: 2;
				   }
#mainMenuCont      {
					 background-color: #000000;
					 border: 0px solid #000000;
					 position: relative;
					 z-index: 1;
					 /*   PC IE5.5   */
					 height: 28px;
					 top: 1px;
					 /*   parsing bug   */
					 voice-family: "\"}\"";
					 voice-family: inherit;
					 /*   PC IE6   */
					 height: 24px;
					 top: 1px;
				   }

HTML>BODY #mainMenuCont { height: 25px; top: 0px;  }

A.toplinks1        {
					 float: left;
					 height: 25px;
					 color: #FFFFFF;
					 font-size: .85em;
					 font-weight: bold;
					 text-decoration: none;
					 border-right: 0px solid #003333;
					 line-height: 25px;
					 padding: 0 6px 0 6px;
				   }

HTML>BODY A.toplinks1  { padding: 0 10px 0 10px; }
#topbar	A.lastItem:hover{background-color:inherit; color:#FFFFFF}

A.toplinks1:hover,
#topbar	A:hover,
A.active 		    { color: #f90; font-weight: bold; text-decoration: none; background-color: #000000 }

A.toplinks2 	    { color: #f90; font-size: 0.85em; font-weight: bold; line-height: 25px; text-decoration: none; display: block; padding: 0 6px; height: 25px; float: right; border-right: 0 solid #003333 }

HTML>BODY A.toplinks2 { padding: 0 4px 0 4px; }

A.toplinks2:hover  {
					 color: #FFFFFF;
					 text-decoration: none;
				   }


/*|||||||||||||||||||||||||||||||
Left Side Menu Items
|||||||||||||||||||||||||||||||||*/

.navContainer        {
					   position: relative;
					   z-index: 3;
					   top: 0px;
					 }

.topLine             {
					   position: relative;
					   border-bottom: 0px solid #FFFFFF;
					   height: 1px;
					 }

.topLine IMG         { margin: 0 !important; }

.level1 A           { color: white; line-height: 20px; text-decoration: none; display: block;  width: 133px; }
.level1 A:hover     { color: #f90; }
.level1on A	  		{ color: #f90; font-size: 1em;  line-height: 20px; text-decoration: none; background-color: #003333; display: block;  width: 133px;  }
.level1on A:hover   { color: #f90; background-color: #003333 }

.level3 A           { color: #699; font-size: 0.9em; line-height: 15px; display: block; padding-left:5px; width: 127px; height: 100%;}
.level3 A:hover     { color: #f90;}
.level3on A			{ color: #f90; font-size: 0.9em; line-height: 15px; display: block; padding-left:5px; width: 127px; height: 100%;}
.level3on A:hover   { color: #f90; }


/*|||||||||||||||||||||||||||||||
Breadcrumb
|||||||||||||||||||||||||||||||||*/

DIV.breadCont          {
						 padding: 0px 0 0px 0;
						 top: 0px;
						 left: 10px;
						 font-size: .9em;
						 color: #FFFFFF;
					   }

DIV.breadCont A		   { color: #FFFFFF; }
DIV.breadCont A:hover    { color: #f90 ;}


/*|||||||||||||||||||||||||||||||
Right Sidebar Items
|||||||||||||||||||||||||||||||||*/

DIV.sidebar			{ text-align:left;
					  color: #FFFFFF;
					  line-height: 1.3em;
					  font-size: 10px;
					}
DIV.sidebar H2      { color: #FFFFFF; font-size: 12px;}
DIV.sidebar P		{ margin-top: 0; }


/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
100% Width DIVs for fullscreen background styles
This DIV allows for background scalability and colour control
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.full_row_cont       { background-color: transparent; text-align: center; width: 100% }

.media_cont	         { background-color: #333333; z-index: 2; text-align: center; }

.sec_header_cont    {
					  background-color: #000000;
					  padding: 3px 0 0 0;
					  background-color: #336666;

					}

.main_cont          {
					  background-color: #FFFFFF;
					  padding-top: 10px;
					  background-image: url(../img/main_back.jpg);
					}

.footer_cont         { background-color: transparent; margin-top: 10px }

.footer_cont IMG    { margin: 10px 0 0 0; }

.footerlinks_cont    { color: #999999; font-size: 0.8em; background-color: #003333; margin-top: 30px; z-index: 1 }

A.footerlinks   {
					  background-color: #003333;
					  margin-top: 30px;
					  font-size: .8em;
					  color: #999999;
					  z-index: 1;
					}

A.footerlinks:hover     { color: #ff9900; }



/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Fixed Size DIV rows
These DIVs center the content in the middle of the screen
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.fixed_row_cont     {
					  width: 970px;
					  text-align: left;
					  margin: 0 auto;
					}


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
COLUMN PRESETS
.col_outside and .col_inside allow for proper spacing of content.
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.col_outside	   {
				     float: left;
					 display: inline;
				   }

.col_inside        {
				     margin: 10px 10px 0 0;
					 padding-bottom: 20px !important;
				   }

.col_inside IMG    { margin: 0 0 0 0; }

.links_pos		   { top: -3px; }




/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
COLUMN SETS
These class sets represent the different possible ways to layout a page.
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/* 3 column, BASIC PAGE LAYOUT */
.col3_col1	      { width: 158px; margin: 15px 10px 0 0; }
.col3_col2        { width: 500px; margin: 25px 10px 0 0; font-family:  Arial, Verdana, helvetica, sans-serif; text-align:justify;}
.col3_col3        { width: 288px; margin: 15px    0 0 0; background-color: #003333; }

/* 2 column, INNER PAGE LAYOUT */
.col2_col1	      { width: 158px; margin: 15px 10px 0 0; }
.col2_col2        { width: 608px; margin: 15px    0 0 0; font-family:  Arial, Verdana, helvetica, sans-serif;}



/******************************************************************
 * Popups
 *******************************************************************/

#fullPop        { padding-bottom: 120px; }

.fullPopBack    {
				  position: absolute;
				  left: 0;
				  top: 0;
				  width: 100%;
				  height: 500px;
				  background-image: url(../img/sep_back1.jpg);
				  background-position: top;
				  background-repeat: repeat-x;
				}

.fullPopPicCont {
				  position: absolute;
				  right: 15px;
				  top: 40px;
				}

.fullPopContent {
				  position: relative;
				  margin: 0 40px;
				  top: 120px;
				  width: auto;
				  z-index: 5;
				  font-size: .9em;
				  font-family:  Arial, Verdana, sans-serif;
				}

/* NEWS PAGE */
.newsColumn{ float:left; width:49.5%;}
.newsItem{ float:left; width:100%; padding-bottom:10px; }
.newsItemImg{ float:left; width:60px; height:44px; padding:2px; border:1px #FFCC03 solid; text-align:center;}
.newsItemImg:hover{ cursor:pointer;  }
.newsItemImgHover{ border-color:#448899 !important;}
.newsItemText{ position:relative; float:left; top:-4px; padding-left:6px;padding-top:0px;width:150px;text-align:left;}
.newsItemText A{ color:#FFCC03; font-weight:bold; font-size:1em;  }
.newsItemText A:hover{ color:#448899; }
.newsItemDate{ position:relative; top:-4px; font-size:0.8em; color:#FFFFFF; }
#youTubeVideo{ margin-top:53px;}

/* NEWS ITEM PAGE */
#newsTextTitle{ color:#FFCC03; font-weight:bold; }
#newsText A{ color:#FFCC03; font-weight:bold; font-size:1em; }
#newsText A:hover{ color:#448899; }
#newsInfo{font-size:0.8em; color:#FFFFFF;}
#newsBackLink{}
#newsImageCont{width:136px; text-align:center;}
#newsImage{ padding:2px; border:1px #FFCC03 solid;}

/* CONTACT FORM */
.contactFormLabel{ float:left; width:20%; height:25px; line-height:25px; }
.contactFormInput{ float:left; width:79%; height:25px; line-height:25px; }
.contactFormInput TEXTAREA{ position:relative; top:3px; width:198px; height:75px; border:1px #336666 solid; background-color:#003333; color:#FFFFFF; overflow:auto; font-size:0.9em; font-family: Arial, Helvetica, sans-serif; }
.contactFormInput INPUT{ width:200px; color:#FFFFFF; border:none; border-bottom:1px #336666 solid; background-color:#003333;}
.contactFormInputSubmit{ width:100px !important; border:2px #336666 solid !important;}
.error{ color:#f90; }

/* PORTFOLIO PAGE */
.portfolioColumn{ float:left; width:49.5%;}
.portfolioPageItem{ float:left; width:100%; padding-bottom:10px; }
.portfolioPageItemImgCont{  float:left; width:60px; height:44px; }
.portfolioPageItemImg{ float:right; padding:2px; border:1px #FFCC03 solid; text-align:center;}
.portfolioPageItemImg:hover{ cursor:pointer;  }
.portfolioPageItemImgHover{ border-color:#448899 !important;}
.portfolioPageItemText{ position:relative; float:left; top:-4px; padding-left:6px;padding-top:0px;}
.portfolioPageItemText A{ color:#FFCC03; font-weight:bold; font-size:1em; }
.portfolioPageItemText A:hover{ color:#448899; }

/* PORTFOLIO ITEM PAGE */
#portfolioItemNav{ float:left; width:100%; }
.portfolioItemColumnLeft{ float:left; }
.portfolioItemColumnRight{ float:left; width:220px; }
.portfolioItem{ float:left; width:100%; padding-bottom:10px; }
.portfolioItemImg{ float:left; padding:2px; border:1px #FFCC03 solid; text-align:center;}
.portfolioItemImg:hover{ cursor:pointer;  }
.portfolioItemImgHover{ border-color:#448899 !important;}
.portfolioItemName{ padding-bottom:10px;}
.portfolioItemLinks{ float:left; width:100%; padding-left:10px; color:#FFFFFF !important;}
.portfolioItemLinks A{  color:#FFCC03; font-weight:bold; font-size:1em;}
.portfolioItemLinks A:hover{ color:#448899; }
.portfolioItemText{ float:left; width:100%; padding-top:10px;}
.portfolioBackLink{ float:left; width:100%; padding:0px; border-top:1px #FFCC03 solid; margin-top:10px; padding-top:5px;}

/* RSS */
.RSSDate { text-align: right; font-style: italic; float: right; }

/* NEWS */
.homeNews { text-align: left; padding-top: 15px; font-size: 0.8em; line-height: 1.3em;}
.homeNewsItem { float: left; text-align: left; margin: 0 auto; padding-bottom: 20px; }
.homeNewsItem div.ImgBorder { width: 270px; /*height: 216px;*/ border: 1px solid #FFF; text-align: center;  margin: 0 auto;}
.homeNewsItem div.ImgBorder:hover { /*border: 1px solid #489; */}
.homeNewsItem A { color: #FFF; font-size: 1.3em; font-weight: bold; font-size: 10px; }
.homeNewsItem A:hover { color: #489; }

.img_border IMG { border: 1px solid #FFF; }

DIV.midbar			{ text-align:left;
					  color: #FFFFFF;
					  line-height: 1.3em;
					  font-size: 10px;
					  padding-top: 20px;
					}
DIV.midbar H2		{ color: #FFFFFF; font-size: 12px;}
DIV.midbar P		{ margin-top: 0; text-align: justify; }

.sidebar H1			{ text-align: center; }

#pageContent 				{ width: 800px; margin:0 auto; overflow:hidden }
#topbar						{ background-color: #747f81; height: 22px; }
#topbar	A					{ color: #fff; border-left: 1px solid #b0b4b6; border-right: 1px solid #646a6c;  padding: 2px 7px; font-size:0.78em; height: 18px; float: left; font-weight:bold;  }
#topbar	A:hover				{  }
#topbar	A.firstMenu			{ border-left: none; }
#topbar	A.lastMenu 			{ padding-right: 7px; border-right-color:#B0B4B6; }
#topbar	A.lastItem 			{ color: #FF9900; float: right; height: 18px; padding-left: 35px; border:0; padding-right: 15px; font-weight: bold !important; }
#topbar	A.lastItem:hover	{ font-weight: bold; }
#mainContent				{ padding: 16px 14px 16px 16px; width: 100%; float: left; width: 772px; font-size: 0.9em; line-height: 1.5em; }
#mainContent DIV.box 		{ width: 180px; margin: 0 6px; float: left; }
#mainContent DIV.boxHeader 	{ background: url(/webmedia/box_header.gif) no-repeat; float: left; width: 168px; height: 43px;border-bottom: 1px #fff dotted; padding: 6px; font-weight: bold; font-size: 16px; line-height: 1.3em; }
.blogLogo 	{ background: url(/webmedia/box_header_bloglogo.gif) no-repeat !important; }
#mainContent DIV.boxContent	{ float: left; width: 180px; height: 250px; background-color: #747f81; }
#mainContent DIV.boxContent	P { margin: 0; }
#mainContent DIV.boxContent	A { color: #ff9900; }
DIV.pageHeadImage			{ width: 800px; }
#mainContent A.blogHomeTitle	{ font-size: 12px; font-weight: bold; color: #ffffff !important; }
.postmetadata 				{ font-weight: bold; font-size: 10px; }
.postmetadata A				{ color: #ffffff !important; font-size: 10px; }
.bodyLayout					{ background: url(/webmedia/bg.gif) top center #1D4040 repeat-y; }
.footerlinks_cont2    { color: #999999; font-size: 0.8em; margin-top: 30px; z-index: 1;clear: both }

A.footerlinks2   {
					  width: 798px;
					  margin-top: 30px;
					  font-size: .8em;
					  color: #999999;
					  z-index: 1;
					}

A.footerlinks2:hover     { color: #ff9900; }
 .fixed_row_cont1 { padding-left: 25px; position:absolute; width:775px; text-align:center;  }
    .fixed_row_cont1 A { }
	.fixed_row_cont1 IMG {position:relative; }
	
   /*
    not sure what this was for
   .fixed_row_cont1 { padding-left: 25px; position:absolute; width:775px;  }
    .fixed_row_cont1 A { display:block; margin:0 auto; width:169px}
	.fixed_row_cont1 IMG {position:relative; top:+3px;}*/
	
	.fixed_row_cont2 {text-align: left; padding-left: 25px; position:absolute}
	.fixed_row_cont3  {text-align: right; padding-right: 25px;}