/* Start of CMSMS style sheet 'Main Style' */
body, html {width: 100%; margin:0; padding:0; }

img {
   border: 0;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 1, 2010 */

@font-face {
	font-family: 'InsolentRegular';
	src: url('type/insolent-webfont.eot');
	src: local('☺'), url('type/insolent-webfont.woff') format('woff'), url('type/insolent-webfont.ttf') format('truetype'), url('type/insolent-webfont.svg#webfontKVq6bmWy') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'InsolentItalic';
	src: url('type/insolent-italic-webfont.eot');
	src: local('☺'), url('type/insolent-italic-webfont.woff') format('woff'), url('type/insolent-italic-webfont.ttf') format('truetype'), url('type/insolent-italic-webfont.svg#webfontQmM54D9y') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*
Set initial font styles
*/
body {
   text-align: center;
   font-family:'Myriad Pro', Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 100.01%;
   line-height: 1em;
}

a,
a:link,
a:active,
a:visited {
   text-decoration: none;
   color: #af282e; 
   background-color: transparent;
}

a:hover {
   text-decoration: underline;
   color: #500000;
   background-color: inherit;

}

/*****************
link styling 
*****************/
#companynav
{ float:left;
margin-right:39px;
margin-top:55px;
margin-left:13px;
width: 101px;
height: 28px;
background-color: transparent;
background-image: url(images/company.gif);
}

#servicesnav
{ float:left;
margin-right:39px;
margin-top:55px;
width: 82px;
height: 28px;
background-color: transparent;
background-image: url(images/services.gif);
}

#worknav
{ float:left;
margin-right:39px;
margin-top:55px;
width: 55px;
height: 28px;
background-color: transparent;
background-image: url(images/work.gif);
}

#clientsnav
{ float:left;
margin-right:38px;
margin-top:55px;
width: 68px;
height: 28px;
background-color: transparent;
background-image: url(images/clients.gif);
}

#blognav
{ float:left;
margin-right:20px;
margin-top:55px;
width: 55px;
height: 28px;
background-color: transparent;
background-image: url(images/blog.gif);
}

body#company a#companynav,
body#services a#servicesnav,
body#work a#worknav,
body#clients a#clientsnav,
body#blog a#blog,
#companynav:hover,
#servicesnav:hover,
#worknav:hover,
#blognav:hover,
#clientsnav:hover { background-position: 0pt -28px;}

#companynav span, #servicesnav span, #worknav span, #clientsnav span, #blognav span {display:none;}

/*****************
slider
*****************/
a:focus {
	outline: none;
}
#panel {
	background: #666 url(images/panel_bg.jpg) repeat-x;
        color:white;
	height: 200px;
        border-bottom:1px solid #828282;
	display: none;
}

.slide {
	margin: 0;
	padding: 0;
	border-top: 0;
        text-align:left;
       height:34px;
}
.btn-slide {
	padding: 0;
	margin: 0 510px 0 0;
        background-image: url(images/slide.gif);
        background-position: 0 0;
        float:right;
}

.btn-slide:hover {
       background-position:0 -34px;
}
.active {
       background-position:0 -68px;
}
.active:hover {
       background-position:0 -68px;
}

#twitter_update_list {margin:10px 15px 0 0; padding:0; }
#twitter_update_list li { list-style-type:none; }
#twitter_update_list li span {display:block;}

#panel a,
#panel a:link,
#panel a:active,
#panel a:visited {
   text-decoration: none;
   color: #36ccff;
   background-color: transparent;
}
#panel a:hover { color:white; background-color: transparent; }


/*****************
basic layout 
*****************/

body {
   background: #500000 url(images/top_bg.jpg) repeat-x top left;
   color: #333;
   margin:0;
}


#top {
   border: 0;
   margin: 0;
   width: 100%;
   height: 158px;
   text-align: center;
   background: #000 url(images/top_bg.jpg) repeat-x;
   color: white;
}

#header {
   margin:0 auto;
   width: 1040px;
   height: 158px;
   background: transparent url(images/phone.jpg) no-repeat top right;
   text-align: right;     
}

#middle {
   border: 0;
   margin: 0;
   width: 100%;
   text-align: center;
   background-color: white;
   color:black;
}


#content {
   margin: 0 auto;
   background: white;
   width: 1040px;
   text-align: left;
   padding: 25px 0 0 0;
   font-size: 0.8em;
}

#main {
   margin: 0 35px;
   overflow: hidden;

}

#maincontent {
   margin: 0 auto;
   background: white;
   width: 1040px;
   text-align: left;
   padding: 25px 0 0 0;
   font-size: 0.85em;
}

body#work #wrapper {
   margin: 1em 27px;
   overflow: hidden;
}

#wrapper {
   margin: 30px 95px;
   overflow: hidden;

}

.shtitle {
cursor: pointer; 
font-weight:bold;
font-size:1.2em;
line-height:1.2em;
margin-left:160px;
}

.shcontent, .shsummary {
margin-left:160px;
}

.plus {background: url(images/plus_bg.jpg) no-repeat center left; color:#500000;}
.plus:hover, .minus:hover {color:#333;}
.minus {background:url(images/minus_bg.jpg) no-repeat center left; color:#500000;}


.service {
   margin-right: 60px;
   width: 150px;
   height: 200px;
   text-align: center;
   font-size: 1.4em;
   text-transform: uppercase;
   float: left;
}

.service_end {
   width: 150px;
   height: 200px;
   text-align: center;
   text-transform: uppercase;
   font-size: 1.4em;
   float: left;
}

.service img, .service_end img {
   margin-bottom: 10px;
}

.service a, .service_end a,
.service a:link, .service_end a:link,
.service a:active, .service_end a:active,
.service a:visited, .service_end a:visited 
{
   text-decoration: none;
   color: #999;
   font-family: 'Trebuchet MS'; 
}

.service a:hover, .service_end a:hover 
{
   color: #af282e;
   background-color: transparent;
   font-family: 'Trebuchet MS';

}

.padded td {padding:1em;}

#left {
   margin: 0;
   width: 615px;
   text-align: left;
   float: left;
}

#right{
   width: 355px;
   float: left;
}

#sidebar{
   padding-left: 40px;
   text-align: center;
}

#bottom {
   clear:both;
   width: 100%;
   text-align: center;
   background-color: #500000
}

#footer {
   color: #fff;
   padding-top: 50px;
   padding-bottom: 20px;
   background: transparent url(images/footer_bg.jpg) no-repeat top center;
   font-size: 0.7em;
   overflow: hidden;
   letter-spacing:0.05em;
   text-align: center;
   font-family: 'Trebuchet MS';
   width: 1040px;
   margin:0 auto;
}

#footer a {
   color: #fff;
   background-color: transparent;
}

#client_wrapper {
   margin:0 auto;
   text-align:center;
}

#client_login {
   margin:0 auto;
   width:360px;
   padding-top: 10px;
   padding-bottom: 20px;
   text-align:center;

}

#phoenix, #client_login {
   border-top:1px solid #CCC;
   border-left:1px solid #CCC;
   border-right:1px solid #999;
   border-bottom:1px solid #999;
   background: #EEE url(images/client_bg.jpg) repeat-x 0 0;
}

.client_input {
        margin:5px auto;
        width:312px;
        text-align:left;
}

.client_input input {
	width:100%;
}

#client_captcha {
	padding-left:20px;
        padding-bottom: 10px;
}

hr {
   color: #af282e;
   background-color: #af282e;
   border:0;
   height: 1px;
   width: 100%;
   margin: 0.4em auto;
}

div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}

.rates {margin-bottom:1em; clear:both;}
.rates p{font-size:0.8em; font-style:italic;}
.rates h4 {
   color: #000;
   font-family: 'Trebuchet MS';
   font-size: 1.2em;
   margin: 0.25em 0 0 0 ;
   text-transform: none;
   background-color: transparent;
}
.rates h2 {
   color: #af282e; 
   font-size: 1.4em;
   margin: 0.5em 0;
   font-family: 'Trebuchet MS';
   font-weight: normal;
   text-transform: uppercase;
   background-color: transparent;
}


/********************
CONTENT STYLING
*********************/

/* HEADINGS */
h1 {
   font-size: 1.7em;
   line-height:1.8em;
   color: #af282e;
   font-family: 'Myriad Pro', Verdana, Geneva, Arial, Helvetica, sans-serif;
   margin: 0 0 0.5em 0;
   background-color: transparent;
}
h3  {
   color: #500000; 
   font-size: 1.1em;
   margin: 0 0 0.25em 0;
   font-style: italic;
   font-weight: normal;
   font-family: Georgia, Times, serif;
   background-color: transparent;
}

body#work h3  {
   color: #af282e; 
   padding:10px;
}
*html body#work h3{font-weight:bold;}

h2 {
   color: #000;
   font-family: 'Myriad Pro', Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 1.2em;
   margin: 0 0 0.25em 0;
   background-color: transparent;
}
h4 {
   color: #fff; 
   font-size: 1.4em;
   margin: 0 0 0.5em 0;
   font-family: 'Myriad Pro', Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-weight: normal;
   text-transform: uppercase;
   background-color: transparent;
}
h5 {
   font-size: 1.1em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 1em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   margin: 0 0 1.25em 0;
   line-height:1.5em;
   padding: 0;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.5em;
}

strong, b {
/* explicit setting for these */
   font-weight: bold;
   font-family: 'Myriad Pro', Verdana, Geneva, Arial, Helvetica, sans-serif;
}

big {
/* explicit setting for these */
   font-size:1.25em;
}

em, i {
/* explicit setting for these */
   font-style:italic;
   font-family: 'Myriad Pro', Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#phoenix { text-align:left; padding:1.25em 1.25em 0 1.25em;}
/* END TEXT */

/* LISTS */
ul#twitter_update_list {
  font-size: 1.0em;
   line-height:1.4em;
   font-style: italic;
   font-family: Georgia, Times, serif;

}
#panel li {
   margin: 0 0 0.25em 3em;
}

ul, ol, dl, #phoenix {
  font-size: 1.0em;
   line-height:1.4em;
   font-style: italic;
   font-family: Georgia, Times, serif;
}

ul, ol, dl { margin: 0.5em 0 1.25em 0; }

ul li,
ol li {
   margin: 0 0 0.25em 3em;
}

body#work ul li,
body#work ol li {
   margin: 0;
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}
/* END LISTS */

/********************
SCROLL FUNCTION
*********************/

/* main vertical scroll */
body#work #main {
	position:relative;
	overflow:hidden;
	height: 500px;
        margin:0;
}

/* root element for pages */
#pages {
	position:absolute;
	height:20000em;
}

/* single page */
.page {
	padding:10px
	height: 500px;
	background:#500000 url(uploads/images/scroller_bg.jpg) 0 0 repeat-x;
	width:900px;
}

/* root element for horizontal scrollables */
.scrollable {
	position:relative;
	overflow:hidden;
	width: 890px;
	height: 500px;
}

/* root element for scrollable items */
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.item {
	float:left;
	cursor:pointer;
	width:880px;
	height:500px;
	padding:10px;
}

			.boxgrid{ 
				width: 880px; 
				height: 465px;
				margin:0 auto;
				background:#fff; 
				border: solid 0px #8399AF; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#fff; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption img{ 
				position:relative;
				}

			.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: 450;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 400;
 					left: 0;
 				}

/*********** tool tip ***********/
.tooltip { 
    display:none; 
    background:url(uploads/images/black_arrow.png); 
    font-size:10px; 
    height:120px; 
    width:210px;  
    color:#fff;     
}
*html .tooltip { background:url(uploads/images/black_arrow.gif); }

.tool_content {padding:20px;}

#help {cursor:pointer;}

/*********** left navigation ***********/

#main_navi {
	float:left;
	padding:0px !important;
	margin:0px !important;
}

#main_navi li {
	clear:both;
	height:75px;
	list-style-type:none;
        text-align:left;
	padding:0;
	width:85px;
	opacity: 0.5;
	cursor:pointer;
}

#main_navi li:hover {opacity: 0.8;}

#main_navi li.active {opacity:1.0;}

#main_navi img {
	float:left;
	margin-right:10px;
}

#main_navi strong {
	display:block;
}


/*********** navigator ***********/

/* position and dimensions of the navigator */
div.navi {
	width:400px;
	height:8px;
	cursor:pointer;
       padding:5px 0 0 10px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:0 3px;
	background:url(uploads/images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

*html div.navi a {background:url(uploads/images/navigator.gif) 0 0 no-repeat;}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	

body { visibility: visible !important;}
/* End of 'Main Style' */