#overlay {
position: fixed;
top: 0;
left: 0;
width: 500px;
height: 500px;
background-color: #666666;
    display: none;
   z-index: 30;
 }


/* FONT-FACE FONTS ***********/


@font-face {
	font-family: 'PTSansNarrowRegular';
	src: url('../fonts/PT_Sans_Narrow.eot');
	src: local('PT Sans Narrow Regular'), local('PTSans-Narrow'), url('../fonts/PT_Sans_Narrow.ttf') format('truetype');
}

@font-face {
	font-family: 'PTSansCaptionBold';
	src: url('../fonts/PT_Sans_Caption_Bold.eot');
	src: local('PT Sans Caption Bold'), local('PTSans-CaptionBold'), url('../fonts/PT_Sans_Caption_Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'PTSansCaptionRegular';
	src: url('../fonts/PT_Sans_Caption.eot');
	src: local('PT Sans Caption Regular'), local('PTSans-Caption'), url('../fonts/PT_Sans_Caption.ttf') format('truetype');
}

@font-face {
	font-family: 'PTSansBoldItalic';
	src: url('../fonts/PT_Sans_Bold_Italic.eot');
	src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url('../fonts/PT_Sans_Bold_Italic.ttf') format('truetype');
}

@font-face {
	font-family: 'PTSansBold';
	src: url('../fonts/PT_Sans_Bold.eot');
	src: local('PT Sans Bold'), local('PTSans-Bold'), url('../fonts/PT_Sans_Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'PTSansItalic';
	src: url('../fonts/PT_Sans_Italic.eot');
	src: local('PT Sans Italic'), local('PTSans-Italic'), url('../fonts/PT_Sans_Italic.ttf') format('truetype');
}

@font-face {
	font-family: 'PTSansRegular';
	src: url('../fonts/PT_Sans.eot');
	src: local('PT Sans Regular'), local('PTSans-Regular'), url('../fonts/PT_Sans.ttf') format('truetype');
}

@font-face {
	font-family: 'PTSansNarrowBold';
	src: url('../fonts/PT_Sans_Narrow_Bold.eot');
	src: local('PT Sans Narrow Bold'), local('PTSans-NarrowBold'), url('../fonts/PT_Sans_Narrow_Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'Colaborate-ThinRegular';
	src: url('../fonts/ColabThi.eot');
	src: local('Colaborate-Thin Regular'), local('Colaborate-Thin'), url('../fonts/ColabThi.ttf') format('truetype');
}


/* MISC *********************/

*
{
    padding: 0;
    margin: 0;
}

body
{
    background: url(../images/bg.jpg) repeat-x #e4eff6;
    font: 1em Arial, Helvetica, sans-serif;
}

img {
	border: 0;
}

.clear
{
    clear: both;
}

#salesbanner img, #salesbanner a img
{
	width: 899px;
	height: 303px;
}

.quote a img
{
	margin-bottom: 20px;
}

#customers a img, #customers img
{
	margin-right: 25.5px;
	border: 1px solid #ccc;
	margin-bottom: 20px;
}

/* TEXT ********************/

#news p
{
    color: #004a87;
    font-size: 0.75em;
	text-align: right;
}

.infobox h3, .contact h3
{
	padding: 19.5px 13px 9px 73px;
	color: #023861;
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1em;
}

#sidebar .quote p
{
	font-size: 1.2em;
}

#usp_1 h3
{
	background: url(../images/usp1_bg.jpg) no-repeat top left;
}

#usp_2 h3
{
	background: url(../images/usp2_bg.jpg) no-repeat top left;
}

#usp_3 h3
{
	background: url(../images/usp3_bg.jpg) no-repeat top left;
}

#content h2, #contentwide h2, #sidebar h3
{
	color: #12275f;
	font-size: 1.7em;
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px solid #36a6fc;
	margin-bottom: 10px;
}

#content h4
{
	color: #086bb0;
	font-size: 1.1em;
	font-weight: normal;
	margin-top: 30px;	
	margin-bottom: 10px;
	border-bottom: 1px dotted #086bb0;
	padding-bottom: 5px;
}

.infobox p, .contact p
{
	font-size: 0.9em;
	padding: 12px 14px 10px 14px;
	line-height: 135%;
	color: #4e4e4e;
}

#footer
{
	color: #2879a8;
	font-size: 0.75em;
}

#footer p
{
	float: left;
	width: 25%;
	padding-top: 5px;
}

.contact p
{
	font-size: 1.1em;
	line-height: 145%;
}

.signuptext
{
	margin-top: 20px;
	margin-bottom: 0px !important;
}

#content p, #contentwide p, #sidebar p, address
{
	color: #525252;
	margin-bottom: 10px;
	line-height: 145%;
	font-size: 0.9em;
}

#sidebar p
{
	font-size: 0.8em;
}

#content .firstpara, #contentwide .firstpara
{
	font-size: 1.2em;
	color: #086bb0;
}

.pricecol h3
{
	font-size: 1.4em;
}

.pricecol h4
{
	margin: 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px 0;
	color: #333;
}

#contentwide .pricecol .usp
{
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.7em;
	color: #001d5f;
	font-weight: bold;
}

/* FEATURES PAGE */

.features ul
{
	margin: 20px 0px 20px 20px;
	color: #525252;
	font-size: .95em;
	
}

.features li
{	
	list-style-image:url(../images/tick.jpg);
	margin-top: 5px;
	margin-bottom: 10px;
	line-height: 135%;
	font-size: 1em;
}

.features img
{
	
}

.boxedImage
{
	float:right;
	border: 3px solid #ccc;
	margin-left: 20px;
}

/* LISTS *******************/


#nav ul
{
    text-align: right;
    margin-top: 23px;   
}

#nav li
{
    display: inline;
    font: 1.3em "Colaborate-ThinRegular", Arial, sans-serif;
    letter-spacing: -.2px;
    margin-left: 10px;
    border-right: 1px solid #001d5f;
    padding-right: 10px;
}

#footer li
{
	display: inline;
	margin-left: 10px;
}

#footer ul
{
	text-align: right;
	float: right;
	width: 75%;
	padding-top: 5px;
}



.no_r_border
{
    border-right: 0 !important;
	padding-right: 0 !important;
}

.no_r_margin
{
	margin-right: 0 !important;
}

.pricecol ul
{
	margin: 20px 0;
}

.pricecol li
{
	list-style: none;
	color: #333;
	margin: 5px 0;
	font-size: 1.2em;
}

/* FORMS ***********************/

fieldset
{
    border: 1px solid #fff;
    margin-top: 15px;
    padding: 10px;
}

#content fieldset
{
    border: 1px dotted #37a0e4;
    padding-bottom: 0;
}

#content legend
{
    color: #023e71;
    background: #fff;
    font-size: 1.1em;
}

#content label
{
    display: block;
    font-size: 0.9em;
    color: #333;
    line-height: 140%;
    font-size: 0.9em;
    font-weight: bold;
}

#content input[type=text]
{
    margin-bottom: 15px;
    width: 96%;
    padding: 5px;
    font-size: 1em;
}

#content select
{
    margin-bottom: 15px;
    font-size: 1em;
    padding: 5px;
    width: 99.3%
}

#content textarea
{
    margin-bottom: 15px;
    font: 1em Arial, Helvetica, sans-serif;
    padding: 5px;
    width: 95.9%
}

#content #submitset
{
    border: 1px solid #fff;
    padding: 0;
}

address
{
    font-size: 0.9em;
}

legend
{
    background: #e17272;
    font-weight: bold;
    color: #fff;
    font-size: 0.9em;
}


.submitset
{
    border: 0;
    padding: 0;
}

.submit
{
    background: #d84747;
    color: #fff;
    text-align: center;
    border: 0;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    padding: 3px 0;
    font-size: 0.8em;
    margin-bottom: 20px;
}

input#surname
{
	width: 10px;
	background: #333;
	overflow: hidden;
}


/* LAYOUT ******************/

#container
{
    width: 1015px;
    margin: 0 auto;
}

#header
{
    display: block;
    padding: 55px 58px 26px 58px;
    background: url(../images/header_bg.jpg) no-repeat top;
}

#logo
{
    float: left;
    width: 25%;
}

#nav
{
    float: right;
    width: 75%
}

#contentwrap
{
    display: block;
    padding: 0 58px 20px 58px;
    background: url(../images/content_bg.png) repeat-y center;
}

#news
{
    border-bottom: 1px solid #36a6fc;
    padding: 15px 0 8px 30px;
    background: url(../images/news_bg.jpg) no-repeat left 15px;
	margin-bottom: 25px;
	overflow: hidden;
}

#content
{
	width: 66%;
	margin-bottom: 20px;
	float: left;
}

#sidebar
{
	width: 31%;
	float: right
}


#contentwide
{
	width: 99.8%;
	margin-bottom: 20px;
}

.pricecol
{
	width: 26.1%;
	float: left;
	margin-top: 5px;
	margin-right: 19.3px;
	padding: 25px;
	border: 1px solid #ccc;
	background: url(../images/pricecol_bg.jpg) repeat-x #fff;
	text-align: center;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.pricecol em
{
	color: #63a200;
	font-style: normal;
	font-weight: bold;
}

#demo
{
	display: block;
	background: #000;
	height: 400px;
}

#customers
{
	display: block;
}


#salesbanner
{
	z-index: 1;
	margin-bottom: 15px;
}
.pics {  
    height:  303px;  
    width:   899px;  
    padding: 0;  
    margin: 0 0 15px 0;  
} 
 
.pics img {  
    width:  899px; 
    height: 303px; 
    top:  0; 
    left: 0 
} 
#imgnav
{
	position: absolute;
	z-index: 10;
	width: 899px;
	margin-top: 100px;
}

#next, #prev
{
	width: 28px;
	height: 28px;
	display: block;
	cursor: pointer;
	margin: 20px;
}

#next
{
	background: url(../images/next_button.png) no-repeat;
	float: right;
}

#prev
{
	background: url(../images/prev_button.png) no-repeat;
	float: left;
}

.infobox
{
	width: 286px;
	background: url(../images/infobox_foot.jpg) no-repeat bottom left;
	padding-bottom: 6px;
	float: left;
	margin-right: 20.5px;
}

.contact
{
	width: 286px;
	background: url(../images/infobox_foot.jpg) no-repeat bottom left;
	padding-bottom: 6px;
	float: left;
}

.infotext
{
	border-left: 1.5px solid #36a6fc;
	border-right: 1.5px solid #36a6fc;
	width: 284px;
}

#footer
{
    display: block;
    height: 69px;
    background: url(../images/footer_bg.png) repeat-y center;
    padding: 0 58px;
}

#footer_inner
{
	border-top: 1px solid #36a6fc;
}


/* LINKS **********************/

a, a:visited
{
    text-decoration: none;
	color: #023861;
}

.infobox a, .infobox a:visited
{
	color: #0969ae;
	font-weight: bold;
}

#usp_1 h3 a, #usp_2 h3 a, #usp_3 h3 a
{
	color: #023861;
	font-weight: normal;
}

#usp_1 h3 a:hover, #usp_2 h3 a:hover, #usp_3 h3 a:hover
{
	color: #0d74ff;
}

#footer a, #footer a:visited
{
	color: #2879a8;
	border-bottom: 1px dotted #2879a8;
}

h1 a
{
    width: 205px;
    height: 65px;
    display: block;
    text-indent: -9999px;
    background: url(../images/logo.jpg) no-repeat;
}

#nav a, #nav a:visited
{
    color: #fff;
}

#nav a:hover
{
    color: #c9e9ff;
}

.login
{
    background: #0964a8;
    padding: 5px 8px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.signup
{
    background: url(../images/signup_button.jpg) no-repeat;
	display: block;
	width: 150px;
	height: 37px;
	text-indent: -9999px;
	margin: 0 auto;
}