@charset "utf-8";


/* -------------------------------------------------------------- 
  
   RESET
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. 

THESE styles are fighting with the dropdowns in IE6
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
*/

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
a { outline: none; }

.clearBoth { clear:both; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* -------------------------------------------------------------- 
   
   TYPOGRAPHY
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 87.5%;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1, h2, h3,
h4, h5, h6 { font-family: "GnuolaneRegular","Arial Narrow","Calibri","Trebuchet MS",Arial,Verdana,Helvetica,sans-serif; }

h1 { font-size: 2em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.8em; line-height: 1; margin-bottom: 0.5em; }
h4 { font-size: 1.5em; line-height: 1.25; margin-bottom: 0.5em; }
h5 { font-size: 1.4em; margin-bottom: 0.5em; }
h6 { font-size: 1.3em; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

/* Text elements
-------------------------------------------------------------- */

p         { margin: 0 0 1.5em; }
img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

.centerText { text-align: center; }
img.centreImg { display:block; margin: 0 auto; }

a:focus, 
a:hover     { color: #6fa136; }
a           { color: #2581ce; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th, tbody th 		{ background: #f7fef8; }
th,td,caption { padding: 4px 10px 4px 5px; }
td          { background: white; }
tr.even td  { background: #dceee6; }
tfoot       { font-style: italic; }
caption     { background: #eaf7ff; font-weight: bold; font-style: italic; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #548fc0; }
.highlight  { color: #6fa136; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


/* horizontal rules
------------------------------------------------- */

.hr {
height: 1px;
margin: 5px auto;
border-bottom: 1px dotted #548fc0;
clear: left;
}

.hr hr {
	visibility: hidden;
	margin: 0;
	padding:0;
}


/* -------------------------------------------------------------- 
   
   FORMS
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label       { text-transform: uppercase; font-size: 13px; line-height: 20px; }
fieldset    { margin: 0; }
fieldset.singleField { padding: 0.5em; }
fieldset.smallForm { padding: 0.2em; }
legend      { font-weight: bold; font-size:1.2em; }
label.inlineLabel { width: 300px; margin-right: 5px; float:left; text-transform:  none; }
label.inlineLabel.short { width: 95px; }

.shortRow label { width: 100px; float:left; margin-right: 10px; }

/* block formatting 
--------------------------------------------------------------*/
fieldset div {
    clear:both;
    width: 600px;
    overflow: auto;
    margin: 0 0 10px 0;
    padding: 5px 10px;
    background: #e3dfcb;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

fieldset.smallForm div { margin-bottom: 4px; padding: 2px; width: 270px;}



/* Form fields
-------------------------------------------------------------- */

input.text, input.title, input.button,
textarea, select {
    margin: 0.25em 0;
    background: #e4f3d4;
    border: 1px solid #fff;
    font: normal normal normal 12px/24px "Trebuchet MS", Arial, sans-serif;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #326188;
}

input.text:focus, input.title:focus, input.button:hover, input.button:focus,
textarea:focus, select:focus {
  border:1px solid #548fc0;
}

input.text, 
input.title   { width: 390px; padding: 4px 2px; }
input.title   { font-size:1.5em; }
textarea      { width: 380px; height: 150px; padding:5px; overflow: auto;}

input.shortField { width: 150px; padding: 2px; }
textarea.shortField { width: 150px; height: 90px;}
input.button { display: block; width:150px;	height:30px; margin: 0 auto; }

fieldset div.cr {
    background: #e3dfcb;
    margin: 10px 0;
}

fieldset div.cr label {
	text-align: left;
	width: 390px;
	float: none;
	clear:left;
	font-weight: normal;
	text-transform: none;
	margin-left: 0;
	padding-left: 0;
	overflow: auto;
}

fieldset div.cr label label {
    clear: none;
}

fieldset div.cr input {
    float: left;
    margin-right: 15px;
    margin-left: 0;
}



/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice,
.notice2, 
.success    { padding: 10px; margin: 0.5em 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.error      { background: #fbe8e3; color: #8a1f11;  }
.notice     { background: #FFF6BF; color: #514721;  }
.notice2    { background: #f7fef8; color: #64a890;  }
.success    { background: #E6EFC2; color: #264409;  }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }
.inline     { width: 165px; float:right; display: inline; margin: 20px 0 0 5px; text-align: right; background: #f1efe5; padding: 3px; font-size: 13px; }
.inform     { width: 390px; margin: 3px 0; text-align: left; background: #f1efe5; padding: 4px 2px; font-size: 13px; }
.error.noMargin,
.notice.noMargin   { margin:0; }
.error.noLRPad,
.notice.noLRPad,   { padding: .8em 0; }
.error.solo,
.notice.solo {display: block; }


/* -------------------------------------------------------------- 
   
   STRUCTURE & PRESENTATION
   * Global site structure styles
   * Global and individual element presentation styles
   
   Usage:
   * site wide
   
-------------------------------------------------------------- */




html { height: 100%; }                              /* for sticky footer */

body {
    background: #f5f3ef url(../images/wallpaper.jpg) repeat-x left top;
    color: #326188;
    height: 100%;                                   /* for sticky footer */
}

.wrapper {
    width: 100%;
    min-height: 100%;
    margin: 0 auto -395px;
}

.container {
    width: 960px;
    margin: 0 auto;
}

#push { height: 395px; clear:both; }                 /* for sticky footer */

.footer {
    background: #477daa url(../images/footer-bg.jpg) repeat-x left top;
    padding: 40px 0 5px 0;
    text-align: center;
    color: #fff;
    font-size: 0.875em;
    line-height: 1.5;
	height: 350px;
}

.footer h4 { font-size: 1.35em; }
.footer p { margin: 10px 0 0; }
.footer a { color: #e4f3d4; }
.footer a:hover { color: #fff; }

.footer .imageBar { 
	margin: 10px auto 0;
	line-height: 63px;
}

.footer .imageBar img { vertical-align: middle; }

.footer .socialBar { 
	margin: 10px auto 0;
	line-height: 32px;
}

.footer .socialBar img { vertical-align: middle; }

.header h1 {
    margin:0;
    padding:0;
    width: 189px;
    height: 75px;
    background: transparent url(../images/logo.jpg) no-repeat center center;
    float:left;
}

.header h1 a {
    display: block;
    width: 189px;
    height: 75px;
    text-indent: -9999em;
}

.header h2.tagline {
    text-align: right;
    margin:0;
    padding:0;
    font-size: 1.72em;
    line-height: 76px;
    text-shadow: 1px 2px 2px #0f3656;
    position: relative;
}
/* position the span exactly on top of the original tagline, apply a mask and an opacity gradient >> gives top gradient colour */
.header h2.tagline span {
    position: absolute;
    top:0;
    right:0;
    z-index: 2;
    color: #e4f3d4;
    -webkit-mask-image: -webkit-gradient(linear, right top, right bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
}
/* insert same content as h2 text after the span. as span is abs positioned, this text will go below it. colour of inserted content gives bottom gradient colour */
.header h2.tagline:after {
    content: "Complete Web Services Company";
    color: #dcefc8;
}

.nav {
    clear:both;
}

.nav ul {
    margin:0;
    padding:0;
    list-style: none;
    background: transparent url(../images/nav-divider.jpg) no-repeat left top;
}

.nav ul li {
    margin:0;
    padding: 0;
    display: -moz-inline-stack;
    display: inline-block;
    font-family: "GnuolaneRegular","Calibri","Arial Narrow","Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;
    text-transform: uppercase;
    font-size: 1.285em;
    line-height: 40px;
    background: transparent url(../images/nav-divider.jpg) no-repeat right top;
	position: relative;
}

.nav ul li a {
    text-decoration: none;
    display: block;
    color: #326188;
    padding: 0;
    margin: 0;
	position:relative;
	height: 40px;
	width: 133px;
	text-align: center;
    text-shadow: 0px 1px 1px #a7c782;
}

.nav ul li a span {
	display:block;
	position: absolute;
	text-align: center;
	width: 133px;
	color: #5fa3db;
	z-index: 2;
    -webkit-mask-image: -webkit-gradient(linear, right top, right bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
    cursor: pointer;
}

.nav ul li#homeLink a:after { content: "Home"; color: #326188; }
.nav ul li#aboutLink a:after { content: "About Us"; color: #326188; }
.nav ul li#srvsLink a:after { content: "Services"; color: #326188; }
.nav ul li#workLink a:after { content: "Our Work"; color: #326188; }
.nav ul li#custLink a:after { content: "Our Customers"; color: #326188; }
.nav ul li#jobsLink a:after { content: "Work with Us"; color: #326188; }
.nav ul li#contactLink a:after { content: "Contact Us"; color: #326188; }

.nav ul li a:hover { 
	color: #669dc2;
    text-shadow: 1px 1px 1px #ffffff;
}

.nav ul li a:hover span { color: #669dc2; }

.feature {
    clear:both;
    width: 960px;
    height: 300px;
}

.featureText {
	width: 300px;
	float:right;
}

.feature h2 {
    width: 300px;
    margin: 40px 0;
    text-align: right;
    font-size: 72px;
    line-height: 72px;
    /*color: #215178;*/
    text-shadow: 1px 1px 1px #2d5d85;
	position: relative;
}

.feature h2 span {
    position: absolute;
    top:0;
    right:0;
    z-index: 2;
    color: #205078;
    -webkit-mask-image: -webkit-gradient(linear, right top, right bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
}
.feature h2:after {
    content: "Our Latest Launches";
    color: #205078;
}

a.greenBtn {
    background: transparent url('../images/green-btn-edge.png') no-repeat bottom left;
    display: block;
    float:right;
    height: 43px; 
    padding: 0 0 0 7px; 
    text-decoration: none;
    color: #457ca8;
    margin: 5px 0;
    text-transform: uppercase;
    font-family: "GnuolaneRegular","Arial Narrow","Calibri","Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;
    text-align: center;
    font-size: 24px;
    box-shadow: 1px 1px 5px #15365c;
    -moz-box-shadow: 1px 1px 5px #15365c;
    -webkit-box-shadow: 1px 1px 5px #15365c;
}
.feature a.greenBtn { margin-right: 20px; }
a.greenBtn span{
    background: transparent url('../images/green-btn-bg.png') no-repeat bottom right;
    display: block;
    padding: 0 21px 0 14px; 
    line-height: 43px;
}
a.greenBtn:hover{
	background-position: top left;
	color: #36678f;
    text-shadow: 2px 1px 1px #fff;
}
a.greenBtn:hover span{ background-position: top right; }

.content {
    padding: 15px 0;
}

.sidebar {
    margin: 96px 0 0 0;
    width: 320px;
    float:right;
}

.customers, .signup, .startups {
    width: 280px;
    color: #326188;
    background-color: #e3dfcb;
    background-position: top left;
    background-repeat: no-repeat;
    padding: 15px 20px;
    min-height: 160px;
    margin: 0 0 40px 0;
}
.customers { background-image: url(../images/customers-bg.gif); }
.signup { background-image: url(../images/signup-bg.gif); }
.startups { background-image: url(../images/startups-bg.gif); background-position: center center; }

.customers h3, .signup h3, .startups h3 {
    text-align: right;
    color: #548fc0;
    font-size: 3.4em;
    margin: 0 0 20px 0;
}

.customers .testimonials {
	height: 120px;
	overflow: hidden;
}

.customers dl, .customers dl dd {
    margin:0;
    padding: 0;
}

.customers dl { margin: 0 0 20px; }

.customers dl dt {
    font-weight: normal;
    margin-bottom: 15px;
}

.customers .actions {
    background: #e4f3d4;
    margin: 10px -20px -15px -20px;
    padding: 10px 20px;
    text-align: right;
    line-height: 1.3;
}

.signup label {
    display: block;
    text-transform: uppercase;
    width: 280px;
    font-size: 12px;
    margin: 0 ;
}

.signup input.signUpEmail {
    width: 278px;
    background: #e4f3d4;
    border: 1px solid #fff;
    font: normal normal normal 12px/24px "Trebuchet MS", Arial, sans-serif;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin: 0 0 12px 0;
}

.signup input.signUpBtn {
    width: 133px;
    margin: 0 auto;
    display: block;
}

.content h2 {
    font-size: 4.3em;
    line-height: 1;
    margin: 0 0 35px 0;
}

.main {
    width: 620px;
}

.servicesBar {
    margin: 0 0 28px 0;
    padding: 2px;
    list-style: none;
    background: #e4f3d4;
    width: 614px;
}

.servicesBar li {
    margin:0;
    display: inline-block;
    width: 122px;
    text-align: center;
    font-family: "GnuolaneRegular","Arial Narrow","Calibri","Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;
    padding: 0;
}

.servicesBar li.bigLink {
	vertical-align: top;

}

.servicesBar li a {
    display: block;
    text-decoration: none;
    color: #2581ce;
    font-size: 1.3em;
    line-height: 1.3;
	padding: 5px 0;
}

.servicesBar li.bigLink a {
    background: #d5ebbc;
    width: 125px;
    font-size: 2.14em;
	padding: 22px 0;
}

.servicesBar li a img {
    display: block;
    margin: 6px auto;
}

.servicesBar li a:hover {
	background: #b6d98d;
}


div#slider {
    width: 580px;
    margin: 0;
    position: relative;
	overflow: hidden;
	padding: 0 30px;
}

.scroll {
	overflow: hidden;
	width: 580px;
	height: 250px;
    margin: 0 auto;
    position: relative;
	padding: 25px 0;
}

.scrollContainer {
	position: relative;
	width: 2000px;
}

.scrollContainer div.panel {
    width: 155px;
	height: 220px;
	float:left;
	position: relative;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 35px;
	bottom: 0;
	background: url(../images/leftshadow2.png) repeat-y;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 35px;
	bottom: 0;
	background: url(../images/rightshadow2.png) repeat-y;
}


.inside {
	text-align: center;
}

.inside img {
	display: block;
	width: 155px;
	margin: 0 auto;
}

.inside h4 {
	font-weight: normal;
	color: #fff;
	font-size: 16px;
	margin-bottom: 0;
	display: none;
}

.inside p {
	font-size: 10px;
	color: #fff;
	display:none;
}

.inside a {
	color: #e4f3d4;
}

.inside a:hover {
	color: #fff;
	text-decoration: none;
}

.scrollButtons {
    cursor: pointer;
	position: absolute;
	top: 100px;
}

.scrollButtons.left {
	left:0;
}

.scrollButtons.right {
	right:0;
}


/* slide out call back form styles
-----------------------------------*/

.slide-out-div {
	padding: 15px 10px 0 10px;
	width: 280px;
	min-height: 220px;
	background: #538ebf;
	border-top: 1px solid #b1c5d6;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
    box-shadow: 2px 5px 5px 2px #8ea4b5;
    -moz-box-shadow: 2px 5px 5px 2px #8ea4b5;
    -webkit-box-shadow: 2px 5px 5px 2px #8ea4b5;
}      

.slide-out-div fieldset {
	padding:0;
}

.slide-out-div h3 {
	font-weight: bold;
	color: #fff;
}

.slide-out-div p {
	line-height: 1.5 !important;
}

.slide-out-div label {
	color: #fff;
	margin-left: 10px;
}

.slide-out-div fieldset div {
	background: #33628a;
}

.slide-out-div fieldset div.noBG {
	background: none;
}



/* map
--------------------------*/
div#map {
    margin: auto;
    width: 500px;
    height: 400px;
    border: 1px solid #eee;
}

div#mapContainer {
    width: 502px;
    margin: auto;
}


/* contact info styles 
--------------------------------------------------*/

.contactInfo {
    margin-bottom: 15px;
    padding:1.4em; 
}

.contactInfo div {
    clear:left;
    position: relative;
    margin:0 0 15px 0;
}

.contactInfo label {
	margin: 0;
	display: block;
	width: 200px;
	text-align: left;
	float: left;
	margin-right: 15px;
}

.contactInfo p {
	text-transform: uppercase;
	text-align: left;
	clear:left;
	margin-left: 215px;
}


.contactInfo div ul {
    margin: 0 0 0 215px;
    padding: 0;
    list-style-type: none;
    clear:none;
}


/* gallery styles 
-----------------------------------------------*/

.gallery .galleryImage {
	width:260px;
	float:left;
	margin: 0 10px 20px 15px;
	position:relative;
	background: #e3dfcb;
}

.gallery .galleryImage h4 {
	margin:0;
	padding: 2px 5px;
	text-align: center;
	border-bottom: 1px solid #f1efe5;
	color: #548fc0;
    font-weight: normal;
}

.gallery .galleryImage div.photo {
	width:250px;
	height:160px;
	overflow:hidden;
	margin: 5px auto;
	line-height: 160px;
}

.gallery .galleryImage img { 
	border:none;
	display:block;
	margin: 0 auto;
	vertical-align: auto;
}


.gallery .galleryImage .caption {
	color: #e3dfcb;
	padding: 3px;
	text-align: center;
}




/* SERVICES BLOCK STYLES 
-----------------------------*/

.servicesBlock {
    margin: 10px 0;
    padding: 2px 10px;
    list-style: none;
    background: #e4f3d4;
    width: 584px;
}

.servicesBlock h3 {
    color: #2581ce;
    margin: 5px 0 0.25em;
}

.servicesBlock p {
    line-height: 1.4;
}

.servicesBlock .featureIcon {
    width: 122px;
    text-align: center;
    font-family: "GnuolaneRegular","Arial Narrow","Calibri","Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;
    float: left;
    margin: 5px 20px 5px 0;
    color: #2581ce;
    font-size: 1.3em;
    line-height: 1.3;
    padding: 5px 0;
    background: #d5ebbc;
}

.servicesBlock .featureIcon.right {
    float: right;
    margin: 5px 0 5px 20px;
}


.servicesList {
    list-style: none;
    margin:0;
}

.servicesList img {
    float: left;
    margin: 0 5px 5px;
}

.servicesList li {
    clear:left;
    width: 594px;
    overflow: auto;
    padding: 5px;
    background: #fff;
    margin: 0 0 20px;
}

.servicesList li h4 {
    font-size: 18px;
    color: #689a2d;
    margin-bottom: 0;
}

.servicesList li p {
    margin-bottom: 0.25em;
    font-size: 12px;
}


/* lists and emphasis styling
--------------------------------*/

ul.bulletList {
    list-style: none;
}

ul.bulletList li {
    background: #e4f3d4 url(../images/blue-tick.gif) no-repeat 4px center;
    padding: 2px 2px 2px 22px;
    margin: 0 0 2px;
}


.newsItem { 
    margin: 0 0 2.5em;
    border-bottom: 1px dotted #548fc0;
}

.newsItem blockquote  {
    margin: 0.25em 1.5em;
}

.newsItem blockquote p {
    margin: 0 0 0.25em;
}

.newsItem dl {
    margin: 0 0 0.25em 0;
}

.newsItem a.newsLink {
    display: block;
    padding: 2px 20px;
    background: #e4f3d4;
    margin: 0.25em;
}


/* form errors styling */

#contact_form .field-validation-error {
    font-size: 13px;
    line-height: 20px;
    color: #e25631;
}

#contact_form input.input-validation-error,
#contact_form textarea.input-validation-error {
    border-color: #e25631;
}

.slide-out-div .validation-summary-errors {
	background: #e4f3d4;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 0 0 4px 0;
	width: 275px;
}

.slide-out-div .validation-summary-errors ul {
	margin: 3px;
	padding: 4px 0;
	list-style: none;
}

.validation-summary-errors li {
	margin: 0 0 4px 10px;
    color: #e25631;
    padding: 0 0 0 15px;
    background: url(../images/sparklet.png) no-repeat left center;
}


.signup .validation-summary-errors ul {
	list-style: none;
	margin:0 0 5px 0;
}

.signup .validation-summary-errors li {
	margin: 2px 0;
	font-size: 13px;
}