/* 
AUTHOR: 	Adire Ltd
WEBSITE:	http://www.adire.co.uk
*/

h1	{font-size:51px; color:#222; line-height:1.0em; padding:20px 0 20px 0; margin:0}
h2	{font-size:22px; color:#222; line-height:1.5em; font-weight:normal; margin:0}
h3	{font-size:18px; color:#444; line-height:1.5em; padding:30px 0 0 0; margin:0}
h4	{font-size:22px; color:#222; line-height:1.5em; padding:40px 0 0 0; margin:0}
h5	{font-size:22px; color:#222; line-height:1.5em; padding:40px 0 0 0; margin:0}
h6	{font-size:15px; color:#222; line-height:1.5em; padding:0; margin:0}

ul	{padding:0 0 0 10px}
ul li	{list-style:none}

p		{color:#666; line-height:1.5em; margin:8px 0; font-size:1em}

/* ----------------------------------------------------------------------------------------
LAYOUT
---------------------------------------------------------------------------------------- */
#outer				{margin:0; padding:0; width:100%; background:#eee}
#outer #inner	{margin:0 auto; padding:0; color:#000; width:960px; font-family: Arial, Helvetica, sans-serif; border-width:0 1px; border-color:#ccc; border-style:solid; background:#fff url('/imgs/bg-header.jpg') repeat-x; clear:both}
#outer #inner #container {padding:0}

/* ----------------------------------------------------------------------------------------
HEADER
---------------------------------------------------------------------------------------- */
#header 			{margin:0; padding:0}
#header .content 	{margin:0; padding:0; font-size:1em}
#header .content #full		{display:block; background:#fff url('/imgs/bg-header.jpg') repeat-x; border-bottom:1px solid #fff}
#header .content #full .left	{width:280px; float:left; padding:20px 30px; text-align:left}
#header .content #full .right	{width:560px; float:left; padding:0; text-align:right}
#header .content #topmenu					{text-align:center !important; width:980px; margin:0 auto !important; height:4px}
#header .content #topmenu ul				{padding:14px; margin:0 auto !important; color:#fff; text-align:center}
#header .content #topmenu ul li 			{display:inline}
#header .content #topmenu ul li a			{padding:0 25px; color:#fff; text-decoration:none; border-right:1px solid #fff; font-size:17px}
#header .content #topmenu ul li a:hover	{color: #fff}


/* ----------------------------------------------------------------------------------------
FEATURE
---------------------------------------------------------------------------------------- */
#feature	{margin:0; padding:0; clear:both}

/* ----------------------------------------------------------------------------------------
PAGE
---------------------------------------------------------------------------------------- */
#page							{margin:10px 0; padding:20px; clear:both; font-size:0.8em}
#page #full .content    a:link,
#page #full .content    a:active,
#page #full .content    a:visited    {color:#0066cc}
#page #full .content    a:hover      {color:#0066ff; text-decoration:underline}
#page #left					    {width:580px; float:left; margin:0 5px 0 0}
#page #left .content			{margin:0; padding:0; line-height:1.6em}
#page #right					{width:300px; float:right}
#page #right .content			{margin:0; padding:30px 0 0 0; font-size:1em; line-height:1.5em}
#page #left .content a:link, 
#page #left .content a:active, 
#page #left .content a:visited	{color:#0066cc}
#page #left .content a:hover		{color:#0066ff; text-decoration:underline}
#page #right .content	a:link,
#page #right .content	a:active,
#page #right .content	a:visited	{color:#0066cc}
#page #right .content	a:hover		{color:#0066ff; text-decoration:underline}


/* ----------------------------------------------------------------------------------------
FOOTER
---------------------------------------------------------------------------------------- */
#footer						{margin:0; padding:0 15px 40px 15px; clear:both; font-size:0.8em}
#footer .content 				{margin:0; padding:0 10px; border-top:1px solid #ccc}
#footer .content .left			{width:450px; float:left; margin:0; padding:20px 0 0 0}
#footer .content .left .content	{}
#footer .content .right			{width:430px; float:right; margin:0; padding:20px 0 0 0}
#footer .content .right .content	{}
#footer .content p 			{margin:0; padding:0}
#footer .content strong		{}
#footer .content ul			{width:32%; display:block; float:left; margin:0; padding:0}
#footer .content li			{padding:0 0 0 10px}
#footer .content li a:link, 
#footer .content li a:active, 
#footer .content li a:visited	{color:#666; text-decoration:none}
#footer .content li a:hover	{color:#0066cc; text-decoration:underline}


/* ----------------------------------------------------------------------------------------
CUSTOM
---------------------------------------------------------------------------------------- */
/* Main menu */
#horizontalNav {font-family:Arial, Helvetica, sans-serif; min-height:44px; height:44px; padding:0; margin:0}
#horizontalNav .container    {width:100%; margin:0 auto; padding:0; font-size:0.8em}
.inner > ul#menu{bottom:0; overflow:hidden;}
ul#menu		{background:url(/imgs/navigation-bg.jpg) 0 0; float:right; list-style-type:none; padding:0; margin:0; width:100%}
ul#menu li	{float:left; overflow:hidden; margin:0; padding:0; text-indent:-222px}
ul#menu li a{background:url(/imgs/navigation-btn.jpg) 0 0; display:block; height:44px}
ul#menu a.nav-home{background-position:0 0; width:90px; margin:0}
ul#menu a.nav-home:hover {background-position:0 -60px}
ul#menu a.nav-about{background-position:-90px -0px; width:92px}
ul#menu a.nav-about:hover{background-position:-90px -60px}
ul#menu a.nav-domains{background-position:-200px -0px; width:130px}
ul#menu a.nav-domains:hover{background-position:-200px -60px}
ul#menu a.nav-hosting{background-position:-610px -0px; width:130px}
ul#menu a.nav-hosting:hover{background-position:-610px -60px}
ul#menu a.nav-support{background-position:-740px -0px; width:120px}
ul#menu a.nav-support:hover{background-position:-740px -60px}
ul#menu a.nav-contact{background-position:-846px -0px; width:130px}
ul#menu a.nav-contact:hover{background-position:-846px -60px}
ul#menu a.nav-saas{background-position:-980px -0px; width:64px}
ul#menu a.nav-saas:hover{background-position:-980px -60px}
ul#menu a.nav-software{background-position:-1040px -0px; width:119px}
ul#menu a.nav-software:hover{background-position:-1040px -60px}
ul#menu a.nav-blog{background-position:-1160px -0px; width:75px}
ul#menu a.nav-blog:hover{background-position:-1160px -60px}


/* ------------------------------------------------------------------------------------------------------------------------------ Slider -- */
#slider ul,
#slider li			{margin:0; padding:0; list-style:none}
#slider, #slider li	{width:960px; height:430px; overflow:hidden}
span#prevBtn{}
span#nextBtn{}	
ol#controls			{margin:0; float:right}
ol#controls li		{display:block; display:inline; width:22px; padding:0 2px; font-size:10px; color:#ff0000}
ol#controls li a	{color:#ccc}

form label{width:150px;float: left;text-align: right;margin-right: 5px;}
form input{float: left;}
form textarea{float: left;}
form input[type='text']{width:150px;}
form br{clear: both;}

.boxHeading {width:300px}
.boxHeading h3 {height:58px;color: #fff;padding-left: 8px;padding-top: 24px;background-image: url(/imgs/boxHeading.jpg);}
.boxHeading .h60{background-image: url(/imgs/boxHeadingStar60.jpg);}
.boxHeading .h100{background-image: url(/imgs/boxHeadingStar100.jpg);}
.boxHeading .h150{background-image: url(/imgs/boxHeadingStar150.jpg);}
.boxHeading span{text-align: right; display: block;margin-right: 10px;}
.boxHeading div {width: 298px; border-left:1px solid #E1E1E1;border-right:1px solid #E1E1E1;border-bottom:1px solid #E1E1E1;background-image: url(/imgs/boxBackground.jpg);background-repeat: repeat-y;color: #727272;padding-bottom: 5px;position: relative;}
.boxHeading .hosting{height:180px;}
.boxHeading .orderNow{position: absolute;bottom:0;right:0}

.pntImg {list-style: none;}
.pntImg li{padding-left: 15px;background-image: url('/imgs/pnt.jpg');background-repeat: no-repeat;background-position:left center;padding-bottom: 2px;}

/**Blog styles **/
#sidebar h2{margin-top: 10px;}
#searchform input{float: none;}
#searchform label{width:auto;}

#commentform input{float: none;}
#commentform label{width:auto;}
#commentform textarea{margin:2px 0 10px 0px;width:300px;min-height: 150px;}

/**
* Support
*/
#index{margin-left: 20px;}
#index div{float: left;width:450px}
#index p{float: left;width:100%}
#index hr{float: left;width:100%}
#index .clear{clear: both;margin-bottom: 20px;}

.newTicketTxt{margin-left: 20px;font-size: 0.9em;}
.newTicket{text-align: right;}
.newTicket th {text-align: right;font-weight: bold;padding-right: 5px;}
.newTicket .error {font-size: 0.7em;color: #f00;}

.tickets {font-size: 0.9em;margin-left: 20px;}
.tickets .ticketsTable th{font-weight: bold;}
.tickets .ticketsTable td, .tickets .ticketsTable th{padding: 3px;}

.tickets .ticket th{font-weight:bold}
.tickets hr {width:100%}
.tickets #ticketthread .message {margin-bottom: 20px;}
.tickets #ticketthread .th {font-weight: bold;}
.tickets #ticketthread .info {font-size: 0.8em;}
.tickets .error {font-size: 0.7em;color: #f00;}
.tickets .msg {font-size: 1.1em;font-weight: bold;margin-top: 20px;}