/* Main CSS declarations*/
/* Largely inspired from different sources*/
/* Special thanks to http://www.w3schools.com* and TopStyle Pro */
/* Assuming 1024 resolution */


/* Global macros */
.clear { clear: both; }

/* Global settings*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p { margin: 0; padding: 0; }
ul,ol { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* main font, color etc.*/
body { font: 12px "Lucida Grande", Arial, Verdana, sans-serif; background-color:#000; color:#bbb; }

/* Global image layout */
img { behavior: url(http://singingphotons.net/global/scripts/iepngfix.htc); border: 0; }
img.left { float: left; margin: 2px 20px 16px 0; margin-bottom:15px;}
img.right { float: right; margin: 2px 0 16px 20px; }
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }

/*  ******************************************************************************************
Note to self. The whole page is arranged in the following order
Menu page - implemented in menu.css globalheader etc
Dummy header for space
Main Container
Main header
Main
Tables etc
Footer
*********************************************************************************************/

/* top dummy header just for creating some space*/
#dummyheader { margin:25px 25px 25px; color:#fff;}

/* Main container */
#maincontainer { width:1004px; margin: 0 auto; position: relative;}
#maincontainer{ _zoom:1; }	/* needed for some kind of IE6 bug. Found this info in a website */

/* main title header picture  */
#maintitleheader { margin:0 10px 40px; }

/* main section */
#main { width:954px; padding:0 25px;padding-top:25px; background:url(http://singingphotons.net/global/images/main_topbg.gif) no-repeat left top; }

/* main para */
#main p { margin-bottom:2.6em; font:"Lucida Grande", Arial, Verdana, sans-serif; font-size: 14px;}
#main p.intro { font-weight: bold; color:#fff; font-size: 14px;}

/* main header 1 */
#main h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; color:#fff;}

/* main header 2 */
#main h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; color:#fff;}

/* main header 3 */
#main h3 { font-weight: bold; font-size: 1em; line-height: 18px; color:#fff;}

/* main header 4 */
#main h4 { font-weight: bold; font-size: 10px; line-height: 18px; color:#fff;}

#main a { color:#fff; }
#main a:hover { color: #FFFFF0; }

#main .more { text-align: right; }
#main .center { margin:0 auto; text-align:center; width:100%; }
#main img.across, #main div.across, #main a.across  { display:block; text-align:left; margin:0 0 1.8em 0; }
#main img.big, #main div.big, #main a.big  { margin-right:-10px; _margin-right:10px; }




/* main sidebar */
#main .sidebar { padding-bottom:25px; font-size:9px; line-height:1.8em; font-weight:normal; }
#main div.box .sidebar { width:272px; }

#main .grid3col .column { width:293px; }
#main .grid3col .column.first { margin-right:18px; }

#main .sidebar .grid2col .column { width: 49%; }

#main .sidebar, #main .sidebar p, #main .sidebar ul, #main .sidebar dl, #main .sidebar h3, #main .sidebar h4 { color: #A9A9A9; }
#main .sidebar p { margin-bottom:1.6em; }

#main .sidebar h3 { font-size:12px; }

#main .sidebar img.right { margin-bottom:12px; }

#main .sidebar div h3 { margin:0 -20px; padding:15px 20px 1em 20px; font-size:12px; background:#303030 url(http://singingphotons.net/global/images/sidebar_bgtop.gif) no-repeat left top; }
#main .sidebar div h3.plain, #main .sidebar div.plain h3, #main .sidebar div div h3 { padding:0; margin:0 0 .3em; background:none; }
#main .sidebar div h3.divider { border-top:1px solid #303030; margin-left:-20px; margin-right:-20px; margin-top:15px; background:none; }

#main .sidebar div { width:253px; padding:0 20px 8px 20px; margin:0 0 20px 12px; background:#303030 url(http://singingphotons.net/global/images/sidebar_bgbottom.gif) no-repeat left bottom; }
#main div.box .sidebar div h3 { background-color:#232323; background-image:url(http://singingphotons.net/global/images/sidebar_bgtop.gif); }
#main div.box .sidebar div { width:220px; background-color:#232323; background-image:url(http://singingphotons.net/global/images/sidebar_bgbottom.gif); }

/* sidebar subnav */
#main .sidebar div#subnav { width:293px; padding:0; background:none; }
#main .sidebar div#subnav h3 { margin:0; padding-top:16px; padding-bottom:10px; border-bottom:1px solid #303030; }
#main .sidebar div#subnav h3 a { color:#acacac; text-decoration:none; }
#main .sidebar div#subnav h3 a:hover { color:#fff; }
#main .sidebar div#subnav ul { margin:0; padding:0; }
#main .sidebar div#subnav li { margin:0; padding:0; border-bottom:1px solid #303030; }
#main .sidebar div#subnav li a { display:block; padding:10px 20px 11px 20px; color:#acacac; background:#1d1d1d; font-size:10px; font-weight:bold; text-decoration:none; }
#main .sidebar div#subnav li a:hover { color:#fff; background-color:#111; }
#main .sidebar div#subnav li.last a { padding-bottom:13px; background:url(http://singingphotons.net/global/images/sidebar_subnav_bgbottom.gif) no-repeat left bottom; }
#main .sidebar div#subnav li.last a:hover { background-position:center bottom; }

/* Content section */
#content { width:954px; padding:0 25px;margin:0 -25px; margin-right:18px;font-size:11px; line-height:1.5em; font-weight:bold; color:#999; background:url(http://singingphotons.net/global/images/main_middlebg.gif) repeat-y left top; }

/* GRID */
.column { float: left; }
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; }

.grid2col .column { width: 49%; }
.grid2col .grid2col .column { width: 47.8%; }
.grid3col .grid2col .column { width: 46%; }
.grid4col .grid2col .column { width: 45%; }

.grid2cola .column.first { width: 68%; }
.grid2cola .column.last { width: 30%; }

.grid2colb .column.first { width: 74.9%; }
.grid2colb .column.last { width: 23%; }

.grid2colc .column.first { width: 32%; }
.grid2colc .column.last { width: 66%; }

.grid2cold .column.first { width: 23%; }
.grid2cold .column.last { width: 74.9%; }

.grid2cole .column.first { width: 79%; }
.grid2cole .column.last { width: 19%; }

.grid2colf .column.first { width: 19%; }
.grid2colf .column.last { width: 79%; }

.grid3col .column { width: 32%; margin-left: 2%; }
.grid2col .grid3col .column { width: 31%; }

.grid3cola .column { width: 58%; margin-left: 2%; }
.grid3cola .column.first,
.grid3cola .column.last { width: 19%; }

.grid4col .column { width: 23%; margin-left: 3%; }

.grid5col .column { width: 18.4%; margin-left: 2%; }

.grid6col .column { width: 15%; margin-left: 2%; }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

p.last, ul.last, ol.last, li.last { _width:auto !important; _float:none !important; }

#content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { _zoom:1; }

.grid2cola .grid2col .column { width:46%; }


/* contentfooter */
#contentfooter { width:954px; padding:0 25px; }
#contentfooter { clear:both; padding-bottom:1.6em; color: White; font-size:10px; line-height:1.4em; background:url(http://singingphotons.net/global/images/main_bottombg.gif) no-repeat left bottom; }

#contentfooter.simple { clear:both; padding-bottom:1.6em; color: White; font-size:10px; line-height:1.4em; background:url(http://singingphotons.net/global/images/bottombg.gif) no-repeat left bottom; }

#contentfooter div.top { padding-top:25px;}

#contentfooter.grid3col .column { width:301px; padding-right:20px; margin:0 20px 0 0; }
#contentfooter.grid3col .column.first { width:301px; }
#contentfooter.grid3col .column.last { width:259px; padding-right:0; margin-right:0; background:none; }

#contentfooter h3 { font-size:14px; margin-bottom:1.2em; font-weight:normal; color:#fff; }
#contentfooter h3.underline { font-size:14px; margin-bottom:1.2em; font-weight:normal; color:#fff;  text-decoration: underline; }
#contentfooter h4 { font-size:13px; line-height:1.5em; margin-bottom:1em; font-weight:normal; }
#contentfooter a { text-decoration: none;  color: #F5F5F5;  }

/* main footer for site map and copyright/trademark */
#mainfooter { color: #999; font-size: 10px; margin: 18px auto; padding-bottom: 36px; text-align: left !important; }
#mainfooter a { text-decoration: none;  color: #F5F5F5;  }
#mainfooter a:hover { text-decoration: underline; }
#mainfooter p { margin: 0; }
#mainfooter .mainfooter_links { float: none; text-align: center; margin: 18px 0 9px; }
#mainfooter .mainfooter_links a { padding: 0 10px; white-space: nowrap; }

#mainfooter .mainfooter_copyright { clear: both; width: 100%; padding-top: 9px; }
#mainfooter .mainfooter_copyright a { padding: 0 10px; }
#mainfooter { width: 980px; }

#main .script { display:none; }
#main .noscript { display:block; }