/* @override http://definitelyworks.com/wp-content/themes/definite/style.css */


/*
Theme Name: Definite
Theme URI: http://definitelyworks.com
Description: Custom wordpress template for DEFINITE Web Studio. Heavily redesigned from JA_EDENITE by Joomlart. 
Version: 2.1.1
Author: DEFINITE
Author URI: http://definitelyworks.com/
Tags: blue, green, white, custom
*/

a {
	color:#2C79B3;
	text-decoration:none;
}

a:hover, a:active, a:focus {
	color:#2C79B3;
	text-decoration:underline;
}

.aligncenter {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.content h3, .content h4 {
	color: #337db5;
}


body {
	background: url(images/bg-cloud.gif) top center no-repeat;
}

body.blog {
	background: url(images/bg-cloud-blog.gif) top center no-repeat;
}

.bg-bottom {
	background: url(images/bg-bottom.jpg) bottom center no-repeat;
	margin-bottom: -12px;
}

.container {
	margin: 20px auto 0;
}

.logo h1 {
	display: block;
	width: 340px;
	height: 46px;
	text-indent: -9999px;
	background: url(images/definite-web-studio.gif) no-repeat;
	margin: 10px 0 10px 0;
}

.login {
	line-height: 46px;
	text-align: right;
}

.login a {
	color: #cb8c35;
}

.navwrap {
	background: url(images/shadow.gif) repeat-x bottom;
	height: 37px;
	position: relative;
	z-index: 999;
}

.nav {
	background:#2C79B3 url(images/grad2.gif) repeat-x scroll center top;
	height:32px;
}

.nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.nav li {
	float: left;
	padding: 0;
	margin: 0;
	background: none;
	border-right: 1px solid #75AAD2;
}

.nav a {
	display: block;
	float: left;
	text-decoration: none;
	line-height: 32px;
	padding: 0 20px;
	color: #C3DBED;
	font-size: 100%;
	font-weight: bold;
	border-right: 1px solid #2B6484;
	list-style: none;
}

.nav a:hover, .nav a:active, .nav a:focus {
	color: #FFFFFF;
	background: url(images/grad2-1.gif) repeat-x top #2B6484;
}

.nav a.active {
	background:#91AE4E url(images/grad2-2.gif) repeat-x scroll center top;
	color:#FFFFFF;
}

.nav ul li.blog {
	float: right;
	border-left: 1px solid #75AAD2;		
}

.nav ul li.blog a {
	border-left: 1px solid #2B6484;	
	border-right: none;
}

.tagline {
	height: 100px;
	padding-top: 30px;
	text-align: center;
}

.tagline h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 33px;
	color: #313639;
	margin: 0px;
	line-height: 30px;
}

.tagline h2 em {
	font-style: normal;
	font-weight: bold;
}

.tagline span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #6b7378;
}

.blog .tagline {
	margin: 40px 0 20px 0;
}

.main {
	margin: 0;
	background: url(images/bg-main.jpg)	top left no-repeat;
	padding-top: 20px;
	padding-bottom: 60px;

} 

.archive, .hire-us {
	background: none;
}

.sidebar ul {
	list-style: none;
	margin: 0;
}

.sidebar li {
	list-style: none;
	margin: 0;
	padding: 0;
}

/*WIDGETS*/

.sidebar {
	padding-bottom: 40px;
}

.blog-sidebar{
	padding: 0 35px 0px;
}

.blog .sidebar ul ul {
	padding: 0;
}

/* SEARCH */

.search-result {
	margin-bottom: 20px;
}

#searchsubmit {
	display: none;
}

#s {
	width: 272px;
	padding: 8px 4px 9px;
	border: none;
	background: url(images/bg-search.gif) no-repeat;
	text-indent: 4px;
	font-size: 20px;
	font-weight: bold;
	color: #313639;
}

li.widget {
	border-top: 1px solid #eff5f9;
	padding: 15px 0;
}

.widget .title {
	font-family: Arial, Verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #313639;
}

.widget a {
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	color: #307bb3;	
	font-weight: bold;
}

.widget a:hover {
	color: #4693CD;
}

#text-3 {
	padding: 0;
	border: none;
	position: relative;
	height: 0;
	width: 59px;
}

#text-3 a {
	display: block;
	width: 59px;
	height: 54px;
	position: relative;
	top: -86px;
	left: 169px;
	background: url(images/icon-rss.gif);
	text-indent: -9999px;	
}

#text-3 a:hover {
	background-position: 0 -54px;
}

/*SUBMENU - PORTFOLIO*/

.sidebar .submenu a {
	display: block;
	width: 190px;
	height: 37px;
	background: #3480b7 url(images/bg-submenu.jpg) no-repeat top left;
	color: #fff;
	font-weight: bold;
	line-height: 37px;
	text-indent: 15px;
	margin-bottom: 15px;
}

.sidebar .submenu .current_page_item a, .sidebar .submenu .current_page_item a:hover {
	background: #91ae4e url(images/bg-submenu-active.jpg) no-repeat top left;
	text-decoration: none;
}

.sidebar .submenu a:hover {
	background: #91ae4e url(images/bg-submenu-hover.jpg) no-repeat top left;
	text-decoration: none;
}

.archive .submenu {
	background: url(images/submenu-h.gif) bottom left no-repeat;	
}

.archive .submenu ul {
	list-style: none;
	margin: 0;
	padding: 0;	
	height: 30px;	
}

.archive .submenu li {
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;	
	float: left;
	height: 30px;
	width: 135px;	
}

.archive .submenu a {
	display: block;
	width: 135px;
	height: 30px;
	color: #fff;
	background: url(images/bg-submenu-h.gif) top left no-repeat;
	text-align: center;
	line-height: 30px;
	margin-right: 15px;
	float: left;
}

.archive .submenu .active, .archive .submenu .active:hover{
	background: url(images/bg-submenu-h-active.gif) no-repeat;
	text-decoration: none;
}

.archive .submenu a:hover {
	background: url(images/bg-submenu-h-hover.gif) no-repeat;
	text-decoration: none;
} 

.archive .content {
	padding: 20px 0 0 0;
}

.archive .content div {
	padding: 0;
	display: block;
	float: left;
}

.archive .content img {
	background: url(images/bg-recent-works.jpg) top center no-repeat;
	padding: 20px;
}

.archive .content h3 {
	text-align: left;
	text-transform: uppercase;
	margin: 0px 0 0 20px;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0px;
}

.archive .content p {
	text-align: left;
	margin: 5px 0 0 20px;
	height: 50px;
}

.content {
	padding: 0 0 0 20px;
}

ul.services {
	margin: 30px 0 0 0;
	padding: 0;
}

ul.services li{
	width: 340px;	
	height: 120px;
	margin: 0 10px 0 0;
	float: left;
	list-style: none;
	padding: 0;
}

ul.services h4 {
	margin: -15px 0 0 0;
}

ul.services p {
	padding-left: 80px;
}

ul.services li span {
	display: block;
	width: 70px;
	height: 70px;
	background: url(images/icons-services.png) no-repeat;
	float: left;
	margin-right: 10px;
}

ul.services .cms span {
	background-position: -70px -70px;
}

ul.services .application span {
	background-position: 0px -70px;
}

ul.services .branding span {
	background-position: -70px 0px;
}

ul.services .copy span {
	background-position: 0px -140px;
}

ul.services .support span {
	background-position: -70px -140px;
}

ul.life-cycle {
	display: block;
	float: right;
	list-style: none;
	background: url(images/bg-diagram.gif) center no-repeat;
	position: relative;
	width: 400px;
	height: 400px;
}

ul.life-cycle li {
	position: absolute;
}

ul.life-cylce li div {
	position: relative;
}

ul.life-cycle h4 {
	margin: 0;
	display: block;
	background: url(images/icon-analyze.gif) top center no-repeat;
	padding-top: 65px;
	font-size: 18px;
	font-weight: bold;
}

ul.life-cycle p {
	width: 370px;
	margin: 0;
	display: none;
	position: absolute;
}

ul.life-cycle .analyze {
	top: 0px;
	left: 126px;
}

ul.life-cycle .research {
	top: 43px;
	left: 253px;
}

ul.life-cycle .research h4 {
	background: url(images/icon-research.gif) top center no-repeat;
	color: #737173;
}

ul.life-cycle .concept {
	top: 186px;
	left: 257px;
}

ul.life-cycle .concept h4 {
	background: url(images/icon-concept.gif) top center no-repeat;
	color: #c8a930;
	display: block;
	width: 205px;
}

ul.life-cycle .design {
	top: 318px;
	left: 158px;
}

ul.life-cycle .design h4 {
	background: url(images/icon-design.gif) top center no-repeat;
	color: #a87743;
}

ul.life-cycle .development {
	top: 209px;
	left: -31px;
}

ul.life-cycle .development h4 {
	background: url(images/icon-development.gif) top center no-repeat;
	color: #46bc24;
}

ul.life-cycle .contents {
	top: 64px;
	left: 11px;
}

ul.life-cycle .contents h4 {
	background: url(images/icon-contents.gif) top center no-repeat;
	color: #e3881f;
}

.why-choose-us h3 {
	margin-bottom: 40px;
}

.why-choose-us h4, .why-choose-us p{
	padding-left: 110px;
}

.why-choose-us h4 {
	margin-bottom: 0;
}

.jobs {
	background: url(images/icon-we-love-our-job.gif) no-repeat;
	padding-bottom: 10px;
}

.result {
	background: url(images/icon-result-oriented.gif) no-repeat;	
	padding-bottom: 10px;
}

.distance {
	background: url(images/icon-go-the-distance.gif) no-repeat;	
	padding-bottom: 10px;
}

.dedicate {
	background: url(images/icon-dedicate.gif) no-repeat;
	padding-bottom: 10px;	
}

.post {
	margin-bottom: 50px;
}

.case-studies {
}

.case-studies .content img {
	padding: 0;
}

.case-studies .content h3 {
	font-size: 18px;
	margin: 10px 0 20px 20px;
	text-transform: uppercase;
}

.case-studies .content p {
	margin: 0 0 10px 20px;
	height: auto;
}

.case-studies .content ul {
	margin: -10px 0 15px 20px;
}

.case-studies .content li {
	margin: 0;
	list-style: inside;
}

.recent-work {
}

.recent-work h3 {
	font-size: 18px;
	font-weight: bold;
	font-family: Tahoma, Arial, sans-serif;
	color: #313639;
	text-indent: 16px;
	margin-bottom: 5px;
}

.recent-work ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.recent-work li {
	list-style: none;
	margin: 0 0 0 -4px;
	padding: 0;
	display: block;
	float: left;
	text-align: center;
}

.recent-work img {
	background: url(images/bg-recent-works.jpg) top center no-repeat;
	padding: 20px;
}

/*BLOG*/

.blog .post {
	margin-bottom: 30px;
}

.blog .title-wrap {
	background: #f5f8fb;
	padding: 10px;
	margin-bottom: 20px;
}

.blog .title-wrap h3 {
	font-weight: bold;
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 0;
	font-family: Helvetica, Arial, sans-serif;
}

.blog .title-wrap small {
	font-size: 13px;
	color: #313639;
}

.blog .title-wrap small a {
	color: #91ae4e;
	font-weight: bold;
}

.blog .entry, .blog .postmetadata {
	padding: 0 10px;
}

.blog h2.comments {
	background: #f5f8fb;
	padding: 10px;
	margin-bottom: 30px;	
	font-weight: bold;
	font-size: 24px;
	line-height: 30px;
}

.blog .commentlist li {	
	padding: 10px 10px 0 10px;
	list-style: none;
}

.blog .commentlist li.even {
	background: #F7F9FA;
	border-bottom: 1px solid #ACC5DE;
	border-top: 1px solid #ACC5DE;
}

.blog .commentlist p {
	font-family: Verdana, sans-serif;
	color: #393939;
	font-size: 12px;
	margin-bottom: 10px;
}

.blog .commentlist .comment-metadata {
	padding-bottom: 10px;
	display: block;
	font-size: 10px;
	color: #898989;
	margin-bottom: 3px;
}

.blog .commentlist .avatar {
	float: right;
	clear: right;
	padding: 0px 0 10px 10px;
}

.blog #respond h2 {
	background: #f5f8fb;
	padding: 10px;
	margin-bottom: 30px;	
	font-weight: bold;
	font-size: 24px;
	line-height: 30px;	
}

.blog #respond p {
	padding: 0 10px;
}

.blog .wp-caption{
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;	
	border-bottom: 1px solid #DDDDDD;	
	padding: 3px;
	background: #F3F3F3;
	width: inherit;
	-moz-border-radius: 3px;
	text-align: center;
	font-size: 10px;
	display: block;
	width: inherit;
	color: #C4C4C4;	
	margin-bottom: 10px;
}

.blog .wp-caption p {
	margin: 4px 0 0 0;
	text-align: right;
}
/*
.blog .wp-caption-text {
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;	
	padding: 3px;
	background: #F3F3F3;
	text-align: right;
	font-size: 10px;
	display: block;
	width: inherit;
	color: #C4C4C4;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
}
*/

/*CONTACT US*/

.contact-us {
	height: 230px;
	position: relative;

}

.contact-us h3, .contact-info h3 {
	font-family: Aria, Helvetica, sans-serif;
	font-size: 15px;
	color: #313639;
	font-weight: bold;
	margin-bottom: 5px;
}

.contact-us h3 span {
	color: #7e9940;
}

.contact-us input.name, .contact-us input.email, .contact-us textarea.message, .hire-us input, .hire-us textarea {
	background-color: #B3CEE8;
	border: none;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	font-size: 15px;
}

.contact-us input.name, .contact-us input.email  {
	width: 200px;	
}

.contact-us input.name {
	position: absolute;
	top: 0px;
	left: 0;
}

.contact-us input.email {
	position: absolute;
	top: 0px;
	left: 220px;
}

.contact-us textarea.message {
	position: absolute;
	top:  35px;
}


.contact-us input.name:focus, .contact-us input.email:focus, .contact-us textarea.message:focus, .hire-us input[type=text]:focus, .hire-us textarea:focus {
	background: #8BB4DD;
}

.contact-us textarea.message {
	width: 600px;
	height: 80px;
	overflow: auto;
}

.contact-us input.send {
	display: block;
	height: 27px;
	width: 50px;
	font-weight: bold;
	line-height: 27px;
	color: #fff;
	background: url(images/btn-send.gif) repeat-x;
	border: none;
	position: absolute;
	top: 165px;
	font-size: 15px;
}

.contact-us p {
	width: 203px;
	margin: 0;
}

.contact-info h3 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.contact-info h3 span {
	color: #c18c43;
}

.contact-info h2 {
	margin: 10px 0 5px;
}

.contact-info p {
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	margin: 0;
	line-height: 20px;
	padding-left: 25px;
}

.contact-info .address {
	background: url(images/icon-address.gif) 0 2px no-repeat;	
}

.contact-info .email {
	background: url(images/icon-email.gif) 0 5px no-repeat;
}

.contact-info .phone {
	font-weight: bold;
	background: url(images/icon-phone.gif) 0 3px no-repeat;
}

.header-hire-us {
	margin-bottom: 40px;
}

.hire-us td.label {
	width: 210px;
	vertical-align: top;
	text-align: right;
	padding: 15px 10px 0 20px;
}

.hire-us input[type=text], .hire-us textarea {
	width: 300px;
	overflow: auto;
}

.hire-us .comment {
	width: 200px;
	font-size: 10px;
	color: #999;
	vertical-align: top;
	padding: 15px 0 0 0;
}

.hire-us input[type=submit] {
	float: right;
	background: url(images/btn-send.gif) repeat-x;
}

.wpcf7-not-valid-tip-no-ajax {
	color: red;
}

.wpcf7-response-output {
	text-align: center;
	font-size: 18px;
	color: #337db5;	
}

.hireus {
	display: block;
	width: 95px;
	height: 37px;
	background: url(images/btn-hire-us.gif) 0 0 no-repeat;
	text-indent: -9999px;
	float: right;
	margin: 10px 40px 20px 20px;
}

.hireus:hover {
	background-position: 0 -37px;
}

.ourwork {
	display: block;
	width: 147px;
	height: 37px;
	background: url(images/btn-our-work.gif) 0 0 no-repeat;
	text-indent: -9999px;
	float: right;
	margin: 10px 0 20px 20px;	
}

.ourwork:hover {
	background-position: 0 -37px;
}

/* 404 */

.lost h1 {
	padding: 20px 0 60px;
}