/*
Theme Name: Juno Web Design
Theme URI: http://www.junowebdesign.com/
Description: The default Juno Web Design Wordpress theme
Version: 1.0
Author: Junooo!
Author URI: http://junowebdesign.com/
*/

/***** Global *****/
	/* Reset */
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline
		}
		
		:focus {outline: 0}
		
		ol, ul {list-style: none}
		
		/* Tables need 'cellspacing="0"' on markup */
		table {
			border-collapse: separate;
			border-spacing: 0
		}
		
		caption, th, td {
			text-align: left;
			font-weight: normal
		}
		
		blockquote:before, blockquote:after, q:before, q:after {content: ""}
		blockquote, q {quotes: "" "" }


/* Headers */
	h2 {
		font-size: 160%;
		border-bottom: 1px solid #0CB1F5;
		padding-bottom: .4em;
		margin-bottom: .9em;
	}
	h3 {font-size: 130%; margin-bottom: .6em;}
	h4 {font-size: 110%}
	h5 {font-size: 90%}
	h6 {font-size: 70%}
	
/* Links */
	a {outline: 0}
	a img {border: 0px; text-decoration: none}
	a:link, a:visited {color: #00A5F8; text-decoration: none;}
	a:hover, a:active {text-decoration: underline;}
	
/* Paragraphs */
	p {
	    margin-bottom: 1.2em;
	    line-height: 1.4
	}
	
	strong, b {font-weight: bold}
	em, i {font-style: italic}

	hr {
		border: 0;
		color: #0CB1F5;
		background-color: #0CB1F5;
		height: 1px;
		margin: 2em 0;
	}
	
	.img {display: block; margin-bottom: 1.5em;}
	.highlight {color: #fff; font-style: italic; background: #05AFF4; line-height: 1; font-size: 1.1em; padding: .1em;}
	.highlight:link, .highlight:visited {color: #fff; padding: 0 .5em}
    .our-clients {display:block;height:30px;width:105px;line-height:2 }
/* Quotes */
blockquote {font-family: georgia, times, serif; font-style: italic}
blockquote p {margin-bottom: .5em;}
blockquote .highlight {line-height: 1.35;}
div.quote.right, blockquote.quote {
	width: 320px;
	margin: 0 0 20px 20px; 
	background: url('../images/quote-bot.gif') no-repeat bottom;
	padding: 0 0 5px 0
}
div.quote blockquote {
	padding: 15px 15px 1px 15px;
	background: url('../images/quote-top.gif') no-repeat top;
	margin-bottom: 15px;
}
div.quote cite {padding-left: 5px; color: #0CB1F5}

/* Lists */
ul {
  margin: 1em 0 1.3em 0;
  line-height: 1.4;
  list-style: none
}

ul li { /*background: url('images/bullet.gif') no-repeat left 8px;*/ padding: 0 0 0 12px;}

ol {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.4;
  list-style: outside decimal
}

ul.topless {margin-top: 0}

/***** Layout *****/
.limit {width: 961px; overflow: hidden; margin: 0 auto;}

.right {width: 25%; margin: 0 0 1.5em .4%; float: right;}
img.right {width: auto; margin: 0 0 1.5em 1.5em; float: right;}

.left {width: 25%; margin: 0 .4% 1.5em 0; float: left;}
img.left {width: auto; margin: 0 1.5em 1.5em 0; float: left;}

/* Header */
#header {
	background: #010E1F url('../images/header-bg.png') repeat-x;
	color: #fff;
	height: 73px;
	line-height: 73px;
	border-bottom: 1px solid #1A4065;
}

#header .limit {overflow: visible}
#header:after {content: "."; display: block; clear: both; visibility: hidden; height: 0;}

	/* Logo */
	#logo {float: left; margin: 10px 0 0 0; height: 47px;}
	
	/* Menu */
	#menu {margin: 35px 0 0 0; float: right; list-style: none;}
	#menu li {float: left; margin: 0 0 0 25px; padding: 0; background: none; position: relative;}
	
	/* Dropdowns (Eww, dropdowns) */
	#menu ul {
		position: absolute;
		background: #000F2C url('../images/dropdown-bg.png') repeat-x bottom left;
		overflow: hidden;
		width: 230px;
		top: 10px;
		left: 0;
		z-index: 999;
		display: none;
	}
	#menu li:hover ul {display: none;}
	
	#menu ul li {
		float: none;
		margin: 0;
		position: static;
		border-bottom: 1px solid #1F4469
	}
	
	#menu ul li a:link, #menu ul li a:visited {
		color: #fff;
		font-weight: normal;
		display: block;
		padding: .55em .9em;
	}
	#menu ul li a:hover, #menu ul li a:active {
		text-decoration: none;
		background: #1F4469;
	}
	
	
/* Body */
#body {background: #fff url('../images/body-bg.png') repeat-x bottom; padding: 30px 0 17px 0;}
.homepage #body, #body.homepage {background: #fff;}

	/* Header Graphic */
	#header-graphic {
		background: #010204 url('../images/header-graphic.jpg') repeat-x top center;
		height: 280px;
		color: #fff;
		font-size: 128.57%;
	}
	
	#header-graphic p {width: 390px; margin-bottom: 1em;}
	#header-graphic strong {display: block; color: #00ABF9; font-size: 1.1em;}
	#header-graphic .with-passion {font-weight: bold; color: #00ABF9}

	#header-graphic .quote {position: absolute; right: 10px; top: 207px;}

	#header-graphic .limit {padding: 40px 0 30px 500px; width: 450px; height: 205px; position: relative;}
	
	/* Header Text */
	#header-text {
		background: #F2F9FF url('../images/body-bg.png') repeat-x bottom;
	}
	
	#header-text .limit {position: relative; padding: 20px 0;}
	
	#header-text blockquote {font-family: geneva, verdana, arial, helvetica, sans-serif; font-size: 1.3em; font-style: italic; margin-top: 20px;}
	#header-text .quote-box {float: left; width: 600px;}
	#header-text .quote-box blockquote p {margin-bottom: .3em;}
	
	#header-text .contact-info {float: right; width: 300px; text-align: right; padding-bottom: 50px}
	#header-text .tel {display: block; color: #00ABF9; font-size: 1.37em;}
	#header-text .mail:link, #header-text .mail:visited {color: #242424; font-size: 1.1em}
	
	#header-text .quote {position: absolute; bottom: -4px; right: 0;}
	
	/* Logos */
	#logos {margin: 15px 0 0 0; list-style: none;}
	
	#logos li {float: left; margin: 0 45px 0 0; padding: 0; background: none;}
	
	#logos #add-this {padding-top: 25px}
	/* Internal */
	#internal {color: #fff; margin: 0 0 3px 0; list-style: none;}
	#internal li {
		display: inline;
		margin: 0 .6em 0 0;
		padding: 0 .6em 0 0;
		height: 1.1em;
		line-height: 1.1; 
		border-right: 1px solid #fff;
		background: none;
	}
	#internal li:last-child {border: 0; margin: 0; padding: 0;}
	
/***** Sections *****/
.cols-2 {overflow: hidden; width: 100%;}
.cols-2 .left {width: 48%; float: left; margin: 0}
.cols-2 .right {width: 48%; float: right; margin: 0}


/* Body */
	body {
	    line-height: 1.4;
	    font-size: 75%; /* 100% = 16px */
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
	    color: #231f20;
	    background: white;
		margin: 0;
		padding: 0;
		text-align: left
	}
	
	html, body {height: 100%}

/* Headers */
	h2 {font-size: 1.3em}
	h3 {font-size: 1.2em}
	h4 {font-size: 1.1em}
	h5 {font-size: 1em}
	h6 {font-size: 1em}
	
	h2, h3, h4, h5, h6 {font-family: 'Trebuchet Ms', tahoma, arial, sans-serif; margin-bottom: 10px; }
	
	.title {
		padding-left: .4em;
		text-transform: none;
		font-size: 1.8em;
		font-weight: normal;
		line-height: 1.2;
		margin-bottom: .8em
	}
	
/* Links */
	a {outline: 0}
	a img {border: 0px; text-decoration: none}
	a:hover, a:active {text-decoration: none}
	
/* Paragraphs */
	p {
	    margin-bottom: 1.5em;
	    line-height: 1.4;
	    text-align: justify
	}
	
	strong, b {font-weight: bold}
	em, i {font-style: italic}

/* Lists */
ul {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.4;
  list-style: outside disc
}

ol {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.4;
  list-style: outside decimal
}

/* Blockquotes */
blockquote {margin: 1em; padding: 1em}
blockquote p {margin-bottom: .5em}

/* Tables */
table {width: 98%; margin: .5em auto 1.5em auto}

thead th {text-align: left; padding: .5em .4em; font-weight: bold}

tbody td {padding: .5em .4em}

/***** Layout *****/
#non-footer {min-height: 100%; height: auto !important; height: 100%}
#wrap {padding-bottom: 240px}
.wrap {width: 980px; margin: 0 auto; overflow: hidden}

/* Header */
#header .wrap {height: 106px}

#logo {float: left; margin: 16px 75px 0 0}
#head-ad {float: left; margin: 19px 0 0 0}

#header .contact-info {float: right; margin: 7px 0 0 0; text-align: right;}
#header .contact-info strong {font-size: 2.2em; display: block}
#header .contact-info a:link, #header .contact-info a:visited {font-size: 1.6em; text-decoration: none}

#header #change-location {float: right; clear: right; margin: 5px 0 0 0; padding: 0;}
#header #change-location label {font-size: .9em; color: #939597;}
#header #change-location label strong {color: #333}

/* Navigation */
#navigation .wrap {height: 36px}
#navigation ul {margin: 0; padding: 0; list-style: none}

#navigation ul li {
	float: left;
	height: 36px;
	line-height: 36px;
	padding: 0 20px 0 0;
	margin: 0 10px 0 0;
	font-size: 1.1em;
	font-weight: bold
}
#navigation ul li:last-child {background: none; padding-right: 0; margin-right: 0}
#navigation a:link, #navigation a:visited {text-decoration: none}
#navigation a:hover, #navigation a:active {text-decoration: underline}

#navigation #search-field {float: right; margin: 8px 0 0 0; padding: 0}
#navigation #search-field .text {
	width: 179px;
	height: 17px;
	border: 0;
	font-size: 1em;
	font-family: inherit;
	padding: 2px 8px;
	float: left;
	margin: 0 10px 0 0;
}

#navigation #search-field .button {float: left;}

/* Body */
.home-lists a:link, .home-lists a:visited {text-decoration: none}
.home-lists a:hover, .home-lists a:active {text-decoration: underline}

.home-lists ul, .yell ul {list-style: none; margin: 0 0 1em 0}

.yell a:link, .yell a:visited {text-decoration: none}
.yell a:hover, .yell a:active {text-decoration: underline}

.col-60 {width: 60%; padding: 8px 0 15px 0; float: left}
.col-60 .col {width: 30%; float: left; padding: 0 2.9% 0 0}

.col-20 {width: 20%; padding: 8px 1.93% 15px 1.93%; float: left}

.col-40 {width: 37%; padding: 8px .85% 15px 0; float: left}


#body {padding: 30px 0 40px 0}

/* Footer */
#footer {
	height: 240px;
	margin-top: -240px;
	background: url('../images/footer-bg.png') repeat-x bottom
}

#footer ul {height: 43px; overflow: hidden; margin: 0; padding: 0 0 0 10px; list-style: none}
#footer ul li {float: left; height: 43px; line-height: 37px; padding: 0 23px 0 18px; font-size: 1.25em; display: inline}
#footer ul li:last-child {background: none; padding-right: 0}

#footer ul li.active, #footer ul li.active:last-child {padding: 0 1px; margin-left: -10px; background: url('../images/footer-tab-dark-bg.png') repeat-x top left}
#footer ul li.active a:link, #footer ul li.active a:visited {padding: 0 15px; display: block; float: left; height: 43px; background: url('../images/footer-tab-bg.png') repeat-x top left}
#footer ul li.active a:hover, #footer ul li.active a:active {text-decoration: none}

#footer ul li a:link, #footer ul li a:visited {text-decoration: none; text-transform: uppercase; color: #fff}
#footer ul li a:hover, #footer ul li a:active {text-decoration: underline}

#footer .news {
	height: 177px;
	padding: 20px 0 0 210px;
	font-size: 1.8em;
	line-height: 1.1;
	background: url('../images/footer-news-bg.png') no-repeat bottom center
}
#footer .news p {margin-bottom: 0; line-height: 1.1}
#footer .news p strong {font-size: 1.2em}
#footer .news a:link, #footer .news a:visited {color: #196eb7; font-size: 1.2em; font-weight: bold; text-decoration: none}
#footer .news a:hover, #footer .news a:active {text-decoration: underline}
	
/***** Sections *****/
/* Listing */
.listing {
	list-style: none;
	margin: 20px 0
}

.listing li {overflow: hidden; height: 1%; margin-bottom: 30px}
.listing .thumb {float: left; margin: 0 30px 0 0}
.listing .info {width: 790px; float: left}
.listing .meta {display: block; color: #aaa; font-style: italic}

.listing p {margin-bottom: 10px}

/* Pagination */
.pagination {display: block; text-align: left; padding: 20px 0; margin: 0}
.pagination li {display: inline; padding: 0 1px}

.pagination a:link, .pagination a:visited {
	padding: 3px 6px;
	font-weight: bold;
	text-decoration: none;
}

/*Control Panel */
	/* Menu */
	#cp-menu {
		margin: 0 0 30px 0;
		list-style: none;
		overflow: hidden;
		height: 1%
	}
	
	#cp-menu li {float: left; width: 18%; padding: .9%}
	#cp-menu a:link, #cp-menu a:visited {
		display: block;
		float: left;
		width: 95%;
		padding: 40px 2.45%;
		text-align: center;
		text-decoration: none;
		font-size: 1.1em;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		font-size: 1.3em
	}
	
	/* CP Forms */
	.cp-form {
		width: 510px;
		margin: 20px auto;
		overflow: hidden;
		height: 1%
	}
	
	.cp-form legend {padding-left: 5px; font-weight: bold}
	
	.cp-form label {width: 170px; float: left; clear: left; margin-bottom: 10px}
	.cp-form .text {width: 230px; float: left; margin: 0 0 10px 10px}
	.cp-form .file {float: left; margin: 0 0 10px 10px; max-width: 250px}
	.cp-form select {float: left; margin: 0 0 10px 10px; max-width: 290px}
	.cp-form select.inline {margin: 0 0 10px 3px}
	
	.cp-form textarea {
		width: 320px;
		height: 200px;
		float: left;
		margin: 0 0 10px 10px
	}
	
	.cp-form .button {
		clear: both;
		float: right;
		border: 0;
		margin: 0 95px 0 0;
		padding: 5px 20px;
		cursor: pointer;
		font-size: 1.2em
	}
	
/* List */
.list {overflow: hidden; height: 1%; margin-bottom: 20px}

.list .img {float: left; margin: 0 40px 0 0; width: 350px; height: 350px;}

.cp-form.list-form {float: left}

.list-address {
	float: right;
	width: 350px;
	margin: 30px 0;
}

.list-address h3 {padding-left: 5px; font-weight: bold}

.list-address .direct-contact, .list-address address {display: block; margin-bottom: 1.5em; padding-left: 14px;}

/* new style */

#search { 
	background: url('../images/bgcurrentnav.jpg') repeat-x;
	height: 70px;
	margin-bottom: 40px;
}

#search img { margin: 0px }
#search fieldset {
	border: 0px;
	margin: 0px;
	padding: 0px;
	float: right
}

#search form {
	margin: 20px 0px 0px 0px;
	float:left;
}

#search form fieldset input {
	padding: 10px 10px;
	float: left;
	border: 0px;
	margin: 0px;
	background: url('../images/searchbg.jpg') no-repeat;
	width: 203px;
}

#search form #button {
	background: url('../images/searchbutton.jpg') no-repeat;
	width: 79px;
	text-indent: -999px
}
#body {
	background: #FFF;
	padding: 0px 0px 20px 0px;
	
}

	
#body .column {
	float: left;
	margin-right: 45px;
	
}
.titlemain {
	margin: 5px 0px;
	border-bottom: 0px;
	font-weight: normal;
	color: #014b93
}
 h2 a,
.titlemain a {
	font-family: Arial;
	color: #014b93;
	font-weight: bold;
	font-size: 18px;
}

#body .column ul {
	margin: 6px 0px;
	padding: 0px;
	color: #032e59;
	font-size: 12px;
	line-height: 1.7
}
ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	
}
.col ul, .col-20 ul {margin: 0}
.col ul li a:link, .col ul li a:visited,.col-20 ul li a:link, .col-20 ul li a:visited{color:#014B93;font-size:1em}
.col ul li a:hover, .col ul li a:active,.col-20 ul li a:hover, .col-20 ul li a:active{text-decoration: underline}
#body #contentlist .last {
	margin: 0px;
}


#listing {margin-bottom: 20px}
#listing #buy-sell-web{
	padding-top:10px;
	margin-bottom: 0px;
	border: 0;
	overflow: hidden;
	
}
#listing #data-listing {
	border:0;
	margin:-1px 0 0 0;
	font-size:14px;
	background:#041222 url(../images/gradient.png) no-repeat scroll center top;
	width:100%;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	
}
#listing #data-listing tr.head {
background:transparent url(../images/tabsbg2.png) repeat-x scroll 0 0;
height:36px;
font-size:16px;

}
#listing #data-listing tr.head td{
padding-top:2px;
padding-bottom:4px;
border: 0
}
#listing #data-listing td {color:#fff;border-bottom:1px solid #1E2D3E;}
#listing #data-listing tr.last td, #listing #data-listing tr.browse td {border: 0}
 #listing #data-listing tr.browse td {text-align: right;padding-top: 25px}
#listing #data-listing td.name {width:480px;padding-left:15px}
#listing #data-listing td.name a:link, #listing #data-listing td.name a:visited {color:#00A7FF;}
#listing #buy-sell-web strong { 
	color:#27C2E3;
	font-size:18px;
	font-weight:bold;
	display: block;
	line-height: 60px;
	float:left
}
#listing #buy-sell-web span {
	display: block;
	float:right
}
#links {
	padding: 10px 0px;
	overflow: hidden; 	
}
#links .span {
	color: #27c2e3;
	font-size: 18px;
	padding-top: 15px;
	font-weight: bold
}
#links img {
	float: right;
	margin-right: 10px
}
#featured #nav {
	background: url('../images/tabsbg.jpg') bottom repeat-x;
	height: 36px;
	font-family: Arial, Helvetica, sans-serif;
	clear:both;
	margin: 0;
	border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px
}

#featured #subnav {
	background: url('../images/tabsbg2.png') repeat-x;
	height: 36px;
}

#featured #subnav #subnavcontainer {
	width: 430px;
	float: right;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	margin-left: 12px;
	overflow: hidden; 
}

#featured #nav a {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	float: left;
	padding: 7px 10px 0px;
	margin-right: 7px;
}

#featured #nav a:hover {
	text-decoration: none
}

#featured #nav .current {
	background: url('../images/currenttab.jpg') left no-repeat;
	padding: 6px 20px 8px;
}

#featured #bg {
	margin: 0px;
	background: #041222 url('../images/gradient.png') top no-repeat;
	color: #FFF;
}

#featured ul li ul {
	background: none;
	font-size: 14px;
	margin: 0px;
	overflow: hidden; 
}

#featured ul li ul .row {
	border-bottom: 1px solid #1e2d3e;
	display: block;
	padding: 8px;
	height: 22px
}

#featured ul li ul .row:hover {
	background: url('../images/rowover.png') repeat-x;
	color: #000;
	border-bottom: 1px solid #041223
}

#featured ul li ul .row ul li {
	float: left;
	width: 140px;
	border-bottom: 0px;
}

#featured ul li ul .row ul .largecol {
	width: 500px;
	color: #00a7ff
}

.width,
.col {
	width: 140px
}
.alignleft {
	float: left;
	margin-top: 2px;
}
.alignright {
	 float: right;
	 margin-top: 2px
}

#curves {
	background: #041324;
	overflow: hidden; 
}

#featured ul li ul .row .italix {
	font-style: italic
}

#featured ul li ul .row #red {
	color: #db4040
}

#featured #bg li ul #noline {
	border-bottom: 0px
}

#browsebutton {
	 text-align: right;
	 margin: 24px 5px 0px 5px;
	 border-bottom: 0px; 
}

.clr { clear: both }

/* Message */
.message {
	background: url('../images/message-b.png') no-repeat bottom;
	margin: 0 0 15px 0;
	padding: 0 0 27px 0;
}
.message .wrap {
	background: url('../images/message-t.png') no-repeat top left;
	overflow: hidden;
	padding: 10px 10px 0px 15px;
	width: 936px;
}

.message p {float: left;font-size: 1.2em; margin: 8px 0;}
.message a:link, .message a:visited {
	background: #4CBA3A url('../images/button-gradient.png');
	border: 1px solid #539A39;
	color: #fff;
	float: right;
	height: 33px;
	line-height: 33px;
	padding: 0 10px;
	
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

/* Add Listing */
#body h2 {
	background: #333232 url('../images/form-head.png') no-repeat top;
	color: #fff;
	border: 0;
	font-size: 24px;
	margin: 0;
	padding: 10px 15px;
}
#body h2 img {vertical-align: middle; margin: 0 10px 0 0;}
#body h2 span{ font-size: 13px}
#add-listing fieldset, #body .module {
	background: #f4f4f4;
	color: #333;
	padding: 20px 30px 30px 30px;
	margin:0;
	overflow:hidden;
}

#add-listing label {display: block; font-size: 14px; font-weight: bold; margin: 30px 0 5px 0;width:435px;}

#add-listing .text, #add-listing textarea {
	background: #fff;
	border: 1px solid #e3e3e3;
	display: block;
	margin: 0 0 5px 0;
	padding: 5px;
	font-size: 16px;
	width: 390px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	box-shadow: 2px 2px 8px #ddd;
	-moz-box-shadow: 2px 2px 8px #ddd;
	-webkit-box-shadow: 2px 2px 8px #ddd;
}
#add-listing textarea {width: 530px;}
.login{background:#f4f4f4}
#body .login label{margin:15px 0 0 0}
#add-listing #login-form{float:left;width:445px}
#add-listing #register{float:right;padding:60px 120px 20px 20px;background:url('../images/register-bg.png') no-repeat;margin:60px 35px 0 0}
.submit-buttons, .module-footer {
	background: #BEBEBE url('../images/submit-bg.gif') no-repeat bottom;
	height: 1%;
	overflow: hidden;
	padding: 15px;
	clear:both;
}
/*
	Contact
*/
#wraper{
	display:block;
	background: #f4f4f4;
	padding: 0 20px 20px 20px;
	height: 1%;
	overflow: hidden;
}
#wraper form{
	float:left;	
}

#wraper fieldset{	
	display:block;
	background: #ffffff;
	margin:25px 0 25px 0;	
	padding: 15px 20px 20px 30px;
	color: #194276;
	width:485px;
	border: 2px solid #ededed;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#wraper label{
	display: block;
	font-size: 14px;
	margin: 5px 0 5px 5px;
}
#wraper .text, #wraper textarea{
	background: #fafafa;	
	display: block;
	margin: 0 0 15px 0;
	padding: 8px;
	font-size: 13px;
	border: none;

	border: 2px solid #ededed;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#contact-us .text,#contact-us textarea{
	width: 450px;
}
#contact-info .text,#contact-info textarea{
	width: 290px;
}
#wraper textarea{
	height: 135px;
	margin-bottom: 10px;
}
#wraper #submit{
	vertical-align: top;
	margin-right: 10px;
}
#wraper span{
	font-size: 12px;
	color: #999999;
	line-height: 30px;
	
}
#contact-info{
	background: #ffffff;
	display:block;
	float: right;
	width: 330px;
	padding: 15px;
	margin: 25px 0 0 0;
		
	border: 2px solid #ededed;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#contact-info h3{
	color: #194276;
	font-size: 17px;
	font-weight: bold;
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 5px
}
#contact-info #tel{
	display: block;
	margin-bottom: 10px;
	font-size: 25px;
	font-weight: bold;
	color: #194276;
}
#contact-info p{
	margin-right: 100px;
}
#contact-info strong{
	color: #949494;
}
/*Details*/
#content{
	display:block;
	float:left;
	background: #ffffff;
	margin:25px 0;	
	padding: 15px 30px 40px 20px ;
	color: #194276;
	width:485px;
	font-size: 14px;
	border: 2px solid #ededed;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#content #time{
	color: #9cb4d2;
	font-size:11px;
}

#comments{
	display:block;
	float:left;
	margin:25px 0;	
	color: #194276;
	font-size: 14px;
}
#wraper #comment_form{background:url('../images/comments-form-top.png') no-repeat top;padding-top:3px}
#wraper #form_comment{
	display:block;
	float:none;
}
#wraper #form_comment fieldset{
	padding:0;
	border:0;
	background:url('../images/comments-form-bottom.png') repeat-x bottom;
	padding:0 0 20px 15px;
	width:525px;
}
#wraper #form_comment fieldset label{color:#537198;}
#wraper #form_comment fieldset .text{width:320px;margin-bottom:5px}
#wraper #form_comment fieldset textarea{width:490px}
#wraper #form_comment fieldset #btn_submit{
	background: url('../images/contact-submit.gif') no-repeat;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	width:78px;
	height:32px;
	border:none;
	vertical-align: top;
	margin-right:10px
}
#wraper #form_comment fieldset span{line-height:32px}
#comments-list ul{margin-left:0}
#comments-list li{
	margin-bottom:10px;
	background: url('../images/comments-bottom.png') no-repeat bottom left;	
	padding-bottom:30px;
	width:537px;
}
#comments-list li div{
	background: url('../images/comments-top.png') repeat-y top left;
	width:480px;
	padding:20px 35px 10px 25px;
}
#comments-list ul li .name b{
	font-size:15px;
	color:#194276;
	font-weight:bold;
}

#comments-list ul li .name {
	font-size:14px;
	display:block;
}

#comments-list ul li .comment-message {
	font-color:#171717 !important;
	line-height:12px;
	color:#000;
}
#wraper #meta{
	display:block;
	color:#b0b0b0;
	font-size:13px;
	line-height:14px;
}
#comments .title-leave-comments,#comments #open_comment{
	color:#506f96;
	font-weight:bold;
	font-size:20px;
}
#touch{
	color:#194276;	
}
#touch fieldset{
	width: 300px;
	margin:5px 0 0 0;
	padding:0 0 0 5px;
	border:none;
}
#touch fieldset .text, #touch fieldset textarea{
	width: 300px;
}


.red{
	border:1px solid red;
	background-color:#ffb4b4;
	padding:3px;
	margin-bottom:5px;
}
.green{
	border:1px solid #12ff00;
	background-color:#9aff92;
	padding:3px;
}

.job-old{
	color:#c0c0c0;
}

.light-grey{
	color:#c0c0c0;
}


#body .col-20 h2.titlemain {
	background:none;
	padding:10px 15px 10px 0;
}
#usermenu{padding-bottom:15px}



.error {
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #D8000C;
	background-color: #FFBABA;
  background-image: url('../images/error.png');
}


/* New Footer */
.footerContainer { padding: 0; margin: 0; }
.footerContainer * { padding: 0; margin: 0; color: none; }

.footerContainer { background: url(../images/bg-light.jpg) no-repeat top center #0a192e; color: #fff; padding: 20px 0 0 0;font-size:1.2em }
.footerContainer a { color: #add8f7; text-decoration: none; }
.footerContainer a:hover { color: #fff; }

.footerContainer .footerInner { width: 960px; margin: auto auto; }

.footerContainer .leftBlock { float: left; width: 475px; padding: 0 0 40px 0; }
.footerContainer .rightBlock { width: 435px;  padding: 0 0 40px 0; float: left; position: relative; }

.footerContainer .usefulLinksHeader { width: 440px; }

.footerContainer .usefulLinksHeader, .fromTheBlogHeader { font-size: 24px; font-weight: bold; letter-spacing: -2px; padding: 0 0 5px 0; border-bottom: 2px solid #6395bb; }
.footerContainer .usefulLinksContainer ul { float: left; }
.footerContainer .usefulLinksContainer ul li { list-style: none; width: 215px; padding: 6px 0 6px 0; border-bottom: 1px solid #255d90; margin-right: 10px; }

.footerContainer .fromTheBlogHeader { background: url(../images/icon-blog.gif) no-repeat 0 7px; padding-left: 36px; }
.footerContainer .seeMore { position: absolute; top: 7px; right: 0; font-weight: bold; font-size: 16px; color: #cccfd3; }
.footerContainer .fromTheBlogList {  }
.footerContainer .fromTheBlogList li { height: 18px; padding: 6px 0 6px 0; border-bottom: 1px solid #255d90; }
html>body .footerContainer .fromTheBlogList li { height: auto; }

.footerContainer .servicesContainer { width: 910px; position: relative; background: #000f22; margin-bottom: 50px; }
.footerContainer .servicesContainer .servicesHeader { width: 85px; height: 67px; background: url(../images/caption-services.gif) no-repeat center; position: absolute; top: -25px; left: -55px; border-bottom: none; }

.footerContainer .servicesContainer ul { padding: 7px 0 10px 20px; height: 30px; }
.footerContainer .servicesContainer ul li { float: left; padding: 0 0 0 17px; margin: 0 30px 0 0; background: url(../images/bullet-blue.gif) no-repeat 0 11px; }
.footerContainer .servicesContainer ul li a { font-size: 24px; font-weight: bold; letter-spacing: -2px; color: #cccfd3; }
.footerContainer .servicesContainer ul li a:hover { color: #fff; }

.footerContainer .companyInfo .leftBlock { width: 780px; padding: 5px 0 20px 0; }
.footerContainer .companyInfo .rightBlock { width: 125px; padding: 5px 0 20px 0; }

.footerContainer .companyInfo { background: url(../images/company-info-bg.gif) repeat-x #000d1d; padding: 20px 0 0 0; font-size: 12px; }
.footerContainer .companyInfo .companyInfoInner { width: 960px; margin: auto auto; }

.footerContainer .companyInfo .companyInfoList {  }
.footerContainer .companyInfo .companyInfoList li { padding: 0 0 3px 0; }

.furtherContent { background: url(../images/dark-bg-light.jpg) no-repeat center top #000d1d; padding: 26px 0 26px 0; color: #fff; }
.furtherContent h2 { border:none;
	margin-bottom:0;
	padding-bottom:0;
}
.furtherContent p {margin-bottom:0;line-height:1.3;}

.furtherContent ul {
line-height:1;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
}

.furtherContent .furtherContentInner {  width: 906px; margin: 0 auto; padding-right: 44px }
.furtherContent .blackBlock { padding: 20px; margin: 10px 0 20px 0; position: relative; }
	.blackBlock[class] { background-image: url(../images/trans-black.png); }

.furtherContent .blackBlock h4 { font-size: 18px; font-weight: normal; }

.furtherContent .hWebSpecialist { background: url(../images/h-web-specialist.gif) no-repeat 20px 0; height: 23px; }
.furtherContent .hMagentoWebDesign { background: url(../images/h-magento.gif) no-repeat 20px 0; height: 57px; }
.furtherContent .hWordpressWebDesign { background: url(../images/h-wordpress.gif) no-repeat 20px 0; height: 57px; }
.furtherContent .hWebDesignNews { background: url(../images/h-web-design-news.png) no-repeat 20px 0; height: 57px; }
.furtherContent .hFrontendWebDevelopment { background: url(../images/h-frontend-web-development.gif) no-repeat 20px 0; height: 46px; }
.furtherContent .hWebsiteVideoDesign { background: url(../images/h-web-site-video-design.gif) no-repeat 20px 0; height: 23px; }

.furtherContent	#slider { margin: auto auto; }
.furtherContent	#slider ul li { width: 840px; height: 300px; overflow: hidden; padding: 0 }
.furtherContent	#slider ul li .sliderBlock { width: 420px; float: left;  }
.furtherContent	#slider ul li .sliderBlock p { font-size: 12px; text-align: justify; padding: 0 20px 10px 20px; }
.furtherContent	#slider ul li .sliderBlock .button-learn-more { display: block; width: 133px; height: 33px; margin-left: 20px; background: url(../images/button-learn-more.gif) no-repeat; }
.furtherContent .controlsContainer { width: 75px; margin: auto auto; }
.furtherContent .controlsContainer a { display: block; width: 30px; height: 29px; float: left; }
.furtherContent .controlsContainer span#slidePrevious a { background: url(../images/slider-arrow-left.gif) no-repeat center; margin: 0 10px 0 0; }
.furtherContent .controlsContainer span#slideNext a { background: url(../images/slider-arrow-right.gif) no-repeat center; }


.furtherContent .videoContainer { float: left; }
.furtherContent .videoContainer .videoItem { float: left; padding: 0 15px 0 15px; }

.itemSep { color: #1a3e70; padding: 0 5px 0 5px; }
.hidden { display: none; }
.clear { clear: both; }

#home-slogan h3{ font-size:30px; margin:0px; padding:0px; }
#home-slogan h3 b { font-weight:bold; }
#home-slogan h3 i { color: #00A5F8}
#home-slogan span { color: #00A5F8}
#date_start{
	width:100px !important;
}