/*======================================
  VORETI.CO.UK STYLESHEET
  --------------------------------------
  Copyright : Voreti Limited
  Author    : Adam Brett
  Revision  : 1
  Date      : 28 Dec 2009
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		 #000
- white		 #fff
- light blue #0096d1
- grey       #666
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
body {
	background: url(../img/body-bg.png) top left repeat-x;
	margin: 0;
}

/**************************************/
/*              HEADER                */
/**************************************/
#header {
	height: 150px;
}

#logo img {
	border: 0;
	margin-top: 35px;
}

/**************************************/
/*             NAVIGATION             */
/**************************************/
#navigation {
	text-align: right;
}

#navigation ul {
	margin-top: 70px;
}

#navigation li {
	display: inline;
	list-style-type: none;
	padding-left: 30px;
}

#navigation a {
	color: #0096d1;
	font-size: 17px;
	text-decoration: none;
}

#navigation a:hover {
	color: #fff;
}

#sub_navigation {
	padding-top: 25px;
}

#sub_navigation p.title {
	color: #0096d1;
	font-size: 22px;
	margin: 1em 0;
}

ul.submenu {
	margin: 0;
	padding: 0;
}

ul.submenu li {
	list-style-type: none;
	margin: 0 0 5px 0;
}

ul.submenu a {
	/*background:	url(../img/submenu.png) no-repeat -400px 0;*/
	border-bottom: 1px solid #ccc;
	color: #0096d1;
	display: block;
	font-size: 14px;
	height: 26px;
	line-height: 26px;
	/*padding: 0 15px;*/
	padding: 2px 0;
	text-align: left;
	text-decoration: none;
	width: 175px;
}

ul.submenu a:hover, ul.submenu li.active a {
	/*background:	url(../img/submenu.png) no-repeat 0 -26px;
	color: #fff;*/
	color: #000;
}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#main {
	min-height: 415px;
	overflow: hidden;
	padding-top: 35px;
	position: relative;
}

#main .items {
	width: 20000em;
	position: absolute;
	clear: both;
	margin: 0;
	padding: 0;
}

#main .items .item {
	float: left;
}

#content {
	color: #333;
	font-size: 1.1em;
	padding-top: 25px;
	text-align: justify;
}

#content.what-we-do,
#content.why-work-with-us {
	padding-top: 0;
}

#content.what-we-do h1,
#content.why-work-with-us h1 {
	margin-top: 0;
}

h1, h2, h3, h4 {
	color: #0096d1;
}

#content h1 {
	font-size: 22px;
	margin-bottom: 1em;
}

#content h1.fancy {
	color: #0096d1;
	font-size: 26px;
}

div.points,
#blog,
#packages,
#offers {
	text-align: justify;
}

div.points {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

div.points h2 {
	font-size: 18px;
}

#blog {
	clear: left;
}

#content form div {
	float: left;
	width: 50%;
}

#content form div.span-9 {
	width: inherit;
}

#content form input {
	width: 150px;
}

#content form select {
	width: 160px;
}

#content form textarea {
	width: 325px;
}

#content form .submit {
	clear: both;
}

#content.span-18 div.span-6 {
	height: 350px;
}

#content.span-18 div.span-6 h3 {
	margin: 0;
}

#content.span-18 div.span-6 p {
	line-height: 1.4em;
	margin: 0;
	padding: 0 5px;
}

#content.span-18 div.span-6 img {
	position: relative;
	left: -15px;
}

#content ul {
	margin: 0;
}

#blog,
#packages,
#offers {
	margin-top: 15px;
}

#blog h3,
#packages h3,
#offers h3 {
	margin: 0;
	font-size: 1em;
	font-weight: bold;
}

#blog p,
#packages p,
#offers p {
	margin-top: 0;
}

/**************************************/
/*              SIDEBAR               */
/**************************************/
#sidebar {
	text-align: center;
}

#sidebar.home img {
	/*left: 50px;
	position: relative;*/
}

/**************************************/
/*               FOOTER               */
/**************************************/
#footer {
	background: url(../img/footer-bg.png) bottom left repeat-x;
}

#contact {
	color: #0096d1;
	font-size: 14px;
	padding-top: 35px;
	text-align: center;
}

#contact ul {
	margin: 0;
	padding: 0;
}

#contact li {
	display: inline;
	margin: 0 5px;
}

#contact img {
	border: 0;
	position: relative;
	top: 10px;
}

#contact a {
	color: #0096d1;
	text-decoration: none;
}

#contact .vcard {
	display: none;
}