/* =============  MISC STYLES  ============ */

.clear { clear:both; }
body.cms-display .cms-text-content, body.cms-display .cms-heading-content { padding:0 !important; }

/* =============  GENERAL STYLES  ============ */

body {
    font-size: 62.5%; /* This is to make em units be similar to pt sizes */
    font-family: Helvetica, Arial, Tahoma, sans-serif;
    margin: 0;
    padding: 0;
    position: relative;
    }
    
ol li, ul li {
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	font-size:1.2em;
	color:#6e7984;
}

a {
    color: #0478b6;
    }

a:active, a:focus, a:hover {
    color: #6e7984;
    }
    
a:focus { outline:none; }

a:visited {
    color: #888;
    }

a img {
    border:none !important;
    }

#content p {
    margin: 10px 0 6px;
    font-size:1.2em;
    line-height:1.5em;
    }

ul#content li,
ol#content li {
	font-size: 12px;
	color: #6e7984;
	}

#content h1 {
    margin: 0 0 10px;
    color:#6e7984;
    }

#content .cms-heading-content {
	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
	font-size: 1.6em;
	color: #6e7984;
	}

#left .cms-separator-content {
	border: 0;
	height: 1px;
	background: #ccc;
	margin: 15px 0 !important;
	}

#right .cms-separator-content {
	border: 0;
	height: 1px;
	background: #aaa;
	margin: 15px 0 !important;
	}
	
form { margin:0; padding:0; }

/* =============  HEADER STYLES  ============ */

#header .wrapper,
#content {
    margin: 0 auto;
    width: 980px;
    }

#header {
	background:url(../images/header-bg.jpg) bottom left repeat-x;
}

#header .wrapper {
    height: 104px;
    position: relative;
    }

#header img {
    vertical-align:top;
    }
    a#logo {
		position:absolute;
		top:25px;
		left:13px;
	}
		a#logo:link, a#logo:visited { text-decoration:none; }
		
		a#logo img {
			font-size:2.5em;
			line-height:1em;
		}
    #phone-number {
        position:absolute;
		bottom:0;
		right:37px;
		font-size:1.2em;
		line-height:1.5em;
    }
    
div#nav {
	clear:both;
	height:39px;
	text-align:center;
	background:#056eac url(../images/nav-bg.jpg) top left repeat-x;
}
	div#nav-wrapper { position:relative; width:980px; margin:0 auto; }
		div#nav ul { list-style:none; margin:0; padding:0; }
			div#nav li { float:left; text-align:center; }					
				div#nav li a {
					display:block;
					height:39px;
					margin:0;
					text-decoration:none;
					line-height:39px;
					color:#fff;
				}
					div#nav li a:link, div#nav li a:visited { background:none; }
					
					div#nav li a:active,
					div#nav li a:focus,
					div#nav li a:hover,
					div#nav li.current a:link,
					div#nav li.current a:visited,
					div#nav li.current a:active,
					div#nav li.current a:focus,
					div#nav li.current a:hover { background:#005988; }
		
		div#nav ul.main-nav { float:left; font-size:1.25em; }
			ul.main-nav li { margin:0 20px 0 0; }
				ul.main-nav li a { padding:0 15px; }
		
		div#nav ul.secondary-nav { float:right; }
			ul.secondary-nav li {}
				ul.secondary-nav li a { padding:0 10px; }
				
				div#nav ul.secondary-nav li.contact-us { margin:0 25px 0 10px; }
					div#nav ul.secondary-nav li.contact-us a {
						width:112px;
						padding:0;
						font-size:1.25em;
					}
						div#nav ul.secondary-nav li.contact-us a:link,
						div#nav ul.secondary-nav li.contact-us a:visited { background:url(../../images/contact-nav.jpg) top left no-repeat; }
						
						div#nav ul.secondary-nav li.contact-us a:active,
						div#nav ul.secondary-nav li.contact-us a:focus,
						div#nav ul.secondary-nav li.contact-us a:hover,
						div#nav ul.secondary-nav li.contact-us.current a:link,
						div#nav ul.secondary-nav li.contact-us.current a:visited,
						div#nav ul.secondary-nav li.contact-us.current a:active,
						div#nav ul.secondary-nav li.contact-us.current a:focus,
						div#nav ul.secondary-nav li.contact-us.current a:hover { outline:none; background:url(../../images/contact-nav.jpg) bottom left no-repeat; }

div#subnav {
	height:7px;
	font-size:0.8333em;
	text-transform:uppercase;
	color:#fff;
	background:#334354 url(../../images/subnav-bg.jpg) top left repeat-x;
}
      
/* =============  CONTENT STYLES  ============ */

#content {
    background:#fff url(../images/content-bg.jpg) top left repeat-x;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size:1em;
    line-height:1.5em;
    color:#6e7984;
}
    #content .wrapper {
    	position: relative; 
        width: 956px;
        margin: 0 auto;
        padding-right:6px;
        background:transparent url('../images/content-bg2.jpg') top left repeat-y;
    }
    
    #content .wrapper2 {
    	background:transparent url('../images/content-bg3.jpg') top left no-repeat;
    }
    
	#content .wrapper3, #footer {
		padding:0 3px 0 4px;
	}

#breadcrumbs {
	/*background:transparent url('../images/content-bg-top.png') top left repeat-x;*/
	min-height:25px;
}
	#breadcrumbs div {
		/*height:45px;*/
		padding:20px 28px;
	}

/*\*/
* html #breadcrumbs { height:25px; }
/**/

#main {
	margin:0;
	padding:0 28px;
	min-height:400px;
}

#main .heading {
	margin:0 0 25px;
}
	.default { padding:0 14px; }
	
	#columns.two .ws-content {
		width:431px;
		float:left;
	}
	
	#columns.two #col-left {
		margin-right:28px;
	}
	
	#columns.three .ws-content {
		float:left;
		width:282px;
		font-size:0.95em;
	}
	
	#columns.three #col-left, #columns.three #col-middle {
		margin-right:14px;
	}
	
	#main ul, #main ol { margin:0 0 0 15px; padding:0; }
		#main li { margin:0; }
			#main ul li {
				margin:0 0 5px;
				padding-left:15px;
				list-style:none;
				background:url(../images/list-item-dot.gif) top left no-repeat;
			}
	
	body.three-cols.cms-edit #main { padding:0 14px; }
	body.cms-edit #columns.three #col-left, body.cms-edit #columns.three #col-middle { margin-right:28px; }
	.cms-image .imageupload, .cms-galleryitem .imageupload, .cms-linkgalleryitem .imageupload, .cms-imagetextitem .imageupload { height:auto !important; }
	

/* image text override styles */
.cms-imagetextitem-content { overflow:hidden; }
.cms-imagetext-image, .cms-imagetext-right .cms-imagetext-image { width:70px; }

.cms-imagetext-text { margin-left:77px; }
.cms-imagetext-right .cms-imagetext-text { margin-left:0; margin-right:77px; }

/* =========  IMG TITLES STYLES  ======== */

.title { text-indent:-999em; }
	body.home .title, body.what-we-do h2.title, body.our-work .title, body.contact-us h2.title { height:30px; margin:0 0 10px; }

/* =========  HOME STYLES  ======== */

body.home h2#who-is-webspring { background:url(../images/t2c-who-is-webspring.jpg) top left no-repeat; }
body.home h2#services { background:url(../images/t2c-services.jpg) top left no-repeat; }
body.home .text { margin:0 0 30px; }

#content div.home.box {
	position:relative;
	margin:0 0 15px;
	width:431;
}
	#content div.home.box p { text-indent:-999em; height:60px; }
	
	#content div.home.box a {
		position:absolute;
		bottom:5px;
		right:0;
		height:22px;
		text-indent:-999em;
		background:url(../images/trans.gif) top left repeat;
	}
	
	#content div#box1.home.box p, div#box3.home.box p { background:url(../images/b2c-bea-win.jpg) top left no-repeat; height:90px!important; }
		div#box1.home.box a, div#box3.home.box a { width:86px; }
		
/* 	div#box2.home.box { display:none; } */
	div#box2.home.box p { background:url(../images/b2c-website-quote.jpg) top left no-repeat; }
		div#box2.home.box a { width:73px; }

	div#box3.home.box { display:none; }
	div#box3.home.box p { background:url(../images/b2c-offer-june.jpg) top left no-repeat; }
		div#box3.home.box a { width:73px; }

/* =========  WHAT WE DO STYLES  ======== */

body.what-we-do div#what-we-do.big.title h2 { height:59px; background:url(../images/bt-what-we-do.jpg) top left no-repeat; margin:0; }
body.what-we-do div#what-we-do.big.title p { height:104px; background:url(../images/bt-bg-what-we-do.jpg) top left no-repeat; margin:0; }

body.what-we-do h2#get-website { background:url(../images/t3c-get-website.jpg) top left no-repeat; }
body.what-we-do h2#promote-website { background:url(../images/t3c-promote-website.jpg) top left no-repeat; }
body.what-we-do h2#update-website { background:url(../images/t3c-update-website.jpg) top left no-repeat; }
body.what-we-do h2#reach-customers { background:url(../images/t3c-reach-customers.jpg) top left no-repeat; }

div.promote-website { margin:0 0 50px; }

body.cms-display.what-we-do .cms-imagetext-text em { font-size:1.1em; font-style:normal; }
	/*body.cms-display.what-we-do #presence .cms-imagetext-text em { color:#ffe400; }*/

/* edit mode */
/*body.cms-edit.what-we-do .cms-imagetextitem-content { overflow:hidden; }*/
body.cms-edit.what-we-do .cms-imagetext-left .cms-imagetext-text, body.cms-edit.what-we-do .cms-imagetext-default .cms-imagetext-text { margin-left:90px; }
body.cms-edit.what-we-do .cms-imagetext-right .cms-imagetext-text { margin-right:90px; }

/* =========  OUR WORK STYLES  ======== */

body.our-work h2#featured { background:url(../images/t3c-featured.jpg) top left no-repeat; }
body.our-work h2#featured-cont { background:url(../images/t3c-dots.jpg) top left no-repeat; }
body.our-work h2#other-websites { background:url(../images/t3c-other-websites.jpg) top left no-repeat; }
body.our-work h4.cms-heading-content, body.our-work .cms-text-content { padding: 12px 9px 0 !important;}
body.our-work #col-right .cms-text-content, body.our-work #col-right p {padding:0 !important; text-align:right; margin: 0 0 15px!important;}

body.our-work #content #col-left .cms-text-content p, body.our-work #content #col-middle .cms-text-content p { margin:0 0 10px; }

/* =========  OUR TEAM STYLES  ======== */

body.our-team div#our-team.big.title h2 { height:66px; background:url(../images/bt-our-team.jpg) top left no-repeat; margin:0; }
body.our-team div#our-team.big.title p { height:139px; background:url(../images/bt-bg-our-team.jpg) top left no-repeat; margin:0; }

body.cms-display.our-team .cms-imagetext-text em { font-size:1.1em; font-style:normal; }

/* edit mode */
/*body.cms-edit.our-team .cms-imagetextitem-content { overflow:hidden; }*/
body.cms-edit.our-team .cms-imagetext-left .cms-imagetext-text, body.cms-edit.our-team .cms-imagetext-default .cms-imagetext-text { margin-left:90px; }
body.cms-edit.our-team .cms-imagetext-right .cms-imagetext-text { margin-right:90px; }

/* =========  CONTACT US STYLES  ======== */

body.contact-us div#contact-us.big.title h2 { height:60px; background:url(../images/bt-contact-us.jpg) top left no-repeat; margin:0; }

body.contact-us h2#request-quote { background:url(../images/t2c-request-quote.jpg) top left no-repeat; }
body.contact-us h2#visit-us { background:url(../images/t2c-visit-us.jpg) top left no-repeat; }
body.contact-us h2#by-email { background:url(../images/t2c-by-email.jpg) top left no-repeat; margin:0 0 20px; }

body.contact-us div.text { margin:0 0 25px; }

table.contact-us {}
	table.contact-us td {}
		table.contact-us .form-field, 
		body.cms-display .cms-textbox-content input, body.cms-display .cms-textarea-content textarea, 
		body.cms-display .cms-combobox-content select {
			margin:0 0 15px;
			border:1px solid #cce8f4;
			padding:7px;
			font-size:1.2em;
			font-family:inherit !important;
			color:#666;
			background:#ecf6fb;
		}
			table.contact-us .text, table.contact-us .dropdown { width:210px; margin:0 0 20px; }
			table.contact-us .dropdown { width:225px; }
				/*table.contact-us*/ option { margin:5px 0; }
		
		table.contact-us textarea { width:380px; height:120px; }

/* Forms */

body.cms-display .cms-contact-content label span { font-weight:bold; font-size:1.2em; color:#0478b6; /*#96b1bb*/ }
	 body.cms-display .cms-contact-content .cms-text-content { color:#96b1bb; }
	 
	 body.cms-display .cms-textarea-content, body.cms-display label.cms-textbox-content, body.cms-display .cms-combobox-content { padding:0; }
	
	body.cms-display label.cms-textbox-content input { width:210px; padding:4px; }
	
	body.cms-display label.cms-textarea-content textarea { width:380px; padding:4px; }
	
	body.cms-display .cms-combobox-content select { width:300px; margin-left:0; padding:4px; }
	
	body.cms-display div.cms-contact-submit input {
		margin-left:0px;
		border:1px solid #cce8f4;
		color:#96b1bb;
		background:#ecf6fb;
		font-weight:bold;
		font-size:1.2em;
		padding:6px 4px 4px;
	}
	
	body.cms-display .cms-radio-dot { padding:0; }
	
	body.cms-display .cms-checkbox-tick { padding:0 5px 0 0; }
		body.cms-display #content .cms-checkbox-content .cms-text-content { padding:2px 0 0; }
			body.cms-display #content .cms-checkbox-content p { margin:0; }
	
	body.cms-display div.cms-contact-submit input:hover { background:#cce8f4; }

/* Ticket system */

body.cms-display.ticket-system #main div.cms-navigation-display ul { margin-top:10px; }
	body.cms-display.ticket-system #main div.cms-navigation-display ul li {  }
		body.cms-display.ticket-system #main div.cms-navigation-display a { display:block; margin:0 0 7px; }
			body.cms-display.ticket-system #main div.cms-navigation-display a:link, body.cms-display.ticket-system #main div.cms-navigation-display a:visited {}
			
			body.cms-display.ticket-system #main div.cms-navigation-display a:active, body.cms-display.ticket-system #main div.cms-navigation-display a:focus, body.cms-display.ticket-system #main div.cms-navigation-display a:hover {
				text-decoration:none;
			}
			
			body.cms-display.ticket-system #main div.cms-navigation-display li.cms-current a { font-weight:bold; border-bottom:1px solid #888; }
				body.cms-display.ticket-system #main div.cms-navigation-display li.cms-current a:link, body.cms-display.ticket-system #main div.cms-navigation-display li.cms-current a:visited { text-decoration:none; }


/* =============  FOOTER STYLES  ============ */

div#footer {
	clear:both;
	padding:10px 31px 10px 32px; /* 28px (l + r) + div#content-wrapper3 padding (l + r) */
	font-size:1.2em;
	color: #999;
	background:url(../images/footer-bg.jpg) bottom left no-repeat;
}
	#footer a { color:#999; }

/* =============  IE 6 STYLES  ============ \*/

* html body, * html #header .wrapper, * html #content .wrapper, * html #content div.home.box { zoom:1; }
* html #breadcrumbs { height:25px; }
* html #main { height:400px; }
* html #footer .wrapper { height:22px; }
* html #navigation li, * html #sub-navigation h2, * html #sub-navigation li, * html #columns.two .ws-content, * html #columns.three .ws-content { display:inline; }
* html #navigation li a { display:inline-block; }