/*
Theme Name: Element 360 Theme
Author: Cubicle Ninjas
*/

/* STANDARD HTML TAGS */

* {margin:0;padding:0;}

body {width:100%;min-height:100%;height:100%;background-position: top center;background-repeat: no-repeat;background-color: #333;background-attachment: fixed;color:#fff;font-size:13px;line-height:21px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}


img.bg {text-indent:-2999px;color:#333;width: 100%;min-height:100%;*height:100%;position:fixed;top: 0;left: 0;z-index:-40;}

img.left, div.content.left {padding:0 20px;display:inline;}

a {color:#fff;text-decoration:none;}

a:hover {color:#9bc4e9;}

#wrapper a, #wrapper_no_bg a {color:#9bc4e9;text-decoration:none;}
#wrapper a:hover, #wrapper_no_bg a:hover {color:#fff;text-decoration:underline;}

a:active, a:focus {outline:#fff;}

p {margin-bottom:20px;}
h1 {margin-right:135px;padding:0 10px;margin-left:40px;text-indent:-9999px;height:50px;width:128px;background:url(http://element-360.com/wp-content/themes/e360/images/e360blue.png) no-repeat;}
h2 {display:block;margin:15px auto;font-size:60px;text-align:center;font-weight:normal;color:#fff;width:940px;text-transform:uppercase;position:relative;z-index:2;line-height:103px;}
h2.location {*margin-top:-230px;float:left;text-align:left;*position:relative;*z-index:1;height:190px;width:550px;}
h2.home {line-height:103px;margin:15px auto;}
h2 span {color:#9bc4e9;}
h2.page_ti {line-height:103px;}
div.rounded h2 {font-size:18px;margin:0;margin-bottom:20px;width:auto;text-align:left;text-transform:none;}

h3.black { color: #000; }
p.achievement-map-post-title { 
	color: #000; 
	font-size: 17px; 
	margin-right: 20px; 
	font-weight: bold; 
}

div.rounded ul {margin:10px 0 10px 40px;}
ul.left {list-style-type:none;margin-top:15px;}
label#user {padding-bottom:15px;float:left;}
div.rounded h4 {}
.row h3 {float:left;display:inline;}
h3 {font-size:32px;}
h4 {font-size:22px;padding-bottom:5px;margin-bottom:5px;}
.col h4 {background:url(images/div_line.png) center bottom no-repeat;}
blockquote h4 {font-size:22px;padding:0;margin:0;background:none;}
blockquote h4 em {font-style:italic;font-size:18px;}
h5 {font-size:22px;padding-bottom:5px;margin-bottom:5px;}
h5.button a:hover {color:#e1e1e1 !important;text-decoration:none !important;}
div.title {position:absolute;*position:relative !important;*z-index:1;left:500px;top:40px;}
div.title h3 {font-size:260px;position:relative;left:40px;z-index:1;filter:alpha(opacity=60);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
blockquote {width:260px;padding:10px 20px;float:left;display:inline;}
.left {float:left;display:inline;}
.pcenter {margin-right:45px;
text-align:left;
width:410px !important;}

hr {width:900px;height:1px;border:none;border-top:1px solid #fff;float:left;clear:left;filter:alpha(opacity=60);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;margin-bottom:20px;}

ol {margin-left:40px;margin-bottom:10px;}
ol li {margin-bottom:10px;}

img.alignleft {margin-right:10px;float:left;display:inline;}
img.alignright {margin-left:10px;float:right;display:inline;}
	
/* NAVIGATION */

div#nav {overflow:hidden;width:940px;*background:url(images/wrapper_bg.png) repeat;background:rgba(26,72,107,0.5) no-repeat 0 0;height:50px;margin:0 auto;-webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
div#nav ul li {display:inline;float:left;font-size:14px;border-right:1px solid #efefef;}
div#nav ul li.logo {border:none;}
div#nav ul li.logo a {padding:0;}
div#nav ul li.last {padding-right:0;border-right:none;}
div#nav ul li a {padding:15px 20px 14px;width:100%;height:100%;position:relative;display:block;}
div#nav ul li a:hover {color:#e1e1e1;}

div#nav_2 {overflow:hidden;width:940px;*background:url(images/wrapper_bg.png) repeat;background:rgba(26,72,107,0.5) no-repeat 0 0;height:50px;margin:0 auto;-webkit-border-top-right-radius: 4px;-webkit-border-top-left-radius: 4px;-moz-border-radius-topright: 4px;-moz-border-radius-topleft: 4px;border-top-right-radius: 4px;border-top-left-radius: 4px;margin-top:15px;}
div#nav_2 ul li {display:inline;float:left;font-size:14px;border-right:1px solid #efefef;}
div#nav_2 ul li.logo {border:none;}
div#nav_2 ul li.logo a {padding:0;}
div#nav_2 ul li.last {padding-right:0;border-right:none;}
div#nav_2 ul li a {padding:15px 20px 14px;width:100%;height:100%;position:relative;display:block;}
div#nav_2 ul li a:hover {color:#e1e1e1;}

/*
div#nav_2 {clear:left;margin:0 auto;margin-top:15px;}
div#nav_2 ul {margin:0 auto;*background:url(images/wrapper_bg.png) repeat;background:rgba(26,72,107,0.5) no-repeat 0 0;-webkit-border-top-right-radius: 4px;-webkit-border-top-left-radius: 4px;-moz-border-radius-topright: 4px;-moz-border-radius-topleft: 4px;border-top-right-radius: 4px;border-top-left-radius: 4px;overflow:hidden;width:940px;}
div#nav_2 ul li {display:inline;float:left;font-size:14px;border-right:1px solid #efefef;}
div#nav_2 ul li.logo {border:none;}
div#nav_2 ul li.logo a {padding:0;}
div#nav_2 ul li.last {padding-right:0;border-right:none;}
div#nav_2 ul li a {padding:15px 20px 14px;width:100%;height:100%;position:relative;display:block;}
div#nav_2 ul li a:hover {color:#e1e1e1;}
*/

div#photos {width:900px;margin:10px auto 0 auto;text-align:center;}
div#photos ul {width:100%;margin:0 auto;text-align:center;}
div#photos ul li {display:inline;margin-right:5px;}
div#photos ul li img {border:1px solid #fff;}

div#nav ul li#menu-item-3221, div#nav_2 ul li.menu-item-3221{ border:none;}


/* BODY */

#login {margin:0 auto;width:840px;text-align:right;}

#login ul {display:block;
float:left;
margin:10px auto 0;
text-align:right;
width:300px;}
#login ul p {float:left;display:inline;}
#login ul li {clear:left;display:inline;margin-right:20px;text-align:left;float:left;margin-bottom:0 !important;vertical-align:middle;padding-left:0 !important;width:100%;}
#login form {}
#login p {float:left;margin-bottom:0;clear:left;margin-top:10px;}
#login label {clear:both;text-align:left;}
#login input {margin-left:10px;width:150px;vertical-align:middle;}
#login input#rememberme {width:20px;margin-left:0;}
#login input.button {width:50px;margin-left:0;}
#login label[for="rememberme"] {width:120px;margin-right:50px;}
label#password {clear:left;}
label#password span {margin-right:2px;font-weight:bold;}
label#user span {font-weight:bold;}

#page {width:940px;position:relative;margin:0 auto;overflow:hidden;clear:left;}

/* #wrapper {overflow:hidden;background:rgba(26, 72, 107, 0.5) none repeat scroll 0 0;*background:url(images/wrapper_bg.png) repeat;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;padding:25px 20px;position:relative;} */

#wrapper, #wrapper div {overflow:hidden;background:rgba(26, 72, 107, 0.5) none repeat scroll 0 0;*background:url(images/wrapper_bg.png) repeat;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;padding:15px 20px;position:relative;}

#wrapper #sidebar { 
	background-color: transparent; 
	float: right; 
	width: 300px; 
	padding-top: 20px; 
	/* margin-right: 20px; */  
}

#wrapper_no_bg {background:none;}

#wrapper_no_bg div.rounded {background:rgba(26, 72, 107, 0.5) none repeat scroll 0 0;*background:url(images/wrapper_bg.png) repeat;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;padding:45px 40px;position:relative;}

#wrapper {width:900px;margin:0 auto;margin-bottom:19px;}
.wrapper_top {height:19px;position:absolute;left:0;top:-19px;background:url(images/wrapper_top.png) no-repeat scroll 0 5px;height:19px;width:940px;}
.wrapper_bottom {height:19px;position:absolute;left:0;bottom:46px;background:none;background:url(images/wrapper_bottom.png) no-repeat scroll 0 -4px;height:19px;width:940px;-moz-border-radius:none;padding:0;}

#wrapper div.content {width:220px;background:none;float:left;display:inline;}


#wrapper div.content.services_nav {width:100%;}
#wrapper div.content.services_nav ul {}
#wrapper div.content.services_nav ul li {margin-right:20px;padding-left:0;font-size:18px;text-align:center;float:left;width:126px;height:124px;list-style-type:none;display:inline;position:relative;}
#wrapper div.content.services_nav ul li a {position:relative;display:block;width:100%;height:70px;padding:28px 0 23px 0;float:left;}
#wrapper div.content.services_nav ul li a:hover {color:#fff;text-decoration:none;}
#wrapper div.content.services_nav ul li.one {background:url(images/1_box.png) -1px 0 no-repeat;border-right:none;}
#wrapper div.content.services_nav ul li.one:hover, #wrapper div.content.services_nav ul li.one.active {background:url(images/1_box_active.png) -1px 0 no-repeat;border-right:none;}
#wrapper div.content.services_nav ul li.one a, #wrapper div.content.services_nav ul li.four a, #wrapper div.content.services_nav ul li.six a {height:20px;padding:50px 0;}
#wrapper div.content.services_nav ul li.two a {height:45px;padding:40px 0 35px 0;}
#wrapper div.content.services_nav ul li.two {background:url(images/2_box.png) -1px 0 no-repeat;}
#wrapper div.content.services_nav ul li.two:hover, #wrapper div.content.services_nav ul li.two.active {background:url(images/2_box_active.png) -1px 0 no-repeat;}
#wrapper div.content.services_nav ul li.three {background:url(images/3_box.png) -1px 0 no-repeat;}
#wrapper div.content.services_nav ul li.three:hover, #wrapper div.content.services_nav ul li.three.active {background:url(images/3_box_active.png) -1px 0 no-repeat;}
#wrapper div.content.services_nav ul li.four {background:url(images/4_box.png) -1px 0 no-repeat;}
#wrapper div.content.services_nav ul li.four:hover, #wrapper div.content.services_nav ul li.four.active {background:url(images/4_box_active.png) -1px 0 no-repeat;}
#wrapper div.content.services_nav ul li.five {background:url(images/5_box.png) -1px 0 no-repeat;}
#wrapper div.content.services_nav ul li.five:hover, #wrapper div.content.services_nav ul li.five.active {background:url(images/5_box_active.png) -1px 0 no-repeat;}
#wrapper div.content.services_nav ul li.six {margin-right:0;background:url(images/6_box.png) -1px 0 no-repeat;}
#wrapper div.content.services_nav ul li.six:hover, #wrapper div.content.services_nav ul li.six.active {margin-right:0;background:url(images/6_box_active.png) -1px 0 no-repeat;}
#wrapper div#services_boxes {background:none;position:relative;float:left;clear:left;width:100%;}

img.number {position:absolute;left:20px;top:40px;}

#wrapper div.content.services_content#content_one {*background:url(images/wrapper_bg.png) repeat;float:left;clear:left;background:rgba(26, 72, 107, 0.5) none repeat scroll 0 0;min-height:800px;}
#wrapper div.content.services_content#content_two,#wrapper div.content.services_content#content_three,#wrapper div.content.services_content#content_four,#wrapper div.content.services_content#content_five,#wrapper div.content.services_content#content_six {background:rgba(26, 72, 107, 0.5) none repeat scroll 0 0;visibility:hidden;position:absolute;top:15px;left:20px;}

#wrapper div.content.services_number {width:70px;margin:0 20px;}
#wrapper div.content.services_content {width:820px;margin:0 10px 0 0;position:relative;overflow:auto;display:inline;}


#wrapper div.content.span_1 {width:280px;margin:0 10px;}
#wrapper div.content.span_2 {width:500px;margin:0 10px;}
#wrapper div.content.span_3 {width:840px;margin:0 10px;}

#wrapper div.row {width:620px;padding-right:0;float:right;display:inline;margin-bottom:25px;}
#wrapper div.row h3 {width:215px;margin-top:15px;}
#wrapper div.row img {float:left;margin-right:10px;}

#wrapper div.contentrow {width:490px;padding-right:10px;float:right;display:inline;margin-bottom:25px;}
#wrapper div.contentrow h3 {width:215px;margin-top:15px;}
#wrapper div.contentrow img {float:left;margin-right:10px;}

#wrapper div.col {overflow:hidden;width:166px;float:left;display:inline;margin-right:11px;}

#wrapper ul li {margin-bottom:20px; /*padding-left:10px; */}

#wrapper #sidebar ul { margin-left: 20px; }

h5.button {text-align:center;font-size:20px;padding-top:10px;width:166px;height:30px;background:url(images/button_bg.png) no-repeat;z-index:5;color:#b5b2b0;}

h5.button a {color:#3c9ad6;}
h5.button a:hover {color:#0f6296;}

h5.button.wide {background:url(images/wide_button_bg.png) no-repeat;width:480px;}

div#center {margin:0 auto;width:940px;text-align:right;padding-top:15px;}
div#center h4 {font-size:18px;}

/* CUSTOM CSS CLASSES */

.last {margin-right:0 !important;}
body div.qtip div.content{
   padding: 0;
   margin: 0;
   height: auto; min-height: auto;
   width: 250px; min-width: 240px;
}
img { border: 0px; } 

/* Home / Frontpage adjustments */
.home #wrapper{ background:rgba(26, 72, 107, .7) none repeat scroll 0 0;}


/* Achievements opacity adjustments */
.page-id-19 div.title h3{filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.page-id-19 hr {filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.page-id-19 div#nav_2 ul {background:rgba(26,72,107,0.7) no-repeat 0 0;}
.page-id-19 div#nav {background:rgba(26,72,107,0.7) no-repeat 0 0;}
.page-id-19 #wrapper, .page-id-19 #wrapper div {background:rgba(26, 72, 107, 0.7) none repeat scroll 0 0;}
.page-id-19 #wrapper_no_bg div.rounded {background:rgba(26, 72, 107, 0.7) none repeat scroll 0 0;}
.page-id-19 #wrapper div.content.services_content#content_one {background:rgba(26, 72, 107, 0.7) none repeat scroll 0 0;}
.page-id-19 #wrapper div.content.services_content#content_two, .page-id-19 #wrapper div.content.services_content#content_three, .page-id-19 #wrapper div.content.services_content#content_four, .page-id-19 #wrapper div.content.services_content#content_five, .page-id-19 #wrapper div.content.services_content#content_six {background:rgba(26, 72, 107, 0.7) none repeat scroll 0 0;}

.page-id-19 h2{ color:#224B67;}

li.widget{ list-style-type:none;padding-left:2px;}
div.textwidget{ background:transparent !important; }
div.textwidget ul li{ list-style-type: none;padding-left:0px !important;}


/* Blog Page */
.page-template-blog-php #wrapper a.permalink, .page-template-blog-php #wrapper_no_bg a.permalink,
.archive #wrapper a.permalink, .archive #wrapper_no_bg a.permalink{ color:#fff;}
.page-template-blog-php #wrapper a:hover.permalink, .page-template-blog-php #wrapper_no_bg a:hover.permalink{ color:#e1e1e1; text-decoration:none;}
#wrapper #comments div{ background:transparent;}

.page-template-blog-php #wrapper, .single-post #wrapper, .category #wrapper, .archive #wrapper {background:rgba(26, 72, 107, .7) none repeat scroll 0 0;position:relative;top:20px;}
.page-template-blog-php #wrapper #sidebar{ padding-top:12px;}

span.readmore{ font-style:normal; margin-left: .0em;font-size:11px;}

.cancel-comment-reply{ display:none;}
ul.catlist li{ float:left; margin-left: 2em; list-style: none outside none;}
#wrapper ul.catlist li a, #wrapper_no_bg ul.catlist li a{ color:#fff;}
#wrapper ul.catlist li a, #wrapper_no_bg ul.catlist li a:hover{ color:#e1e1e1;text-decoration:none;}
.rcomments{ padding:0;position:relative;top:20px;}
#comments h2{ line-height:1;}
#wrapper #comments{ background:rgba(26, 72, 107, 0.7) none repeat scroll 0 0;}
ol.commentlist li{ list-style-position: inside; background:rgba(26, 72, 107, 0.7) none repeat scroll 0 0;*background:url(images/wrapper_bg.png) repeat;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;padding:10px;position:relative;width:460px;}
#wrapper li .comment-body div{ line-height:1.6em;padding:0;}
#wrapper li .comment-body div.comment-meta{ margin-bottom:1.2em;font-size:10px;}
#wrapper li .comment-body{ padding-top:0px;}
#wrapper #comments .input{ padding-left:0;width:420px;}

#wrapper .pagination div, #wrapper .pagination{ background:transparent;padding-top:0;}
.nav-previous{ float:left;}
.nav-next{ float:right;}
#wrapper .pagination a:hover{ color:#9BC4E9;}
#wrapper span.meta-nav{ font-size:22px;}
#wrapper span.meta-nav-title{ font-size:22px;}
#wrapper span:hover.meta-nav-title{ }
.category #wrapper, .archive #wrapper, .tag #wrapper{ margin-bottom:5em;}

ol.commentlist{ margin:0 0 14px 0;list-style:none outside none;}
#comments input{ width:400px;}
#comments input#submit{ width:200px;}

.legalfooter {
margin-left:auto;
margin-right:auto;
  margin-top:0;
  width:850px;}