/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_3 {
	width:220px;
}

.container_12 .grid_4 {
	width:300px;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_6 {
	width:460px;
}

.container_12 .grid_7 {
	width:540px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_9 {
	width:700px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_12 .grid_12 {
	width:940px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:80px;
}

.container_12 .prefix_2 {
	padding-left:160px;
}

.container_12 .prefix_3 {
	padding-left:240px;
}

.container_12 .prefix_4 {
	padding-left:320px;
}

.container_12 .prefix_5 {
	padding-left:400px;
}

.container_12 .prefix_6 {
	padding-left:480px;
}

.container_12 .prefix_7 {
	padding-left:560px;
}

.container_12 .prefix_8 {
	padding-left:640px;
}

.container_12 .prefix_9 {
	padding-left:720px;
}

.container_12 .prefix_10 {
	padding-left:800px;
}

.container_12 .prefix_11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right:80px;
}

.container_12 .suffix_2 {
	padding-right:160px;
}

.container_12 .suffix_3 {
	padding-right:240px;
}

.container_12 .suffix_4 {
	padding-right:320px;
}

.container_12 .suffix_5 {
	padding-right:400px;
}

.container_12 .suffix_6 {
	padding-right:480px;
}

.container_12 .suffix_7 {
	padding-right:560px;
}

.container_12 .suffix_8 {
	padding-right:640px;
}

.container_12 .suffix_9 {
	padding-right:720px;
}

.container_12 .suffix_10 {
	padding-right:800px;
}

.container_12 .suffix_11 {
	padding-right:880px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left:80px;
}

.container_12 .push_2 {
	left:160px;
}

.container_12 .push_3 {
	left:240px;
}

.container_12 .push_4 {
	left:320px;
}

.container_12 .push_5 {
	left:400px;
}

.container_12 .push_6 {
	left:480px;
}

.container_12 .push_7 {
	left:560px;
}

.container_12 .push_8 {
	left:640px;
}

.container_12 .push_9 {
	left:720px;
}

.container_12 .push_10 {
	left:800px;
}

.container_12 .push_11 {
	left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left:-80px;
}

.container_12 .pull_2 {
	left:-160px;
}

.container_12 .pull_3 {
	left:-240px;
}

.container_12 .pull_4 {
	left:-320px;
}

.container_12 .pull_5 {
	left:-400px;
}

.container_12 .pull_6 {
	left:-480px;
}

.container_12 .pull_7 {
	left:-560px;
}

.container_12 .pull_8 {
	left:-640px;
}

.container_12 .pull_9 {
	left:-720px;
}

.container_12 .pull_10 {
	left:-800px;
}

.container_12 .pull_11 {
	left:-880px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
body{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;

}
#header{
color:white;
}
#header_body{
height:300px;
background-image:url(images/background.jpg);
background-repeat:repeat-x;
}
#menu{
background-image: url(images/menu.jpg) ;
background-repeat:repeat-x;
height:38px;
}
#header_container{
padding-top:10px;
}
#logo{
padding-top:15px;
}
#logomain{
padding-top:15px;
position:absolute;
z-index:100;
}
#logo a img{
border:none;
}
#logomain a img{
border:none;
}
h1, h2, h3 {
margin-top:21px;
margin-bottom:21px;
font-family:Arial, Helvetica, sans-serif;
}
#header_body p, #header_body h1{
color:white;
}

#pages h2{
color:#233a54;
margin-bottom:0px;
}
#pages p{
margin-top:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#515151;
float:left;
margin-bottom:12px;
}
#pages a{
background-image:url(images/more.jpg);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:white;
text-align:center;
text-decoration:none;


}
#pages ul{
list-style-image: url(images/tick.jpg);

}
#pages ul li{
margin-top:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#515151;
clear:both;
padding-left:5px;
}
#pages img{
border:none;
float:right;
}
#sidebar{
margin-top:-45px;
}
#footer_background{
height:153px;
background-color:#141e27;
background-repeat:repeat-x;
clear:both;
padding-top:15px;
margin-top:10px;
}
#footer a{
color:white;
text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
}
#contact{
background-image:url(images/contact.png);
width: 320px;
height: 171px;
background-repeat:no-repeat;
}
#footer{
color:white;
font-family:Arial, Helvetica, sans-serif;
}
#footer p{
padding-left:10px;
padding-right:10px;
margin:0px;
font-size:12px;
width:260px;
}
#footer h3{
padding-left:10px;
padding-right:10px;
margin-bottom:5px;
}
#testimonal{
background-image:url(images/contact.png);
background-repeat:no-repeat;
width: 310px;
height: 171px;
}
#tweetdiv{
background-image:url(images/tweet.png);
width: 310px;
height: 171px;
background-repeat:no-repeat;
}
#amric{
background-image:url(images/amriclogo.jpg);
background-position:top;
width:115px;
height: 33px;

}
#amric:hover{
background-image:url(images/amriclogo.jpg);
background-position:bottom;
cursor:pointer;
}
#principle{
background-image:url(images/principlelogo.jpg);
background-position:top;
width:203px;
height: 51px;
}
#amricclientdiv a{
display:block;
margin:0px;
padding:0px;
background-image:url();
width:115px;
height:67px;
}
#principleclientdiv a{
display:block;
margin:0px;
padding:0px;
background-image:url();
width:203px;
height:103px;
}
#ukclientdiv a{
display:block;
margin:0px;
padding:0px;
background-image:url();
width:203px;
height:103px;
}
#principle:hover{
background-image:url(images/principlelogo.jpg);
background-position:bottom;
}
#amric, #principle, #ukyourway{
margin-bottom:20px;
cursor:pointer;
}
#ukyourway{
background-image:url(images/ukyourwaylogo.jpg);
background-position:top;
width:115px;
height: 113px;
}
#ukyourway:hover{
background-image:url(images/ukyourwaylogo.jpg);
background-position:bottom;

}
blockquote{
width:202px;
margin-left:5px;
margin-right:5px;

}
#featureimage{
background:transparent url(images/circle.png) repeat scroll 0 0;
height:105px;
margin-left:470px;
margin-top:-45px;
width:100px;
z-index:1000;
position:relative;
}
.slideshow{
margin-top:-42px;
overflow:hidden;
}
#menulist{
display:block;
float:left;
margin-top:0;
position:absolute;
}
#menulist ul{
margin:0px;
padding:0px;
}
#menulist ul li{
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;

}
#menulist a {
color:white;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:20px;
margin:0;
padding-top:5px;
padding-bottom:5px;
padding-left:4px;
padding-right:15px;
text-decoration:none;

}
#menulist #home a:hover {
background-image:url(images/home.png);
height:39px;
padding-left:4px;
padding-right:15px;
}
#menulist #services a:hover {
background-image:url(images/services.png);
height:39px;
background-repeat:no-repeat;
padding-left:4px;
padding-right:15px;
}
#menulist #clienttab a:hover {
background-image:url(images/clients.png);
background-repeat:no-repeat;
height:39px;
padding-left:4px;
padding-right:15px;
}
#menulist #website a:hover {
background-image:url(images/website.png);
background-repeat:no-repeat;
height:39px;
padding-left:4px;
padding-right:15px;
}
#menulist #us a:hover {
background-image:url(images/us.png);
background-repeat:no-repeat;
height:39px;
padding-left:4px;
padding-right:15px;
}
	

			
		.boxgrid{ 
				width: 460px; 
				height: 260px; 
				margin:10px;
				margin-left:0px; 
				float:left; 
				background:#161613; 
				border: solid 1px #A9A9A9; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:white; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220px;
 					left: 0;
 				}

.entry img{
float:right;
}
.entry p{
float:left;
}
				
		#post-5 p{ padding: 0 10px; color:white;}
						#post-5 a{ color:#C8DCE5; 	background-image:url(); padding:0px; }
 			  #post-5 h3{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
			  .entry{
			  margin-top:0px;
			  margin-bottom:0px;
			  }			
			#pages{
		margin-top:0px;
			}
			.more{
		height:40px;
padding-left:35px;
padding-right:41px;
width:120px;
padding-bottom:10px;
padding-top:6px;
			}
			.more p{
			width:40px;
			height:72px;
			}
		#twitter{
		width:400px;
		height:400px;
		}
		#tweet ul li, #tweet ul, #tweet li, #tweet p{
		list-style:none;
		padding:0px;
		margin:0px;
		width:280px;
		padding-left:5px;
		}
		#tweet{
		width:280px;
		padding-left:5px;
		padding-right:5px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		}
		#tweet a{
		color:white;

		}
		
		
		#slider{
height:301px;
overflow-x:hidden;
overflow-y:hidden;
width:100%;

}

#first{
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:#000000;
background-image:url(images/backgroundblue.jpg);
background-position:50% 0;
background-repeat:repeat-x;
height:301px;
width:100%;
overflow:hidden;
}
#first .campaign{
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url(images/hero.jpg);
background-position:center top;
background-repeat:no-repeat;
position:absolute;
text-indent:-9999px;
overflow:hidden;
}
#second .campaign{
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url(images/twitter.jpg);
background-position:center top;
background-repeat:no-repeat;
position:absolute;
text-indent:-9999px;
overflow:hidden;
}
#second{
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:#000000;
background-image:url(images/twitterblue.jpg);
background-position:50% 0;
background-repeat:repeat-x;
height:301px;
width:100%;
overflow:hidden;
}
#third .campaign{
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url(images/email.jpg);
background-position:center top;
background-repeat:no-repeat;
position:absolute;
text-indent:-9999px;
overflow:hidden;
}
#third{
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:#000000;
background-image:url(images/htmlbackground.jpg);
background-position:50% 0;
background-repeat:repeat-x;
height:301px;
width:100%;
overflow:hidden;
}
.campaign {
height:301px;
width:100% !important;
overflow:hidden;
}
#slider_controls {
width:128px;
}
#slider_controls ul{
list-style:none;
}
#slider_next{
background-image:url(images/up.png);
height: 45px;
width: 44px;
float:left;
background-repeat:no-repeat;
}
#slider_prev{
background-image:url(images/down.png);
height: 45px;
width: 44px;
float:right;
background-repeat:no-repeat;
}
#slider_next a{
display:block;
height: 45px;
width: 44px;
}
#slider_prev a{
display:block;
height: 45px;
width: 44px;
}
#menulist ul.sliderbutton{
margin-left:852px;
margin-top:5px;
}
.campaign a{
text-indent:-9999px;
}
.wpcf7-response-output wpcf7-mail-sent-ok{
float:left;
}
div.wpcf7-validation-errors{
float:left;
}
#phonelist{
list-style-image:url("images/iphone.png");
}
#emailist{
list-style-image:url("images/mail_plain.png");
}
#skypelist{
list-style-image:url("images/social_skype.png");
}
#twitterlist{
list-style-image:url("images/twitter_standing.png");
}
#writelist{
list-style-image:url("images/pencil.png");
padding-bottom:25px;
}
#contactinfo ul{
margin:0px;
padding-left:50px;
}

#contactinfo a{
clear:both;
color:#515151;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin-top:0;
padding-left:5px;
background-image:none;
}
#contactinfo {
margin-top:20px;
}
#menulist #contactus a:hover {
background-image:url(images/contactus_hover.png);
background-repeat:no-repeat;
height:39px;
padding-left:4px;
padding-right:15px;

}
#devinbox{
margin-left:-10px;
}