/* -----------------------------------

Spiral Communications Ltd

Version 1.5.0

Author: Stephen Wilson

Date: 8th June 2009, 31st July 2009

----------------------------------- */

* { margin:0; padding:0; }

body { background:#003 url("../images/comm/bg.png") repeat-x 50% 0; color:#666; font:75%/1.5em Arial, Helvetica, sans-serif; text-align:center; }

a { color:#006; text-decoration:none; outline:none; }

a:hover { color:#09f; text-decoration:underline; }

iframe { border:1px solid #ccc; }

img { border:0; }

input[type='text'],
input[type='password'] { background-color:#fff !important; }

.clr { clear:both; }

/* IE6 */

div#ie6 { padding:20px; border-bottom:1px solid #000; background-color:#c00; color:#fff; text-align:left; }

div#ie6 div { padding-left:26px; background:transparent url("../images/ie6.png") no-repeat 0 50%; }

div#ie6 div a { color:#fff; font-weight:bold; text-decoration:underline; }

/* ---------->>> LAYOUT <<<----------- */

div#wrapper { position:relative; width:780px; margin:0 auto; padding:20px 90px; text-align:left; }

div#head { background:transparent url("../images/comm/bg-head.png") no-repeat 50% 0; }

div#head #headInner { }

div#head #headInner .logo { width:170px; height:140px; }

div#head #headInner .logo a { outline:none; }

div#body { padding-bottom:10px; background:transparent url("../images/comm/bg-body.png") no-repeat 50% 100%; }

div#body #bodyInner { border-color:#09f; border-style:solid; border-width:0 1px; background:#f9f9f9 url("../images/comm/bg-bodyInner.png") no-repeat 50% 0; }

div#column1 { float:left; width:199px; }

div#column2 { float:left; width:579px; }

div#column1 #column1Inner,
div#column2 #column2Inner { padding:20px; }

div#column1 #column1Inner { padding-top:50px; }

div#column1 #column1Inner #social a { margin-bottom:20px; }

div#column1 #column1Inner #social a span.icon1,
div#column1 #column1Inner #social a span.icon2 { display:block; float:left; width:32px; height:32px; margin-bottom:20px; text-indent:-5000px; }

div#column1 #column1Inner #social a span.icon1 { background:transparent url("../images/link-delicious.png") no-repeat; }

div#column1 #column1Inner #social a span.icon2 { background:transparent url("../images/link-twitter.png") no-repeat; }

div#column1 #column1Inner #social a:hover span.icon1,
div#column1 #column1Inner #social a:hover span.icon2 { background-position:0 -32px; }

div#contentFoot { position:relative; clear:both; height:75px; padding-right:20px; padding-left:219px; background-color:#f9f9f9; color:#09f; text-align:right !important; line-height:20px; }

div#contentFoot #contentFootInner { padding-top:25px; }

div#contentFoot #contentFootInner .block { margin:0 !important; }

div#contentFoot #contentFootInner .block a { color:#09f; text-decoration:none; }

div#contentFoot #contentFootInner .block a:hover { color:#09f; text-decoration:underline; }

div#contentFoot #contentFootInner .block span { color:#006; font-weight:bold; }

div#foot { }

div#foot #footInner { }

div#foot #footInner p { padding:10px 0; color:#fff !important; font-size:11px !important; line-height:20px; }

div#foot #footInner p a { color:#fff; text-decoration:none; }

div#foot #footInner p a:hover { text-decoration:underline; }

/* Pencil image... */

div#linkPencil { position:absolute; top:0; left:0; }

div#linkPencil a { display:block; width:199px; height:75px; background:transparent url("../images/comm/linkPencil.png") no-repeat; text-indent:-5000px; outline:none; }

/* Blog image... */

div#linkBlog { position:absolute; top:20px; left:610px; }

div#linkBlog a { display:block; width:140px; height:140px; background:transparent url("../images/comm/linkBlog.png") no-repeat; text-indent:-5000px; outline:none; }

div#linkBlog a:hover { background-position:0 -140px; }

div#linkWebDesign { position:absolute; top:20px; left:730px; }

div#linkWebDesign a { display:block; width:140px; height:140px; background:transparent url("../images/comm/linkWebDesign.png") no-repeat; text-indent:-5000px; outline:none; }

div#linkWebDesign a:hover { background-position:0 -140px; }

div.block { display:block; clear:both; margin:0 0 20px 0; padding:0; }

/* Tab navigation :: Note: need div class 'tabs' */

div.tabs { width:100%; margin-bottom:15px; }

/* ---------->>> GALLERY <<<-----------

div#views-slideshow-galleryview-images-1 { margin:20px 0 !important; border:1px solid #ccc !important; background:#003 !important; }

div.panel { background:none; position:absolute; top:0; left:0; }

div.panel .panel-overlay { z-index:999; position:absolute; padding:0 10px; color:#fff; font-size:1em; }

div.panel .panel-overlay a:hover { text-decoration:underline !important; }

div.panel .panel-overlay h2 { margin:0; font:normal 21px/35px Georgia, Times New Roman, Times, serif; }

div.panel .panel-overlay h2 a { color:#fff !important; font-weight:normal !important; text-decoration:none !important; }

div.panel .panel-overlay p { margin:0; }

div.panel .panel-overlay p a { color:#f90 !important; font-weight:normal !important; text-decoration:none !important; }

div.strip_wrapper { }

div.strip_wrapper ul.filmstrip { background:transparent !important; }

div#pointer { border:2px solid #fff !important; }

*/

div#gallery { position:absolute; top:-600px; left:219px; width:495px; height:405px; /* border:1px solid #003; */ text-align:left; }

div.inside div#gallery { position: relative; top: 0; left: 0; };

div#gallery #galleryInner { width:495px; height:405px; background-color:#ccc; }

div#gallery #galleryInner a { color:#fff; text-decoration:none; }

div#gallery #galleryInner a img { border:0; }

div#gallery #galleryInner #placeholder { z-index:100; position:relative; width:495px; height:405px; overflow:hidden; }

div#gallery #galleryInner #placeholder img { position:absolute; display:none; }

div#gallery #galleryInner #galleryRunner { position:absolute; width:495px; height:405px; overflow:hidden; }

div#gallery #galleryInner #galleryControls { position:absolute; bottom:0; display:none; width:495px; height:140px; background:transparent url("../images/comm/bg-galleryControls.png") repeat-x; }

div#gallery #galleryInner #galleryControls #galleryControlsInner { }

div#gallery #galleryInner #galleryControls #galleryControlsInner p#galleryName,
div#gallery #galleryInner #galleryControls #galleryControlsInner p#galleryDesc,
div#gallery #galleryInner #galleryControls #galleryControlsInner p#galleryMenu { margin-bottom:0 !important; }

div#gallery #galleryInner #galleryControls #galleryControlsInner p#galleryName { padding:0 10px; color:#fff; font:normal 21px/35px Georgia, Times New Roman, Times, serif; }

div#gallery #galleryInner #galleryControls #galleryControlsInner p#galleryDesc { padding:0 10px; color:#f90; line-height:35px; }

div#gallery #galleryInner #galleryControls #galleryControlsInner p#galleryMenu { padding:5px; }

div#gallery #galleryInner #galleryControls #galleryControlsInner p#galleryMenu a { display:block; float:left; width:55px; height:46px; margin:5px !important; border:2px solid #003; }

div#gallery #galleryInner #galleryControls #galleryControlsInner p#galleryMenu a.on { border:2px solid #fff; }

a#gallery-link-0 { background:#ccc url("/sites/default/files/images/front_page_lloyds.thumbnail.v2.jpg") no-repeat; }

a#gallery-link-1 { background:#ccc url("/sites/default/files/images/front_page_maney.thumbnail.v2.jpg") no-repeat; }

a#gallery-link-2 { background:#ccc url("/sites/default/files/images/front_page_metskill.thumbnail.v2.jpg") no-repeat; }

a#gallery-link-3 { background:#ccc url("/sites/default/files/images/front_page_minorplanet.thumbnail.v2.jpg") no-repeat; }

a#gallery-link-4 { background:#ccc url("/sites/default/files/images/front_page_orion.thumbnail.v2.jpg") no-repeat; }

a#gallery-link-5 { background:#ccc url("/sites/default/files/images/front_page_rbs.thumbnail.v2.jpg") no-repeat; }

a#gallery-link-6 { background:#ccc url("/sites/default/files/images/front_page_uni.thumbnail.v2.jpg") no-repeat; }

/* ---------->>> HTML ELEMENTS <<<----------- */

blockquote { width:519px; margin-bottom:10px; padding:10px 10px 28px; border-top:3px solid #006; background:#e6f8ff url("../images/blockquote.png") no-repeat 100% 100%; }

blockquote p { color:#000; font-style:italic; }

blockquote p.cite { margin-bottom:0 !important; font-style:normal; }

blockquote p.cite strong { color:#03a8e2; }

blockquote p.cite a { color:#000; text-decoration:underline; }

blockquote p.cite a:hover { color:#09f; }

div.content ul { margin-left:10px; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom:10px; }

h1 { color:#006; font:normal 21px/1.3em Georgia, Times New Roman, Times, serif; }

h1 a { color:#006; text-decoration:none; }

h1 a:hover { text-decoration:underline; }

h2 { color:#09f; font:normal 14px/1.3em Arial, Helvetica, sans-serif; }

h2.home { margin-top:440px; }

.tandf { margin-top:440px; }


h3 { border-bottom:1px solid #ccc; color:#006; font:normal 14px/1.5em Arial, Helvetica, sans-serif; }

h4 { color:#000; font:bold 12px/1.5em Arial, Helvetica, sans-serif; }

hr { clear:both; width:100%; height:0; border:0; border-collapse:collapse; background-color:#fff; color:#fff; }

p { margin-bottom:10px; }

p strong { color:#000; }

p.small { font-size:11px; }

p.title { color:#000; }

div.content ul { margin-left:10px; }

div.image { width:495px; margin:20px 0; }

/* ---------->>> jCAROUSEL <<<----------- */

div.carousel { margin-bottom:-20px; }

div.carousel ul { z-index:1; position:relative; top:0; left:0; margin:0 !important; overflow:hidden; }

div.carousel ul li { list-style:none; float:left; margin:0; padding:0; background:none; }

div.carousel .jcarousel-container { position:relative; width:539px; }

div.carousel .jcarousel-clip { z-index:2; position:relative; width:539px; overflow:hidden; }

div.carousel .jcarousel-item { width:539px; }

div.carousel .jcarousel-item blockquote { width:439px !important; height:124px; margin-bottom:0 !important; padding:20px 50px 38px !important; }

/* Controls */

div.carousel .jcarousel-next,
div.carousel .jcarousel-prev { z-index:3; display:none; position:absolute; top:75px;  width:20px; height:20px; cursor:pointer; }

div.carousel .jcarousel-next { background:transparent url("../images/comm/next.png") no-repeat 0 0; right:15px; }

div.carousel .jcarousel-prev { background:transparent url("../images/comm/prev.png") no-repeat 0 0; left:15px; }

div.carousel .jcarousel-next:hover,
div.carousel .jcarousel-prev:hover { background-position:0 -20px; }

.jcarousellite-next img{ 
	height: 20px;
	width: 20px;
	padding-left: 10px;
}

.jcarousellite-prev img{ 
	height: 20px;
	width: 20px;
	padding-right: 10px;
}

/* T & C 's */
#node-158 ol, #node-159 ol, #node-162 ol {
	margin-left: 10px;
	padding-left: 10px;
}

#node-158 ol li, #node-159 ol li, #node-162 ol li {
	list-style-type: lower-latin;
}

#node-158 ol li ol li, #node-159 ol li ol li, #node-162 ol li ol li{
	list-style-type: lower-roman;
}

.view-drupal-links .views-field-iid a { 
	display: block;
}

.view-drupal-links .views-field-iid a:link {
	border: 1px solid silver;
}

.view-drupal-links .views-field-iid a:visited {
	border: 1px solid silver;
}

.view-drupal-links .views-field-iid a:hover {
	border: 1px solid #0099FF;
}

.view-drupal-links .views-field-iid a:active {
	border: 1px solid silver;
}

.view-frontpage-blog .view-content, .view-spiralcom-twitter .view-content {
	height: 120px;
}

.pane-frontpage-blog .view-header h1, .pane-spiralcom-twitter .view-header h1 {
	margin-top: 15px;	
	padding: 0;
	padding-left: 15px;
	color: white;
	font-weight: bold;
	width: 236px;	
	height: 38px;
	line-height: 38px;
	
}

.pane-frontpage-blog .view-header h1 a, .pane-spiralcom-twitter .view-header h1 a {
	text-decoration: none;
	color: white;
}

.pane-frontpage-blog .view-header h1 {
	background: url("../images/h2-rss.png") no-repeat 0 0;	
}

.pane-spiralcom-twitter .view-header h1 {	
	background: url("../images/h2-twitter.png") no-repeat 0 0;	
}

.view-footer hr {
	background-color: #68b3fd;
	height: 2px; 
	width: 251px;
}

.pane-frontpage-blog .views-field-created .field-content, .view-spiralcom-twitter .views-field-created-time .field-content {
	color: #0099FF;
}

.pane-frontpage-blog .views-field-title .field-content a{
	font-weight: bold; 
}

.node-blog .image-attach-body {
	clear: both;
	float: none;
	margin: 0 !important;
	padding: 0 !important;
	margin-left: 0;
}

.node-blog div.content p {
	clear: both;
}

#sliderwrapper, #slider, .scroll {
	width: 495px;
	height: 335px;
	
}

.scroll {
	background: #003;
}

.scrollContainer div.panel {
	padding: 0 !important;
	height: 335px;
	
}

.scrollContainer .image-attach-body {
	float: none;
	margin: 0;
}

.scrollContainer .content p { 
	position: absolute; 
	top: 305px;
	color: white;
	font-weight: bold;
	background: #003;
	moz-opacity: 0.95;
	opacity:0.95;
	filter:alpha(opacity=95);
	width: 475px;
	height: 25px;
	padding: 0 10px 5px 10px;
	color:#f90;
}

.field-field-link-to-page {
	position: absolute;
	top: 260px;
	color: white;
	font-weight: bold;	
	background: #003;
	moz-opacity: 0.95;
	opacity:0.95;
	filter:alpha(opacity=95);
	width: 475px;
	font-size: 30px;
	height: 25px; 
	line-height: 25px; 
	padding: 10px 10px 10px 10px;
	font:normal 21px/35px Georgia, Times New Roman, Times, serif;
} 

.field-field-text {
	position: absolute;
	top: 245px;
	color: white;
	font-weight: bold;	
	background: #003;
	moz-opacity: 0.95;
	opacity:0.95;
	filter:alpha(opacity=95);
	width: 475px;
	font-size: 15px;
	height: 55px; 
	line-height: 18px; 
	padding: 5px 10px 0 10px;
	font:normal Georgia, Times New Roman, Times, serif;
} 


#slider .scrollButtons {
	background: #003;
	height: 27px;
	width: 14px;
	padding: 154px 3px 154px 3px;
	top: 0;
}

.field-field-link-to-page a {
	color: white;
	text-decoration: none;
}

#sliderwrapper .item-list {
	display: none;
}

#block-block-4 a, #block-block-4 a img  {
	padding: 0;
	margin: 0;
	height: 30px;
	width: 30px;
	overflow: hidden;
}

.links  {
	display: none;
}
.view-portfolio-links2 td {
	padding: 5px 20px 20px 0px;
}