/* CSS Document */



.work-width h5{

padding: 15px;

background: url("/images/sce/arrow-red.png") no-repeat right center;

max-width: 340px;

}



#serviceblurb{

margin-top: 40px;

}



#serviceblurb #clientinfo{

margin-top: 0;

}



/* Global Classes */

*			{padding: 0px; margin: 0px;}

#container :focus       {background-color: transparent;}

#container input:focus  {background-color: #FFC;}

.clear			{clear: both; height: 0px; line-height: 0px; font-size: 0px;}

.inner_left_content     {float: left; display: block; width: 200px; margin-right: 10px;}

.inner_right_content    {float: left; display: block; width: 200px;}

.highlight		{background: #ffc;}

.nobullet		{list-style: none;}

.error, .red		{background: #FFEBE8 none repeat scroll 0%; border: 1px solid #DD3C10; margin: 0px 10px 10px; padding: 10px; display: block;}

.correct, .green	{background: #E6FCE6 none repeat scroll 0%; border: 1px solid #84DB12; margin: 0px 10px 10px; padding: 10px; display: block;}

.info			{background: #FBFCE6 none repeat scroll 0%; border: 1px solid #D9B411; margin: 0px 10px 10px; padding: 10px; display: block;}

.required_fields	{color: red;}

a img			{border: none; text-decoration: none;}

img a			{border: none; text-decoration: none;}

/* End Global Classes */



/* Website Admin Styles */

body.editor {background: #FFF;}

body.editor li {font-size: 14px; line-height: 18px; color: #000; margin: 10px 0px 0px 20px;}

/* End Website Admin Styles */



body {

font-family: 'Raleway', Arial, sans-serif;

/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

font-family: "Georgia", Times New Roman, Times, serif;

font-family: "Arial", Helvetica, sans-serif;

font-family: "Times New Roman", Times, serif;

font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

font-family: "Verdana", Geneva, sans-serif;*/

background: #000 url("../images/sce/body-bg.jpg") no-repeat center top;

padding: 20px 0px;

}





/* Header Styles */

#headeroutside{

width: 100%;

background: #fff;

}



#header{

max-width: 1080px;

margin: 0 auto;

background: transparent;

}



#logo{

float: left;

}



#logo img{

float: left;

}

/* Header Styles */





/* Menu Styles */

#menu {

float: right;

display: block;

width: 515px;

}



#menu ul {

list-style: none;

}



#menu ul li {

float: left;

position: relative;

font-size: 22px;

line-height: 22px;

padding-top: 150px;

}

#menu ul li img {

display: none;

}



#menu a {

display: block;

width: auto;

height: 20px;

color: #666666;

text-decoration: none;

padding: 5px 0 0 20px;

}



#menu a:hover, #menu a.main_current, #menu .selected a {

color: #d60000;

}



#menu6{

display: none;

}

/* Menu Styles */



/* Slideshow Styles */



#slideshowoutside{

width: 100%;

background: #cf2127 url("/images/sce/gradient-red.jpg") repeat-x center top;

box-shadow: 0 0 20px #888;

display: block;

}



#slideshow{

max-width: 1080px;

margin: 0 auto;

}



/* End of Slideshow Styles */



#contentoutside{

background: #fff url("/images/sce/content-bg.jpg") top left;

width: 100%;

}



h1{

color: #fff;

font-size: 48px;

text-align: left;

padding: 30px 0 10px 0;

font-weight: normal;

display: block;

}



#content{
max-width: 1080px;
margin: 0 auto;
min-height: 200px;
}

#content .innerBannerRemove, .innerBanner {
display: none;
}

#content p {
font-size: 14px;
color: #666666;
line-height:20px;
margin: 10px 0 10px 0;
}

.blog-post li {
font-size: 14px;
color: #666666;
line-height:20px;
}


#content li {
color: #666666;
font-size: 14px;
line-height:20px;
    margin-left: 2px;
}



#content a {

color: #d60000;

text-decoration: none;

}



#content a:hover {

color: #333;

}



.contentheader{

width: 100%;

color: #fff;

border-top: 2px solid #fff;

}



.contentheader-internal{

max-width: 1080px;

margin: 0 auto;

}



	.contentheader p{

	font-size: 18px;

	padding-bottom: 30px;

	}

	

	.contentheader .h1{

	font-size: 18px;

	padding-bottom: 30px;

	}



.contentheader .heading{

color: #fff;

font-size: 48px;

text-align: left;

padding: 30px 0 10px 0;

font-weight: normal;

display: block;

}



#red-grad{  background: #820000 url("/images/sce/red-grad.jpg") repeat-x top left;  }

#blue-grad{  background: #1b73b3 url("/images/sce/blue-grad.jpg") repeat-x top left;  }

#grey-grad{  background: #424242 url("/images/sce/grey-grad.jpg") repeat-x top left;  }

#aqua-grad{  background: #46697f url("/images/sce/aqua-grad.jpg") repeat-x top left;  }

#dark-blue-grad{  background: #315c93 url("/images/sce/dark-blue-grad.jpg") repeat-x top left;  }

#green-grad{  background: #2ca35a url("/images/sce/green-grad.jpg") repeat-x top left;  }

#yellow-grad{  background: #e2cc4a url("/images/sce/yellow-grad.jpg") repeat-x top left;  }







#content h2{
	color: #d60000;
	font-size: 26px;
	text-align: center;
	padding: 50px 0 30px 0;
	font-weight: normal;
}

#content h3{
color: #d60000;
font-size: 32px;
text-align: left;
padding: 30px 0 30px 0;
font-weight: normal;
}

#content h4, #content h5, #content h6{
color: #c7c7c7;
font-size: 25px;
text-align: left;
padding: 10px 0px 15px 15px;
font-weight: normal;
}



	.clienttitle{

	padding: 0 !important;

	margin: 50px 0 30px 0;

	background: transparent url("/images/sce/client-title-bg.png") no-repeat top center;

	}



#mobiletagline{

display: none;

}



#services{

width: 865px;

margin: 0 auto;

}



#services img{

padding: 5px;

}



#services a{

text-decoration: none;

}



.services-rollover a {

display: block;

text-decoration: none;

position:relative;

float:left;

}



.services-rollover a span {

display: none;

position: absolute;

top:0;

left:0;

max-width: 100%;

}



.services-rollover a:hover span {

display: block;

}



#team img{

max-width: 100%;

margin: 0 auto;

display: block;

}



#team #profilepic{

cursor: default;

}



#team h4{

text-align: center;

color: #d60000;

margin: 10px 0;

}



#team h5{

text-align: center;

font-size: 12px;

text-transform: uppercase;

}



#team p{

font-size: 16px;

margin: 10px 0;

}



#howwework{

padding-bottom: 30px;

}



#howwework p{

margin: 50px 0 0 20px;

font-size: 16px;

}



#howwework img{

width: 100%;

}



#howwework .col{

margin: 0;

}



#right{

float: right;

}



#right p{

margin: 50px 20px 0 0;

}



#leftborder{

border-left: 2px dotted #d60000;

height: 20px;

width: 85%;

margin: 0 auto;

}



#toprightborder{

border-top: 2px dotted #d60000;

border-right: 2px dotted #d60000;

height: 20px;

width: 85%;

margin: 0 auto;

}



#rightborder{

border-right: 2px dotted #d60000;

height: 20px;

width: 85%;

margin: 0 auto;

}



#topleftborder{

border-top: 2px dotted #d60000;

border-left: 2px dotted #d60000;

height: 20px;

width: 85%;

margin: 0 auto;

}



#calltoaction{

padding: 20px 0;

text-align: center;

}



#calltoaction a{

padding: 10px 40px;

margin: 0 auto;

width: 50%;

color: #fff;

display: block;

background: #820000 url("/images/sce/red-grad.jpg") repeat-x center left; 

font-size: 22px;

text-decoration: none;

}



#calltoaction a:hover{

background: #666666;

}



#features h3{

padding: 30px 0 15px 0;

}



#features ul{

margin: 0 0 0 20px;

}



#features li{

font-size: 16px;

padding: 0 0 10px 0;

}



#clientquote{

background: #d8d8d8;

border-radius: 20px;

display: block;

padding: 14px;

margin: 20px 0 0 0;

}



#clientquote .clientname{

color: #d60000;

margin-top: 15px; 

display: block;

text-align: right;

}



#clientquote .quote{

font-style: italic;

}



#aboutproject p{

margin-right: 30px;

}



#aboutproject #clientquote{

margin-right: 30px;

}



.projectdesc{

min-height: 86px;

margin-bottom: 20px;

}



#clientinfo{

margin: 108px 0 1% 1.6%;

}



#clientinfo p{

padding: 0 0 0 20px;

}



#content #clientinfo p{

color: #666;

}



#clientinfo a{

font-size: 12px;

color: #666;

text-decoration: none;

}



#clientinfo a:hover{

color: #d60000;

}



#projectcontact{

margin: 20px 0 20px 20px;

padding: 15px;

max-width: 237px;

/*background: #820000 url("/images/sce/red-grad.jpg") repeat-x center left;*/

background-color: #a00000; 

background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d60000), to(#820000));

background-image: -webkit-linear-gradient(top, #d60000, #820000); 

background-image:    -moz-linear-gradient(top, #d60000, #820000);

background-image:     -ms-linear-gradient(top, #d60000, #820000);

background-image:      -o-linear-gradient(top, #d60000, #820000);

}



#projectcontact:hover{

background-color: #5d5d5d; 

background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a7a7a7), to(#393939));

background-image: -webkit-linear-gradient(top, #a7a7a7, #393939); 

background-image:    -moz-linear-gradient(top, #a7a7a7, #393939);

background-image:     -ms-linear-gradient(top, #a7a7a7, #393939);

background-image:      -o-linear-gradient(top, #a7a7a7, #393939);

}



	#content #projectcontact p{

	color: #fff;

	padding: 0;

	margin-top: 10px;

	display: block; 

	}

	

	#content #projectcontact h3{

	font-size: 26px;

	color: #fff;

	margin: 10px 0;

	padding: 0;

	background: url("/images/sce/arrow.png") no-repeat right top;

	width: 155px;

	}





.allprojects a{

color: #666;

text-decoration: none;

display: block;

background: transparent url("/images/sce/workslideshows/nav-left.png") no-repeat left top;

padding: 0 0 0 15px;

margin: 0 0 20px 0;

}



.nextproject{

text-align: right;

}



.nextproject a{

color: #666;

text-decoration: none;

display: block;

background: transparent url("/images/sce/workslideshows/nav-right.png") no-repeat right top;

padding: 0 15px 0 0;

margin: 0 0 20px 0;

}



.nextproject a:hover, .allprojects a:hover{

color: #d60000;

}





/* MAP CSS */



.iframe-rwd  {

position: relative;

height: 385px;

overflow: hidden;

}

.iframe-rwd iframe {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}



#mapoverlay{

height: 385px;

width: 400px;

right: 0;

position: absolute;

z-index: 1000;

background: transparent url("/images/sce/mapoverlay.png") no-repeat top right; 

}



	#mapoverlay h4{

	color: #e4c600;

	margin: 215px 70px 0 90px;

	}

	

	#mapoverlay p{

	color: #fff;

	font-size: 14px;

	margin: 10px 70px 0 90px;

	}

	

	#map{

	display: none;

	}

	

		#map img{

		display: block;

		width: 100%;

		}

		

	.mapbutton{

	display: none;

	}



/* END MAP CSS */



#contactoptionsoutside{

width: 100%;

background: #666;

}



#contactoptions{

max-width: 1080px;

padding: 30px 0;

margin: 0 auto;

    min-height: 450px;
}



#contactoptions h3{

color: #fff;

padding: 6px 0 30px 45px;

font-size: 22px;

}


#contactform br{
display: none;
}

.contactcolumn{

float: left;

width: 293px;

height: 368px;

display: block;

padding: 0 30px;

}



	#contactoptions #centercolumn{

	border-left: 2px dotted #fff;

	border-right: 2px dotted #fff;

	font-size: 16px;

	color:#fff;

	margin: 0 auto;

	}

	

	#contactoptions #centercolumn p{

	padding: 3px 0;

	}

	

	#contactoptions #centercolumn a{

	color: #fff;

	text-decoration: none;

	}

		

		#contactoptions #centercolumn a:hover{

		text-decoration: underline;

		}

	

	#send-message{background: #666 url("/images/sce/send-message-bg.jpg") no-repeat top left;}

	#get-in-touch{background: #666 url("/images/sce/get-in-touch-bg.jpg") no-repeat top left;}

	#latest-tweets{background: #666 url("/images/sce/latest-tweets-bg.jpg") no-repeat top left;}





/* Footer Contact Form */



#footer-contact-container{

width: 300px;

/*height: 500px;*/
min-height: 300px;

display: block;

background: #666;

color: #fff;

}



#footer-contact{

width: 300px;

background: #666;

}



#footer-contact input{

width: 290px;

height: 25px;

padding: 5px;

background: #949494;

border: none;

}



#footer-contact textarea{

width: 290px;

padding: 5px;

background: #949494;

border: none;

resize: none;

}



#footer-contact label{

font-size: 14px;

display: block;

padding: 0 0 5px 0;

}



#footer-contact .separator{

height: 5px;

display: block;

}



#footer-contact .indent input{

background: #666 url("/images/sce/arrow.png") no-repeat top right;

color: #ffe400;

font-size: 24px;

text-align: left;

cursor: pointer;

height: 32px;

width: 190px;

padding: 0 0 5px 0;

display: block;

margin: 10px 0;

}



/* End of Footer Contact Form */



/* Contact Form */



#contact-left, #contact-right{

float: left;

}



#contact-right{

width: 400px;

}



#contact-right p{

float: left;

font-size: 14px;

padding-right: 12px;

color: #666;

padding-bottom: 20px;

}



#contact-right a{

color: #666;

text-decoration: none;

}



#contact-left input{

width: 350px;

height: 25px;

padding: 5px;

background: #fff;

border: 2px solid #cdcdcd;

}



#contact-left textarea{

width: 350px;

padding: 5px;

background: #fff;

border: 2px solid #cdcdcd;

resize: none;

}



#contact-left label{

font-size: 14px;

display: block;

padding: 0 0 5px 0;

}



#contact-left .separator{

height: 5px;

display: block;

}



#contact-left .indent input{

background: #820000 url("/images/sce/red-grad.jpg") repeat-x center left; 

color: #fff;

font-size: 20px;

text-align: left;

cursor: pointer;

height: 35px;

width: 190px;

padding: 5px;

display: block;

margin: 10px 0;

border: none;

}



/* End of Contact Form */





#phone{ 

background: #666 url("/images/sce/phone.jpg") no-repeat top left;

padding: 3px 0 3px 30px !important;

display: block;

}

#envelope{ 

background: #666 url("/images/sce/envelope.jpg") no-repeat top left; 

padding: 3px 0 3px 30px !important;

display: block;

}



/* Twitter */



.twtr-hd, .twtr-ft, .twtr-reply, .twtr-rt, .twtr-fav{

display: none;

}



.twtr-tweet-text{

color: #fff;

}



.twtr-widget .twtr-tweet{

border-bottom: 2px dotted #fff !important;

}



/* End of Twitter */





#footeroutside{

background: #949494;

}



#footer{

width: 934px;

margin: 0 auto;

color: #fff;

font-size: 12px;

padding-top: 20px;

height: 30px;

}

#footer ul {
	margin: 0;
	padding: 0;
}

#footer ul li {
	list-style: none;
	float: none;
	margin: 0;
	padding: 0;
	display: inline;
}


	#footer a{

	color: #fff;

	text-decoration: none;

	padding-left: 10px;

	}

	

	#footer a:hover{

	color: #666;

	}



.footer-left{

float: left;

width: 50%;

}



.footer-right{

float: right;

width: 50%;

text-align: right;

}





/* Responsive Grid System */



/*  SECTIONS  ============================================================================= */



.section {

	clear: both;

	padding: 0px;

	margin: 0px;

}



/*  GROUPING  ============================================================================= */





.group:before,

.group:after {

    content:"";

    display:table;

}

.group:after {

    clear:both;

}

.group {

    zoom:1; /* For IE 6/7 (trigger hasLayout) */

}



/*  GRID COLUMN SETUP   ==================================================================== */



.col {

	display: block;

	float:left;

	margin: 1% 0 1% 0;

}
.services_1 .col {
	float: right;
}

.col:first-child {

margin-left: 0;

padding-left: 0;

} /* all browsers except IE6 and lower */



/*  GRID OF TWO   ============================================================================= */





.span_2_of_2 {

	width: 100%;

}



.span_1_of_2 {

	width: 50%;

}



/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */



@media only screen and (max-width: 480px) {

	.span_2_of_2 {

		width: 100%; 

	}

	.span_1_of_2 {

		width: 100%; 

	}

}





/*  GRID OF THREE   ============================================================================= */



	

.span_3_of_3 {

	width: 100%; 

}



.span_2_of_3 {

	width: 66.1%; 

}



.span_1_of_3 {

	width: 33.3%; 

}





/*  GRID OF FIVE   ============================================================================= */



.span_1_of_5 {

  	width: 19%;

  	margin: 0 0.5% !important;

}





/* END GRID OF FIVE   ============================================================================= */





.span_5_of_6 {

  	width: 83.06%;

}



.span_1_of_6 {

  	width: 15.33%;

}



.span_2_of_2 {

	width: 100%;

}



.span_1_of_2 {

	width: 50%;

}



.span_1_of_2_alt {

	width: 49.2%;

}





.span_3_of_4 {

	width: 74.6%; 

}



.span_1_of_4 {

	width:23.3%; 

}





/* End Responsive Grid System */



.work-width {

margin: 0px;

}



.work-width p {

margin-bottom: 15px;

}



.work-2-col-left img, .work-2-col-right img, .work-3-col-left img, .work-3-col-mid img, .work-3-col-right img {

max-width:100%;  

}



.work-2-col-left p, .work-2-col-right p, .work-3-col-left p, .work-3-col-mid p, .work-3-col-right p {

text-align: center;

margin-top: 15px;

display:block;

}



.work-2-col-left {

max-width: 100%;

margin-right: 18px !important;

}



.work-2-col-right {

max-width: 100%;

margin-left: 18px !important;

}



.work-3-col-left {

max-width: 100%;

margin-right: 20px !important;

}



.work-3-col-mid {

max-width: 100%;

margin-right: 10px !important;

margin-left: 10px !important;

}



.work-3-col-right {

max-width: 100%;

margin-left: 20px !important;

}





/*  IMAGE ROLLOVER   ============================================================================= */



.work-2-col-left a, .work-2-col-right a, .work-3-col-left a, .work-3-col-mid a, .work-3-col-right a {

display: block;

text-decoration: none;

position:relative;

}



.work-2-col-left a span, .work-2-col-right a span, .work-3-col-left a span, .work-3-col-mid a span, .work-3-col-right a span {

display: none;

position: absolute;

top:0;

left:0;

max-width: 100%;

}



.work-2-col-left a:hover span, .work-2-col-right a:hover span, .work-3-col-left a:hover span, .work-3-col-mid a:hover span, .work-3-col-right a:hover span {

display: block;

}



.work-width p a {

color: #666666;

}



.work-width p a:hover {

color: #d60000;

}



/* END IMAGE ROLLOVER */



/*SERVICES PAGE STYLES*/



.work-2-col-left a:hover span, .work-2-col-right a:hover span, .work-3-col-left a:hover span, .work-3-col-mid a:hover span, .work-3-col-right a:hover span {

display: block;

}



.services-2-col-left img, .services-2-col-right img {

max-width:100%;  

}



.services-2-col-left p, .services-2-col-right p {

text-align: left;

display:block;

padding:0px 15px;

margin-bottom: 10px;

}



.services-2-col-left h3, .services-2-col-right h3 {

padding-left:15px !important;

padding-bottom:10px !important;

}



.services-2-col-left {

max-width: 100%;

margin-right: 18px !important;

}



.services-2-col-right {

max-width: 100%;

margin-left: 18px !important;

}



.show-480px {

text-align: center;

display:none;

}



.show-480px img {

max-width:100%;  

}



/*SERVICES EXAMPLES STYLES*/



.services-examples-3-col-left a:hover span, .services-examples-3-col-mid a:hover span, .services-examples-3-col-right a:hover span {

display: block;

}



.services-examples-3-col-left a, .services-examples-3-col-mid a, .services-examples-3-col-right a {

display: block;

text-decoration: none;

position:relative;

}

.services-examples-3-col-left a span, .services-examples-3-col-mid a span, .services-examples-3-col-right a span {
display: none;
position: absolute;
top:0;
left:0;
max-width: 100%;
}

.services-examples-3-col-left {
max-width: 100%;
margin-right: 20px !important;
}

.services-examples-3-col-mid {
max-width: 100%;
margin-right: 10px !important;
margin-left: 10px !important;
}

.services-examples-3-col-right {
max-width: 100%;
margin-left: 20px !important;
}

.post-list img{
max-width: 100%;
    display: block;
    }

#content .blog-post h2 {
	color: #d60000;
	font-size: 26px;
	text-align: left;
	padding: 5px 0;
	font-weight: normal;
}

#content .post-body h3 {
    font-size: 20px;
    padding: 15px 0;
}

#content .blog-post h2.post-title {
	font-size: 30px;
    font-weight: bold;	
    border: 0px none;
}

#content .post-body .links {
	margin-top: 13px;
}

p.page-nav {
    text-align: left;
}

.blogRightHolder h4 {
    border-bottom: 1px solid #E7D9B9;
    font-size: 14px;
    padding: 4px;
    text-align: center;
    background: #760000;
    font-weight: normal;
    color: #eeeeee;
}

.blogRightHolder ul li {
    background: url("http://www.myarttracker.com/sites/all/themes/testtheme/images/red-circle.png") no-repeat 0 13px;
    padding: 5px 0 5px 15px;
    font-size: 13px;
    line-height: 22px;
}

.blogRightHolder ul li a {
	color: #5E191A;
}


#content .post-body ol li {
	margin: 8px 0 5px 21px
}

.search-box {
    padding: 0 0 15px;
}
	
.shareHolder {
	margin: 10px 0 15px;
}

.searchBox {
    width: 65%;
    background: url("../images/search.png") no-repeat scroll 5px 6px #FAFAFA;
    border: 1px solid #DDDDDD;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    color: #888888;
    font-size: 13px;
    height: 22px;
    line-height: 1.2em;
    padding: 4px 10px 4px 28px;
}

.error, .red {
	border: 0;
	padding: 0;
}

#blog-list-container {width: 90%;}