/*
Theme Name: Interactive Search Group
*/


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


/*----General Styles Begin----*/

body {
	 background-image: url(style/images/header_bg.jpg);
     background-repeat: no-repeat;
     background-position: top;
     background-color: #161616;
     font-size: 100%;
     font-family: 'Helvetica','Lucida Grande', Verdana, Arial, Sans-Serif;
     font-size: 13px;
	 color: #888;	
	 line-height: 1.8em;
     padding: 0;
     text-align: left;
     }
     
h1, h2, h3, h5, h5, h6 { font-weight:bold; color:#B6AD5E;}

/*----Header, body content and footer div wrap----*/       


#wrap {
	width: 950px;
	margin: 0px auto;
}



/*----Anchor tags----*/

a {
	text-decoration: none;
}


/*----Header Style----*/

#header {
	height: 90px;
	padding: 85px 0px 0 0px;
	background-repeat: no-repeat;
	position: relative;
}
#header h1 {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin: 0;
	font-size: 20px;
	font-weight: 600;
	float: left;
}
a{
	text-decoration: none;
	color: #4b4a48;
}
a:hover {
	color: #676660;
}

#header #top-nav {float:left;
margin:68px 0 0 10px;
width:440px;
}
#header #search {
	display: none;
	position: absolute;
	top: 90px;
	right: 50px;
	height: 20px;
}

/*----Navigation Style----*/

ul#nav {
color:#AAAAAA;
font-size:15px;
line-height:2;
text-align:right;
text-transform:uppercase;
width:700px;
}
ul#nav li {
	float: left; padding: 0; position: relative;
	display:inline;
	margin: 0px 15px 0px 0px;
}
ul#nav li.current_page_item a {
	color: #ccc;
}
ul#nav li a {
	color: #555555;
	/*text-shadow: 2px 2px 3px #ccc;*/
}

ul#nav li a:hover {
	color: #ccc;
	/*text-shadow: 2px 2px 3px #ccc;*/
}

.column-nav {
margin-left: 330px;
}

#search {
	font-size: 12px;
	color: #b8ae61;
	float: right;
}


/*----Horizontal Dividers----*/

#horizontal_bar {
	background: #707070;
	height: 1px;
	margin: 10px auto;
	width: 800px;
}

/*----Search Field----*/

.searchfield {
color:#666;
font-size:0.9em;
width:175px;
height:1.6em;
text-align:left;
background-color:#f5f5f5;
border:1px solid #999;
margin-bottom:15px;
}

/*----Featured Section Container and Slider Styles----*/


#featured_section {
	background: transparent url('style/images/featured_bg.png') no-repeat scroll;
	width: 950px;
	height: 300px;
	margin-top:20px;
	padding: 25px;
	color: #5f5f5f;
}

#featured_section h1 {color:#777777;
font-size:55px;
line-height:66px;
margin-top:20px;
text-align:left;
width:900px;
}


/*----Slug Line below Featured Slider ----*/

h3#slugline {
	clear: both;
	width: 800px;
	font-size: 20px;
	font-weight: normal;
	color: #5f5f5f;
	line-height: 28px;
	margin: 0px 0px 25px 0px;
	position: relative;
}

h3#slugline span, h3#slugline a {
	color: #b8ae61;
	text-decoration: underline;
}

/*----Static Home Columns Styles----*/

.home_columns {
background:transparent url(style/images/sections_bg.png) no-repeat scroll 0 0;
clear:both;
font-size:13px;
height:550px;
margin:0 30px 30px 0;
padding:25px;
width:890px;
}
.home_columns h2 {
	font-size: 20px;
	margin: 0px 0px 2px 0px;
	font-weight: normal;
	clear: both;
	color: #b6ad5e;
}
.home_columns h3 {
	font-size: 16px;
}
.home_columns p {
 	line-height:20px;
 	color: #4b4a48;
}
.home_columns a {
	color:#b8ae61;
}

.column-holder {
    width: 900px;
}

.column {
border:1px solid #333333;
float:left;
height:140px;
display: block;
margin-right:20px;
padding:20px;
width:240px;
}

.last {
border:1px solid #333333;
	width: 240px;
	float: left;
padding:20px;
height:140px;
}
.intro {clear:both;
font-size:28px;
line-height:40px;
margin:45px 0 15px;
padding-top:20px;
}
.intro span {
	color: #b6ad5e;
}
/*#services .column {
	width: 175px;
}
#services .last {
	width: 175px;
}*/


#clients .column, #contact .column, #services .column {
	width: 390px;
}
#clients .last, #contact .last, #services .last {
	width: 390px;
}
#services .column, #services .last {
margin-bottom: 25px;
}

#services {
height: 750px;
}

#contact {
height: 500px;
}
#clients {
height: 450px;
}
#contact .column, #contact .last {
    height: 320px;
}

#hr-socialmedia {
height: 525px;
}

#hr-socialmedia .column, #hr-socialmedia .last {
margin-bottom: 25px;
height: 250px;
width: 375px; 
}


/*----My Widget and Side Bar----*/

.widget {
	background: #fafafa;
	border: solid 1px #dedede;
	margin-left: 675px;
	width: 200px;
	float: right;
	font-size: 13px;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	color: #4b4a48;	
	line-height: 1.8em;
}
.widget_text {
	font-size: 13px;
	margin: 18px 50px 0px 0px;
	color: #4b4a48;	
	line-height: 1.8em;
	text-align: left;	
}
.widget a {
	color: #b8ae61;
}

/*-----Footer style-----*/

#footer {
    width: 900px;
	margin: 20px auto;
	font-size: 12px;
	font-weight: normal;
	color: #676660;
	text-align: center;
	clear:both;
}

.blog {
clear: both;
padding-top: 15px;
}

.blog a {
color: #676660;
text-decoration: underline;
}

.blog a:hover {
text-decoration: none;
}


/*Blog section*/

.entry p {
margin-top: 15px;
}

#blog_section {
	background: transparent url('style/images/featured_bg.png') repeat-x scroll;
	width: 900px;
	margin-top:20px;
	padding: 25px;
	color: #5f5f5f;
}

#blog_section h1 {color:#777777;
font-size:36px;
line-height:40px;
margin-top:20px;
text-align:left;
width:880px;
}

.navigation {
width: 100%;
height: 30px;
}

.entry {
border: 1px solid #333333;
background-color: #111;
padding: 25px;
margin: 25px auto;
color: #777;
}

.alignleft {
float: left;
width: 40%;
}

.blog-holder {
width: 880px;
}

.blog-left{
float: left; width:30%;
}

.blog-right {
float: left; width: 65%;
}