/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
--                                                                       --
--                                                                       --
--      This is a Natural Graphic project. Why not get in touch to       --
--      find out how we can help you improve your own business?          --
--      We'd love to hear from you.                                      --
--                                                                       --
--                                                                       --
--      +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++      --
--                                                                       --
--                                                                       --
--      Project:    Helios website                                       --
--                                                                       --
--      Copyright:  2008 Natural Graphic Ltd All rights reserved         --
--                                                                       --
--      URL:        http://www.heliosinvestment.com                      --
--                                                                       --
--      Author(s):  Alex Traylen                                         --
--                                                                       --
--      Credit:     Natural Graphic                                      --
--                                                                       --
--      Visit us:   www.naturalgraphic.co.uk                             --
--                                                                       --
--      Contact:    talk [at] naturalgraphic.co.uk                       --
--                                                                       --
--                  +44 (0) 20 7241 2264                                 --
--                                                                       --
--                                                                       --
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */





/* -----------------------------------
+
+
+	General
+
+
----------------------------------- */

html,
body
		{
		margin:0;
		padding:0;
		font-size:0.85em;
		line-height:130%;
		font-family:
			arial,
			verdana,
			sans-serif;
		color:#000;
		background:#fff;
		}
		
h2
		{
		color:#ff9900;
		line-height:130%;
		font-size:100%;
		}
		
form
		{
		margin:0;
		}
		
a img
		{
		border:0;
		}
		
.clearer
		{
		clear:both;
		font-size:1px;
		line-height:1px;
		}
		
.orange
		{
		color:#ff9900;
		}





/* -----------------------------------
+
+
+	Links
+
+
----------------------------------- */
	
a
		{
		color:#ff9900;
		}
		
a:active
		{
		color:#000;
		}
		
a:visited
		{
		color:#ff9900;
		}
		
a:hover
		{
		color:#000;
		}





/* -----------------------------------
+
+
+	General containers
+
+
----------------------------------- */

#container
		{
		margin:0 auto;
		width:750px;
		}
		
#header
		{
		margin:10px 0 0 0;
		}
		
#header .slideshow_images
		{
		height:100px;
		overflow:hidden;
		}





/* -----------------------------------
+
+
+	Columns
+
+
----------------------------------- */
		
#firstcolumn
		{
		float:left;
		margin:30px 0;
		width:150px;
		font-size:96%;
		}
		
#secondcolumn
		{
		float:left;
		margin:30px;
		width:540px;
		font-size:110%;
		line-height:130%;
		}
		
#secondcolumn ul li
		{
		margin:0 0 10px 0;
		}
		
#secondcolumn #terms
		{
			font-style:italic;
			color:#666;
		}
		
		
		
		
		
/* -----------------------------------
+
+
+	Footer
+
+
----------------------------------- */

#footer
		{
		width:750px;
		color:#666;
		font-size:0.85em;
		line-height:130%;
		}

#footer #copyright
		{
		margin:10px 0;
		width:40%;
		float:left;
		}
		
#footer #disclaimer
		{
		margin:10px 0;
		width:40%;
		float:right;
		text-align:right;
		}
	
		



/* -----------------------------------
+
+
+	Warnings
+
+
----------------------------------- */

#iewarning
		{
		display:none;
		}

#errorwarning
		{
		font-size:86%;
		}

#errorwarning p
		{
		line-height:160%;
		color:#fff;
		background:#b41e8e;
		padding:20px;
		width:860px;
		}




/* -----------------------------------
+
+
+	Main navigation
+
+
----------------------------------- 
		
#mainnavigation
		{
		margin:10px 0 0 0;
		height:40px;
		background:#dadada;
		}
		
#leftcorner
		{
		float:left;
		margin:0;
		}
		
#rightcorner
		{
		float:right;
		margin:0;
		}
		
#ulholder
		{
		float:left;
		margin:0;
		width:735px;
		height:40px;
		}
		
#mainnavigation #ulholder ul
		{
		margin:0;
		padding:0;
		list-style:none;
		}
		
#mainnavigation #ulholder ul li
		{
		float:left;
		margin:0;
		}
		
#mainnavigation #ulholder ul li.last
		{
		float:right;
		margin:0;
		}

#mainnavigation #ulholder ul li a
		{
		color:#000;
		display:block;
		line-height:40px;
		padding:0 5px;
		text-decoration:none;
		}
		
#mainnavigation #ulholder ul li a:active
		{
		color:#000;
		}
		
#mainnavigation #ulholder ul li a:visited
		{
		color:#000;
		}
		
#mainnavigation #ulholder ul li a:hover
		{
		color:#ff9900;
		background:#dadada;
		display:block;
		}
		
#mainnavigation #ulholder ul li a.active,
#mainnavigation #ulholder ul li a.active:active,
#mainnavigation #ulholder ul li a.active:visited,
#mainnavigation #ulholder ul li a.active:hover
		{
		color:#ff9900;
		background:#dadada;
		display:block;
		}
*/

		
		
		
/* -----------------------------------
+
+
+	Main navigation
+
+
----------------------------------- */
		
#mainnavigation
		{
		margin:10px 0 0 0;
		height:40px;
		background:#dadada;
		}
		
#leftcorner
		{
		float:left;
		margin:0;
		}
		
#rightcorner
		{
		float:right;
		margin:0;
		}
		
#ulholder
		{
		float:left;
		margin:0;
		width:735px;
		height:40px;
		text-align:center;
		}

#mainnavigation #ulholder ul,
#mainnavigation #ulholder ul li
		{
		list-style: none;
		margin: 0;
		padding: 0;
		}
		
#mainnavigation #ulholder ul
		{
		text-align: center;
		}

#mainnavigation #ulholder ul li
		{
		display: inline;
		}

#mainnavigation #ulholder ul li a
		{
		color:#000;
		line-height:40px;
		padding:10px 5px;
		text-decoration:none;
		}
		
#mainnavigation #ulholder ul li a:active
		{
		color:#000;
		}
		
#mainnavigation #ulholder ul li a:visited
		{
		color:#000;
		}
		
#mainnavigation #ulholder ul li a:hover
		{
		color:#ff9900;
		background:#dadada;
		}
		
#mainnavigation #ulholder ul li a.active,
#mainnavigation #ulholder ul li a.active:active,
#mainnavigation #ulholder ul li a.active:visited,
#mainnavigation #ulholder ul li a.active:hover
		{
		color:#ff9900;
		background:#dadada;
		}
		
		
		
		
/* -----------------------------------
+
+
+	Sub navigation
+
+
----------------------------------- */

ul#subnav
		{
		margin:14px 0 0 0;
		padding:0;
		list-style:none;
		}
		
ul#subnav li
		{
		margin:0 0 5px 0;
		padding:0 0 0 10px;
		}
		
ul#subnav li a
		{
		text-decoration:none;
		color:#000;
		}
		
ul#subnav li a:active
		{
		color:#ff9900;
		}
		
ul#subnav li a:visited
		{
		color:#000;
		}
		
ul#subnav li a:hover
		{
		color:#ff9900;
		}
		
ul#subnav li.active a
		{
		text-decoration:none;
		color:#ff9900;
		}
		
ul#subnav li.active a:active
		{
		color:#000;
		}
		
ul#subnav li.active a:visited
		{
		color:#ff9900;
		}
		
ul#subnav li.active a:hover
		{
		color:#000;
		}
		
ul#subnav li.active
		{
		color:#ff9900;
		}





/* -----------------------------------
+
+
+	List search
+
+
----------------------------------- 
		
.listsearch
		{
		margin:0 0 20px 0;
		}
		
.listsearch table
		{
		width:100%;
		border-top:#b3b3b3 solid 1px;
		}

.listsearch th
		{
		border-top:#fff solid 1px;
		background:url(../img/back/bg-navigation.png) repeat-x center left;
		border-bottom:#b3b3b3 solid 1px;
		font-weight:normal;
		padding:0 5px;
		height:50px;
		}
				
.listsearch td
		{
		border-top:#fff solid 1px;
		border-bottom:#cdcdcd solid 1px;
		font-weight:normal;
		padding:5px;
		}
		
.listsearch td input
		{
		width:100px;
		padding:5px;
		border:#b3b3b3 solid 1px;
		}

.listsearch th img,
.listsearch td img
		{
		vertical-align:middle;
		}

.listsearch th.lt_left,
.listsearch td.lt_left
		{
		text-align:left;
		}
		
.listsearch th.lt_center,
.listsearch td.lt_center
		{
		text-align:center;
		}
		*/
		
		
		
/* -----------------------------------
+
+
+	List table
+
+
----------------------------------- 
		
.listtable
		{
		margin:0 0 20px 0;
		}
		
.listtable table
		{
		width:100%;
		}

.perpage
		{
		padding:10px;
		border-bottom:#b3b3b3 solid 1px;
		}
		
.checkactions
		{
		padding:10px;
		}

.toppagination
		{
		padding:10px;
		border-top:#e6e6e6 solid 1px;
		background:url(../img/back/bg-pagination.png) repeat-x center left;
		border-bottom:#b3b3b3 solid 1px;
		}
		

.bottompagination
		{
		padding:10px;
		border-top:#e6e6e6 solid 1px;
		background:url(../img/back/bg-pagination.png) repeat-x center left;
		border-bottom:#b3b3b3 solid 1px;
		}
		
.listtable tr.lt_row_1
		{
		background:#fafafa;
		}
		
.listtable tr.lt_row_2
		{
		background:#f6f6f6;
		}
		
.listtable th
		{
		border-top:#fff solid 1px;
		background:url(../img/back/bg-navigation.png) repeat-x center left;
		border-bottom:#b3b3b3 solid 1px;
		font-weight:normal;
		padding:0 10px;
		height:50px;
		}
				
.listtable td
		{
		border-top:#fff solid 1px;
		border-bottom:#cdcdcd solid 1px;
		font-weight:normal;
		padding:5px 10px;
		}

.listtable td img,
.listtable th img
		{
		vertical-align:middle;
		}

.listtable th.lt_left,
.listtable td.lt_left
		{
		text-align:left;
		}
		
.listtable th.lt_center,
.listtable td.lt_center
		{
		text-align:center;
		}
		
		*/
		
		
		
		
/* -----------------------------------
+
+
+	Input form
+
+
----------------------------------- 

.inputform .textinput,
.inputform .textareainput,
.inputform .htmlinput,
.inputform .checkboxinput,
.inputform .dropdowninput,
.inputform .fileuploadinput,
.inputform .datetimeinput,
.inputform .misc,
.inputform .textpanel,
.inputform .submitinput,
.inputform .numberinput
		{
		margin:0 0 20px 0;
		}
		
.inputform .textinput .input input
		{
		padding:1%;
		width:98%;
		border:#b3b3b3 solid 1px;
		}
		
.inputform .datetimeinput .input input
		{
		padding:2px;
		width:80px;
		border:#b3b3b3 solid 1px;
		}
		
.inputform .numberinput .input input
		{
		padding:1%;
		width:80px;
		border:#b3b3b3 solid 1px;
		}
			
.inputform .textareainput .input textarea,
.inputform .htmlinput .input textarea
		{
		padding:1%;
		width:98%;
		height:100px;
		border:#b3b3b3 solid 1px;
		}

.inputform .textinput .label p,
.inputform .textareainput .label p,
.inputform .htmlinput .label p,
.inputform .checkboxinput .label p,
.inputform .dropdowninput .label p,
.inputform .fileuploadinput .label p,
.inputform .datetimeinput .label p,
.inputform .numberinput .label p
		{
		margin:0 0 10px 0;
		}
		
		*/
		
		
		
/* -----------------------------------
+
+
+	Login form
+
+
----------------------------------- 

#login
		{
		float:left;
		padding:10px;
		width:320px;
		margin:0 260px;
		}

#loginform .textinput,
#loginform .submitinput
		{
		margin:0 0 10px 0;
		}
		
#loginform .textinput .input input
		{
		padding:7px;
		width:303px;
		border:#b3b3b3 solid 1px;
		}

#loginform .textinput .label p
		{
		margin:0 0 5px 0;
		}
		
		
		*/
		
		
/* -----------------------------------
+
+
+	Registration form
+
+
----------------------------------- 

#registrationform
		{
		float:left;
		width:340px;
		margin:0 0 0 40px;
		}
		
#registrationform h2
		{
		margin:0 0 20px 0;
		}
		
#registrationform .textinput,
#registrationform .submitinput
		{
		margin:0 0 10px 0;
		}
		
#registrationform .textinput .input input
		{
		padding:7px;
		width:324px;
		border:#b3b3b3 solid 1px;
		}

#registrationform .textinput .label p
		{
		color:#ae4089;
		margin:0 0 5px 0;
		}
		*/