/*
Theme Name: 31 Media
Theme URI: http://31media.com
Description: 31 Media Web Design
Version: 1.0
Author: Stanislav Kirilov
Author URI: http://collapse.bg
*/

@import "style/css/reset.css";
@import "style/css/layout.css";
@import "style/css/base.css";

/* 
#################### BASIC ####################
*/
body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:20px;
	text-align:center;
	color: #666666;
	background: #fff;
}
#wrapper {
	text-align:left;
	height:auto !important;
	height:100%;
	min-height:100%;
}
.container {
	margin: 0 auto;
	width:960px;
	min-width:960px;
}
p {margin-bottom:20px;}
/* 
#################### HEADER ####################
*/
/*
#header {
	height:100px;
	background:url(style/images/header-backgr.png) repeat-x top center;
}

.logo h1 a {
	background:url(http://31media.com/style/images/logo.jpg) no-repeat;
	display:block;
	width:214px;
	height:74px;
	text-indent:-9999px;
	position:absolute;
	left:10px;
	top:26px;
}
*/
#header {
	height:100px;
}
#logo {
    display:block;
	width:214px;
	height:74px;
	position:absolute;
	left:10px;
	top:26px;
}
.slogan {
	background:url(http://www.31media.com/style/images/slogan.png) no-repeat;
	width:268px;
	height:28px;
	position:absolute;
	top:46px;
	left:240px;
}
.contact-phone-number {
	background:url(http://www.31media.com/style/images/phone-number.png) no-repeat;
	width:184px;
	height:24px;
	position:absolute;
	top:46px;
	right:40px;
}
/* 
#################### NAVIGATION ####################
*/
#navigation {
	height:40px;
	background:url(http://www.31media.com/style/images/navigation-backgr.png) repeat-x top center;
}
ul.nav li{
	float:left;
	margin:0 30px;
}
ul.nav li a {
	display:block;
	font-size:14px;
	font-weight:bold;
	color:#1a1a1a;
	text-decoration:none;
	line-height:40px;
}
li.home-button a:hover, li.home-button a.active {background:url(style/images/hover-home.png) no-repeat center bottom;}
li.about-button a:hover, li.about-button a.active {background:url(style/images/hover-about.png) no-repeat center bottom;}
li.services-button a:hover, li.services-button a.active {background:url(style/images/hover-services.png) no-repeat center bottom;}
li.contact-button a:hover, li.contact-button a.active {background:url(style/images/hover-contact.png) no-repeat center bottom;}
/* 
#################### SEARCH ####################
*/
form#searchform {
	position:absolute;
	right:0;
	top:9px;
}
#search-field {
	width:153px;
	height:17px;
	padding:3px 4px 0;
	background-color:#f7f7f7;
	border:1px solid #bfbfbf;
	font-size:11px;
	float:left;
	margin-right:10px;
}
#go-search {
	background:url(http://www.31media.com/style/images/go-button.png) no-repeat;
	width:30px;
	height:22px;
	border:none;
	text-indent:-9999px;
	float:right;
}
#go-search:hover {cursor:pointer;}
/* 
#################### BANNER ####################
*/
#banner-big {
	background:url(http://www.31media.com/style/images/banner-backgr.png) repeat-x top center;
	height:262px;
}
#banner-small {
	background:url(http://www.31media.com/style/images/banner-small.png) repeat-x top center;
	height:82px;
}
#banner-big .heading {
	background:url(http://www.31media.com/style/images/big-banner-headline.png) no-repeat;
	width:510px;
	height:78px;
	position:absolute;
	left:30px;
	top:30px;
}
#banner-small .who-we-are {
	background:url(http://www.31media.com/style/images/who-we-are.png) no-repeat;
	width:176px;
	height:28px;
	position:absolute;
	left:30px;
	top:26px;
}
#banner-small .contact-us {
	background:url(http://www.31media.com/style/images/contact-us.png) no-repeat;
	width:148px;
	height:29px;
	position:absolute;
	left:30px;
	top:26px;
}
#banner-small .services {
	background:url(http://www.31media.com/style/images/services.png) no-repeat;
	width:117px;	
	position:absolute;
	left:30px;
	top:26px;
}
#banner-big p {
	display:block;
	width:600px;
	height:120px;
	position:absolute;
	top:120px;
	left:30px;
	font-size:14px;
	color:#fff;
	line-height:24px;
	text-align:justify;
}
.grow-graphic {
	background:url(http://www.31media.com/style/images/graph.png) no-repeat;
	width:270px;
	height:254px;
	position:absolute;
	right:3px;
	top:6px;
}
/* 
#################### CONTENT ####################
*/
#main-content a:link, #main-content a:visited {
	color:#0f78af;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px dotted #0f78af;
}
#main-content a:hover, #main-content a:active {
	border-bottom:none;
	padding-bottom:1px;
	color:#1a1a1a;
}
#main-content {
	background:url(http://www.31media.com/style/images/content-shadow-backgr.png) no-repeat top center;
	padding-top:26px;
	min-height:300px;
}
ul#services {
	overflow:auto;
	margin:0;
}
ul#services li{
	float:left;
	width:220px;
	margin:0 10px;
	list-style-type:none;
	display:inline;
}
h1.service01 {
	background:url(http://www.31media.com/style/images/services-header-1.png) no-repeat;
	width:220px;
	height:60px;
	margin-bottom:4px;
	text-indent:-9999px;
}
h1.service02 {
	background:url(http://www.31media.com/style/images/services-header-2.png) no-repeat;
	width:220px;
	height:60px;
	margin-bottom:4px;
	text-indent:-9999px;
}
h1.service03 {
	background:url(http://www.31media.com/style/images/services-header-3.png) no-repeat;
	width:220px;
	height:60px;
	margin-bottom:4px;
	text-indent:-9999px;
}
h1.service04 {
	background:url(http://www.31media.com/style/images/services-header-4.png) no-repeat;
	width:220px;
	height:60px;
	margin-bottom:4px;
	text-indent:-9999px;
}
p.conclusion {
	background:url(http://www.31media.com/style/images/grey-border.png) repeat-x top center;
	margin:0 10px;
	padding-top:10px;
}
/* 
#################### FOOTER ####################
*/
#footer .container {
	background-color:#f2f2f2;
	border:1px solid #e5e5e5;
	overflow:auto;
	line-height:40px;
	margin-top:20px;
	margin-bottom:20px;
}
ul.nav-footer li{
	float:left;
	padding:0 19px;
	background:url(http://www.31media.com/style/images/grey-seperator.png) no-repeat left center;
}
ul.nav-footer li a {
	display:block;
	font-size:14px;
	color:#808080;
	text-decoration:none;
}
ul.nav-footer li a:hover {
	text-decoration:underline;
}
p.copyright {
	float:right;
	padding-right:18px;
	margin-bottom:0;
	color:#8c8c8c;
}
#footer p a {
	color:#808080;
	text-decoration:none;
}
#footer p a:hover {text-decoration:underline;}
/* 
#################### CONTACT FORM ####################
*/
#contact-us strong {
	display:block;
	width:120px;
	float:left;
}
#contact-us p {margin-bottom:10px;}
#contact-us input {
	background-color:#fafafa;
	height:18px;
	width:180px;
	padding:4px;
	border:1px solid #cccccc;
	color:#666;
}
#contact-us textarea {
	background-color:#fafafa;
	padding:4px;
	border:1px solid #cccccc;
	color:#666;
}
#contact-us input:focus, #contact-us textarea:focus {
	background-color:#fff;
	border:1px solid #bfbfbf;
}
#contact-us #send {
	width:70px;
	height:30px;
	background:url(http://www.31media.com/style/images/send-button.png) no-repeat;
	margin-left:120px;
	border:none;
}
#contact-us #send:hover {
	cursor:pointer;
	background:url(http://www.31media.com/style/images/send-button-hover.png) no-repeat;
}