@charset "UTF-8";

/********************************************************************************
Sections Stylesheet for Cirrion Group
Created by Pixel Vector, www.pixelvector.co.uk
********************************************************************************/


/********************************************************************************
Homepage
********************************************************************************/

#homepage-fader {
	float: left;
	width: 740px;
	}
	
#homepage-contentblock-1 { 
	float: left;
	margin-right: 30px;
	width: 320px;
	/* IE Box Fix */
	voice-family: "\"}\"";
	voice-family: inherit; 
	width: 290px;
	} 
	/* Opera Fix */ 
	html>body #homepage-contentblock-1 { 
	width: 290px;
	}
	
#homepage-contentblock-1 ul {
	list-style: inside;
	list-style-image: url(../images/services-bullet.gif);
	}
	
	
#homepage-contentblock-2 { 
	float: left;
	margin-right: 30px;
	width: 320px;
	/* IE Box Fix */
	voice-family: "\"}\"";
	voice-family: inherit; 
	width: 290px;
	} 
	/* Opera Fix */ 
	html>body #homepage-contentblock-2 { 
	width: 290px;
	}	

#homepage-contentblock-3 { 
	position: absolute;
	top: -30px;
	left: 640px;
	z-index: 6;
	width: 320px;
	height: 320px;
	}
	
.quote-left {
	margin: 0 10px 10px 0;
	float: left;
	}
.quote-right {
	margin: 0 0 0 10px;
	float: right;
	}
.quote-credit { 
	font-size: 13px;
	color: #cd0053;
	}
.testimonials {
	padding-left: 27px;
	background: url(../images/quote-left.png) no-repeat;
	}
	
/********************************************************************************
Contact
********************************************************************************/
#contact-left { 
	float: left;
	color: #fff;
	margin-right: 30px;
	width: 320px;
	/* IE Box Fix */
	voice-family: "\"}\"";
	voice-family: inherit; 
	width: 290px;
	} 
	/* Opera Fix */ 
	html>body #contact-left { 
	width: 290px;
	}	
#contact-left a { 
	color: #fff;
	text-decoration: none;
	}
#contact-left a:hover {
	text-decoration: underline;
	}
	
#contact-right { 
	float: left;
	margin-right: 30px;
	width: 520px;
	/* IE Box Fix */
	voice-family: "\"}\"";
	voice-family: inherit; 
	width: 490px;
	} 
	/* Opera Fix */ 
	html>body #contact-right { 
	width: 490px;
	}	

#contact-right form {
	padding: 0;
	margin: 0;
	}
#contact-right form div {
	margin: 0 0 10px 0;
	}
#contact-right label {
	float: left;
	color: #fff;
	}

/* Highlite Form Fields */
.focusField { 
	float: right; 
	border: 1px solid #ccc; 
	background: #cd0053; 
	color: #fff;  
	font: 12px Helvetica, Arial, sans-serif; 
	width: 250px;
	padding: 3px 5px;
	}  
	
.idleField{  
	float: right;
	border: 1px solid #ccc; 
	background: #fff; 
	color: #333;
	font: 12px Helvetica, Arial, sans-serif; 
	width: 250px;
	padding: 3px 5px;
	}  
	
.contact-form-submit {  
	float: right;
	}  
	
	
	
/********************************************************************************
Services
********************************************************************************/
#services-left { 
	float: left;
	margin-right: 30px;
	width: 640px;
	/* IE Box Fix */
	voice-family: "\"}\"";
	voice-family: inherit; 
	width: 610px;
	} 
	/* Opera Fix */ 
	html>body #services-left { 
	width: 610px;
	}	
	
#services-right { 
	float: left;
	margin-right: 30px;
	width: 320px;
	/* IE Box Fix */
	voice-family: "\"}\"";
	voice-family: inherit; 
	width: 290px;
	} 
	/* Opera Fix */ 
	html>body #services-right { 
	width: 290px;
	}	

#services-right ul {
	list-style: disc url(../images/services-bullet.gif) inside;
	}
	
	
/********************************************************************************
Gallery -JCarousel
********************************************************************************/

#gallery-left { 
	float: left;
	margin-right: 30px;
	width: 320px;
	/* IE Box Fix */
	voice-family: "\"}\"";
	voice-family: inherit; 
	width: 290px;
	} 
	/* Opera Fix */ 
	html>body #gallery-left { 
	width: 290px;
	}	
	
#gallery-right { 
	float: left;
	margin-right: 30px;
	width: 620px;
	/* IE Box Fix */
	voice-family: "\"}\"";
	voice-family: inherit; 
	width: 590px;
	} 
	/* Opera Fix */ 
	html>body #gallery-right { 
	width: 590px;
	}	
	
#gallery-right h3 {
	font-size: 31px;
	text-transform: none;
	}

.jcarousel-skin-gallery .jcarousel-container { background: #fff; width: 960px; height: 500px; }
.jcarousel-skin-gallery .jcarousel-container-horizontal { width: 960px;}
.jcarousel-skin-gallery .jcarousel-clip-horizontal { width: 960px; height: 500px;}
.jcarousel-skin-gallery .jcarousel-item { width: 960px; height: 500px;}
.jcarousel-skin-gallery .jcarousel-item-horizontal { }
.jcarousel-skin-gallery .jcarousel-item-placeholder { background: #fff; color: #000;}

.jcarousel-skin-gallery .jcarousel-next-horizontal { position: absolute; top: 439px; right: 365px; width: 59px; height: 18px; cursor: pointer; background: transparent url(../images/carousel-next.png) no-repeat 0 0; }
.jcarousel-skin-gallery .jcarousel-next-horizontal:hover,.jcarousel-skin-printwork .jcarousel-next-horizontal:active { }
.jcarousel-skin-gallery .jcarousel-next-disabled-horizontal,.jcarousel-skin-printwork .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-printwork .jcarousel-next-disabled-horizontal:active {cursor: default; background-position: -50px -50px;}
.jcarousel-skin-gallery .jcarousel-prev-horizontal { position: absolute; top: 440px; left: 435px; width: 61px; height: 18px; cursor: pointer; background: transparent url(../images/carousel-prev.png) no-repeat 0 0; }
.jcarousel-skin-gallery .jcarousel-prev-horizontal:hover,.jcarousel-skin-printwork .jcarousel-prev-horizontal:active { }
.jcarousel-skin-gallery .jcarousel-prev-disabled-horizontal,.jcarousel-skin-printwork .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-printwork .jcarousel-prev-disabled-horizontal:active {cursor: default; background-position: -50px -50px;}

.jcarousel-container { position: relative;}
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;}
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 960px; height: 500px;}
.jcarousel-next { z-index: 99; display: none; }
.jcarousel-prev { z-index: 99; display: none; }