/*
Theme Name: 		Adam Smyth IT 2013
Theme URI: 
Description: 		ASit Theme for Wordpress
Version: 		1.4
Author: 		CMcDONALD 2013
*/


* {
	margin:0px;
	padding:0px;
	font-family: 'Roboto Condensed', sans-serif;
	border: 0px;
	font-size: 14px;
}
html, body {
	height: 100%;
	background: url("image/background.png") repeat scroll 0 0 #eee;
}

#header
{
	background	: url(image/header-cloud.png) no-repeat #3399cc;  
	width		: 100%;
	height		: 300px;
	border-bottom	: 10px solid #fff;
}


#content {
	width: 800px;
	margin: 0px auto;
	background: #fff;
	height:100%;
}


#text {
	float:left;
	padding: 0px;
	margin: 0px;
}

#text p{
 text-transform: none;
 color: #404040;
 margin: 0px;
}

#text img { max-width:250px; max-height:220px; float:right; padding:0px; margin:0 0 10px 10px; border:2px solid #eee;}

#text  ul {
        list-style-type: none;
	width:400px;
} 	
	
#text ul li {
        border-left: 10px solid #C8C8C8;
        margin:10px 0 10px 20px;
	padding:3px;;
	color:#404040;
	font-size:16px;
	background: #eee;
}


#text ul li b{font-size:16px;}

img.wp-post-image { margin:0px;}

#text iframe { float:right; padding:0 0 10px 10px;}
.page-title { border-bottom: 1px solid #eee; font-size:25px; margin: 0; }


 #post-news-box {
	font-family			: Georgia, "Times New Roman", Times, serif;
	color				: #BBBBDD;
	margin-top			:-50px;
	width				: 740px;
	float				: left;
	padding				: 20px;
	background			: none repeat scroll 0 0 #F7F7F7;
    box-shadow			: 0 0 3px rgba(0, 0, 0, 0.3);
}

 #blog-news-box {
	font-family			: Georgia, "Times New Roman", Times, serif;
	color				: #BBBBDD;
	margin-top			: 0px;
	width				: 740px;
	float				: left;
	padding				: 20px;
	background			: none repeat scroll 0 0 #F7F7F7;
    box-shadow			: 0 0 3px rgba(0, 0, 0, 0.3);
}

 #blog-news-box a {
	color				: #BBBBDD;
	text-decoration		: none;
}

 #blog-news-box a:hover{
	color				: #EC3800;
	text-decoration		: none;
}

#blog-news-box:hover {
	background			: #fff;
}

 .blog-inner-content {
	font-family			: Georgia, "Times New Roman", Times, serif;
	color				: #BBBBDD;
	margin-top			: -50px;
	width				: 780px;
	float				: left;
	padding				: 0px;
	background			: none repeat scroll 0 0 #F7F7F7;
    box-shadow			: 0 0 3px rgba(0, 0, 0, 0.3);
}

.blog-title {
    margin: 10px 0 10px 20px;
	font-weight: normal;
	text-transform:uppercase;
	width:100%;
	font-size:28px;
	color: #7D7D7D;
	font-family: 'Roboto Condensed', sans-serif;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -160px;
}
.footer {
height: 160px;
background:#505050;
}

.footer, .push {
clear: both;
height: 160px;
}



/****************************************************************/
/* TOP PAGE LINKS												*/
/****************************************************************/
	
#header-area { background:#404040; padding:0px; width:100%; height:60px; border-bottom:2px solid #3399cc;}

#head-links { margin:0 auto; width:800px; padding:0px; background:#ddd;}

.head-left {	color:#fff; margin:0px 0px 0px 0px; float:left; width:600px; display:inline; text-align:left;}

.menu-top {float:left; padding:0px 0px 0px 0px; width:100%;}
.menu-top ul {margin:0; padding:0; float:left; margin:0px 0 0 0px;}
.menu-top ul li {display:inline;}
.menu-top ul li a {float:left; color:#fff; height:40px; padding:20px 16px 0px 16px; text-transform:uppercase; text-decoration:none; font-size:15px;}
.menu-top ul li a:visited {color:#fff;}
.menu-top ul li a:hover, .menur ul li .current {background:#676767; height:40px; padding:20px 16px 0px 16px;}

.head-right{float:right; width:125px; margin:10px 0px 0px 0px; color:#fff; font-size:16px; text-align:left;}
.head-right a{color:#fff; text-decoration:none;}
.head-right a:hover{color:#fff; text-decoration:underline;}


#header-container {
	background: #c5c5c5;
	width: 800px;
	margin: 0 auto;
}

#header-container h1 { margin: 0; }

#header-left {
	margin: 30px 0 0 0;
	float: left;
	width: 300px;
	height: 150px;
	display: inline;
	background: #000;
	opacity:0.8;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}

#header-left h2 { margin:50px 0 0 120px; float:left; color:#fff; text-transform:uppercase; font-size:36px; }
#header-left h3 { margin:5px 0 0 115px; float:left; color:#fff; font-size:15px;}

#header-middle { float:right; width:107px; margin:20px 0 0 0px; border:0px #fff; }


/****************************************************************/
/* TOP SOCIAL LINKS												*/
/****************************************************************/


	#facebook_sprite a { 
		width		: 25px; 
		height		: 24px; 
		background	: url(image/face-sprite.png) no-repeat;  
		display		: block;  
		}
		
	#facebook_sprite { 
		text-indent	: -99999em; 
		float		: left; 
		margin		: 0px 10px 0px 0px; 
		}

	#facebook_sprite a:hover { 
		background-position:0 -24px; 
		}
	
	#linkedin_sprite a { 
		width		: 25px; 
		height		: 24px; 
		background	: url(image/gplus-sprite.png) no-repeat;  
		display		: block;  
		}
		
	#linkedin_sprite { 
		text-indent	: -99999em; 
		float		: left; 
		margin		: 0px 10px 0px 0px; 
		}

	#linkedin_sprite a:hover { 
		background-position:0 -24px; 
		}

	#twitter_sprite a { 
		width		: 25px; 
		height		: 24px; 
		background	: url(image/twit-sprite.png) no-repeat;  
		display		: block;  
		}
		
	#twitter_sprite { 
		text-indent	: -99999em; 
		float		: left; 
		margin		: 0px 0px 0px 0px; 
		}

	#twitter_sprite a:hover { 
		background-position:0 -24px; 
		}
		
/*-----------------------------------------------------------------------------------*/
/* JQUERY STLYING
/*-----------------------------------------------------------------------------------*/	

#home-featured {width: 790px; background: none repeat scroll 0 0 #fff; margin:0px; padding: 0px 0px 0 0px;}

.first-jq {width: 250px; height: 190px; margin:10px 0 10px 3px; border: 2px solid #eee; overflow: hidden; float: left; background:#fff; background: url("image/home-image2.png") repeat scroll 0 0 #545454; }

.first-jq h3{ color:#fff; margin:0px 0 0 0px; text-align:left; text-transform:uppercase}

.second-jq {width: 250px; height: 190px; margin:10px 0 10px 5px; border: 2px solid #eee; overflow: hidden; float: left; background:#fff;
	background: url("image/home-image1.png") repeat scroll 0 0 #545454;}

.second-jq h3{ color:#fff; margin:0px 0 0 0px; text-align:left;text-transform:uppercase;}

.third-jq {width: 250px; height: 190px; margin:10px 0 10px 5px; border: 2px solid #eee; overflow: hidden; float: left; background:#fff;
	background: url("image/home-image3.png") repeat scroll 0 0 #545454;}

.third-jq h3{ color:#fff; margin:0px 0 0 0px; text-align:left;text-transform:uppercase;}

.title-inner {
    margin: 0 0 10px 0;
	font-weight: bold;
	text-transform:uppercase;
}

.inner {
    height: 240px;
    width: 250px;
    margin-top: 142px;
    background: #000;
    cursor: pointer;
	opacity: 0.8;
	border-top: 10px solid #3399cc;
}

.inner_text {
    color: #fff;
    padding: 10px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: center;
}

.inner_text p {
    font-size: 13px;
    padding-top: 5px;
	text-align:left;
}

.inner_text a { text-decoration:none; color:#fff; background:#404040; padding:2px; font-size:14px; font-weight:bold;}
.inner_text a:hover {background:#3399cc; color:#fff}



/*-----------------------------------------------------------------------------------*/
/* SAERCH FORM STLYING
/*-----------------------------------------------------------------------------------*/	


.search-form2{
	float:left;	
	background:url(image/searchbgwhite.png) #909090;
	position:relative;
	margin-right:15px;
}
.search-form2 label {
	float:left;
	font-size: 12px;
	margin-top:6px;
	color:#989898;
}
.search-form2 fieldset{
	overflow:hidden;
	padding:4px 4px 4px 4px;
	width:200px;
}
.search-form2 input{
	padding:0px;
	margin:0;
	border:0;
	float:left;
	width:110px !important;
	font-size:11px;
	margin-left:5px !important;
	float:left;
	color:#777;
	outline-style: none;
}
.search-form2 .text{
	background:none;
	width:139px;
	margin:4px 0 0;
}
.search-form2 .submit{
	background: url(image/search2.png) no-repeat;
	width:22px !important;
	height:22px;
	overflow:hidden;
	text-indent:-9999em;
	line-height:0;
	cursor:pointer;
	float:right;
	margin-top:2px;
}
input, textarea, select {
	font:11px Tahoma, sans-serif;
	vertical-align: middle;
	color:#2e2e2e;
}
form, fieldset {
	border-style: none;
	margin: 0;
	padding: 0;
}


/*-----------------------------------------------------------------------------------*/
/* FOOTER STLYING
/*-----------------------------------------------------------------------------------*/	


#footer-text {
	width: 800px;
	margin: 0px auto;
	height: 100px;
	color: #fff;
	padding: 20px 0 0 0px;
	font-size: 14px;
}

.footer-content
{
	height: auto !important;
	margin: 0px auto;
	width: 1000px;
    margin-bottom: 0px;
    padding: 0px 0px 0 0;
}

.footer-contact
{
	float: left;
	width: 150px; /* Exact to Fit */
	padding: 0px;
	margin: 10px 30px 0 10px;
	color:#fff;
	font-size:14px;
}

.footer-contact a {color:#fff}
.footer-contact a:hover {color:#7DC3FF}

.footer-title {color:#fff; font-size:18px; text-transform:uppercase; margin:0px; padding: 5px 10px 5px 0px;}

.footer-search
{
	float: left;
	width: 210px; /* Exact to Fit */
	padding: 0px;
	margin: 10px 0 0 10px;
}

.footer-menu
{
	float: right;
	width: 130px; /* Exact to Fit */
	padding: 0px;
	margin: 10px 0 0 0px;
	text-align:left;
}

.bold {font-size:15px;}

.foote-menu {padding: 0 0 0 0; font-size:14px; margin:0px 0 0 0}

.foote-menu ul {list-style:none; margin:0; padding:0; border:none;}
	
.foote-menu li {margin:0; list-style:none; list-style-image:none;}
	
.foote-menu li a {display:block;padding:0px 0px 0px 0px; color:#fff; text-decoration: none; text-transform:uppercase; width: 100%;}

html>body .foote-menu li a {
	width: auto;
}

.foote-menu li a:hover {text-decoration:underline; color:#7DC3FF;}


/*-----------------------------------------------------------------------------------*/
/* PAGE STLYING
/*-----------------------------------------------------------------------------------*/	


.page-title { color:#666; text-transform:uppercase; line-height:30px; font-size:28px; padding:0 0 5px 0; margin:0px 0px 10px 0px; border-bottom:1px solid #eee;}


#page-links { margin:0 auto; width:760px; padding:0px;  height:100px; }

.page-left {	color:#fff; margin:0px 0px 0px 0px; float:left; width:100%; display:block; text-align:left;}

.menu-page {float:left; padding:0px 10px 0px 0px; width:100%; }
.menu-page ul {margin:0; padding:0; float:left; margin:0px 0 0 0px;}
.menu-page ul li {display:inline;}
.menu-page ul li a {float:left; color:#0079CE; padding:0 15px 0 0px; text-transform:uppercase; text-decoration:none; font-size:17px;}
.menu-page ul li a:visited {color:#29557B; }
.menu-page ul li a:hover, .menur ul li .current {color:#3399cc;}

.page-right { float:left; margin:0px 0px 20px 0px; display:inline;}


.text {
	padding: 0px 0 0 0;
	margin: 0px 0px 0px 0px;
	background: #fff;
}

.text ul { 
list-style-type: none;
width: 300px;
}

.text li { 
background: #EEEEEE;
border-left: 10px solid #C8C8C8;
color: #404040;
font-size: 13px;
margin: 10px 0px 10px 20px;
padding: 3px;
}

.text img { width:200px; height:200px; float:right; padding:0 0 10px 10px;}

img.wp-post-image { margin:0px;}

.text iframe { float:right; padding:0 0 10px 10px;}

blockquote {
	border-left: 5px solid #3399cc;
	margin: 10px 0 10px 0px;
	float: left;
	padding: 10px;
	color: #303030;
	font-size: 13px;
	background: #eee;
}

.testimonialee {
	margin: 0px 0 20px 10px;
	float: left;
	color: #00629A;
	font-size: 14px;
}

/*-----------------------------------------------------------------------------------*/
/* FORM STLYING
/*-----------------------------------------------------------------------------------*/	

.cform ol {
list-style-type: none;
margin: 0;
padding: 0
}

.cform li {
float: left;
padding: 0px 10px 0px 0px;
}

.cform li.last {
float: none;
clear: both;
text-align: right
}

.cform label {
display		: block;
cursor		: pointer;
color		: #717171;
font-size	: 14px;
}

.cform form {
padding: 3px 0 0;
margin: 10px auto;
width: 700px
}


.cform {
float: left;
width: 760px;
padding: 0 0px;
margin: 0px 0 0 0px;
}


.cform .form-left {
float: left;
width: 250px;
margin: 0 0px 0 0;
}

.cform .form-right {
float: left;
width: 250px;
}

.cform  input[type="text"] {
border: 0;
background: #dadada;
padding: 5px;
font-family:'BebasNeueRegular', Arial, sans-serif;
font-size: 11px;
line-height: 1;
width: 220px;
color: #000;
margin-bottom: 15px;
}

.cform a{

text-decoration: none;
font-size:10px;
color:#AAA;
text-transform:uppercase;

}

.cform a:hover{
text-decoration: none;
font-size:10px;
color:#404040;
text-transform:uppercase;
}

.cform p {
text-decoration: none;
font-size:10px;
color:#AAA;
text-transform:uppercase;
}


.cform textarea {
border: 0;
width: 600px;
height: 100px;
background: #dadada;
margin-bottom: 0;
float: left;
}

.cform input[type="submit"] {
clear: left;
float: left;
width: 600px;
height: 42px;
background: url('image/submit.png') no-repeat 0 0;
text-indent: -9999px;
font-size: 0;
display:block;
line-height: 0;
border: 0;
cursor: pointer;
margin-bottom: 15px;
outline:none;
}

.cform input[type="submit"]:hover, .cform input[type="submit"]:focus {
background: url('image/submit.png') no-repeat 0 -42px;
}

/* MORE BUTTON STYLING *************************************/

.moretag {
	font-size: 10px;
	display: block;
	padding: 2px 0px 2px 0px;
	text-decoration: none;
	color: #fff;
	width: 60px;
	text-align:center;
	margin: 10px 0 10px 0;
	background: #CFF7FF;
   }


.moretag a {
	color: #fff;
	text-decoration: none
 }

.moretag a:hover {
	color: #fff;
	text-decoration: none;
	background: #D0FF13;
 }

.post-meta { display:inline; margin-top:0px; width:740px; color:#BBBBDD; float:left; padding:20px; background:none repeat scroll 0 0 #F7F7F7;
    box-shadow:0 0 3px rgba(0, 0, 0, 0.3);}

.post-meta a {font-size:10px;color:#00C01B;text-transform:uppercase;text-decoration:none;}
.post-meta a:hover {font-size:10px;color:#AAA;text-transform:uppercase;}