/*home page add ons*/

.image64 {
	float:left;
	margin:-10px 0 0;
	padding:15px 20px 45px 0;
}
.imageTab {
	float:left;
	margin:0;
	padding: 5px 20px 10px 0;
}
.inner-txt p {
	font-size:12px;
}
/*asidel*/

.asidel p {
	padding: 0 0 0 0;
}
.asidel h3 {
	color:#DC2E1A;
	font-size:21px;
	padding:15px 0 10px 0;
}
.asidel li {
	padding:0 20px 0 0;
	font-size:14px;
}
/*asider*/

.asider {
background:#272727 none repeat scroll 0 0;
border:1px solid #444444;
margin:0 0 20px -4px;
padding:0 0 10px 0;
}

.asider h3 {
	color:#DC2E1A;
	font-size:21px;
	padding:15px 0 0px 10px;
}

.asider h2 {
        padding:0 0 0 10px;
}

.asider p {
	font-size:12px;
	padding:0 10px 0 10px;
        font-weight:normal;
}
.asider h5 {
	font-size:12px;
	padding:0 0 5px 10px;
}
.asider p.intro-sub {
	padding:0 10px 0 10px;
	font-size:14px;
}
.tabNavigation {
	border:1px solid #7A1206;
	float:left;
	height:auto;
	margin:0 50px 100px 30px;
	width:243px;
}
.tabNavigation li a {
	display:block;
	width:243px;
	height:56px;
	overflow:hidden;
	float:left;
}
.tabNavigation li a:hover {
	background:#370C07 none repeat scroll 0 0;
	height:56px;
	margin:0;
	padding:0;
}
.tabNavigation li a.selected img.blank {
	margin:0 -243px 0 0;
}
.tabs div {
	float:left;
	width:583px;
}
.tabs {
	height:auto;
}
.tabNavigation li a img {
	height:56px;
	margin:0;
	padding:0;
	width:243px;
}
.tabNavigation li a img.active {
	margin:0;
	padding:0;
}
/*contact stuff*/

.contactfm {
	background:#272727 none repeat scroll 0 0;
	border:1px solid #444444;
	float:right;
	margin:36px 20px 0 0;
	padding:15px 0 0 12px;
	width:326px;
}
.contactleft {
	float:left;
	margin:0 0 0 20px;
	width:530px;
}
.contacten {
	background:#272727 none repeat scroll 0 0;
	border:5px solid #808080;/*float:right;
margin:20px 20px 0 0;
padding:15px 0 0 12px;
width:460px;*/
}
.contactsu {
	background:#333333 none repeat scroll 0 0;
	border:4px solid #808080;/*float:right;
margin:20px 20px 0 0;
padding:15px 0 0 12px;
width:460px;*/
}
#catlistbutton {
	background-color:transparent;
	background-image:url(/Images/subscribe.png);
	width:112px;
	height:32px;
	border:none;
	text-indent:-9999px;
}
#catwebformbutton {
	background-color:transparent;
	background-image:url(/Images/submit.png);
	width:90px;
	height:32px;
	border:none;
	text-indent:-9999px;
}
/*portfolio stuff*/

.pads {
	margin:0 0 0 20px;
}
.pads p {
	margin:0 20px 20px 8px;
}
.pads2 {
	margin:0 0 0 80px;
}
.pads2 p {
	margin:0 20px 20px 0;
}
.portitems {
	margin:0 0 0 20px;
}

.recent-projects{
	margin-bottom:30px;
	/*border-bottom:1px solid #444444;*/
	padding-bottom:10px;}

	.recent-projects a.item{
		float:left;
		display:block;
		width:520px;
		margin-right:10px;
		}
		
		.recent-projects a.item:link, .recent-projects a.item:active, .recent-projects a.item:visited{
			border:5px solid #fff;}
			
		.recent-projects a.item:hover{
			border:5px solid #dc2e1a;}
	
	.recent-projects .details h5{
		font-size:20px;
		color:#dc2e1a;
		margin-bottom:10px;
		}
		
	.recent-projects .details a:link, .recent-projects .details a:visited, .recent-projects .details a:active{
		font-size:14px;
		color:#fff;
		}
		
	.recent-projects .details a:hover{
		color:#dc2e1a;}

/*login panel -----------------------------------------------------------------------------------------------*/

/* Panel Tab/button */
.tab {
	/*background: url(../Images/tab_b.png) repeat-x 0 0;*/
	height: auto;
	position: relative;
	top: 0;
	z-index: 999;
	border-bottom:solid #ffffff 1px;
}
.tab ul.login {
	display: block;
	position: relative;
	float: right;
	clear: right;
	/*height: 42px;*/
	width: auto;
	font-weight: bold;
	line-height: 42px;
	margin:-6px 0 0 0;
	right:172px;
	color: white;
	font-size: 80%;
	text-align: center;
	padding:0;
}
.tab ul.login li.left {
	background: url(../Images/tab_l.png) no-repeat left 0;
	/*height: 42px;*/
	width: 30px;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
}
.tab ul.login li.right {
	background: url(../Images/tab_r.png) no-repeat left 0;
	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
}
.tab ul.login li {
	text-align: left;
	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
	background: url(../Images/tab_m.png) repeat-x 0 0;
}
.tab ul.login li a {
	color: #dc2e1a;
}
.tab ul.login li a:hover {
	color: white;
}
.tab .sep {
	color:#414141
}
.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 65px;
	position: relative;
	top: 11px;
}
.tab a.open {
	background: url(../Images/bt_open2.png) no-repeat left 0;
}
.tab a.close {
	background: url(../Images/bt_close.png) no-repeat left 0;
}
.tab a:hover.open {
	background: url(../Images/bt_open2.png) no-repeat left -19px;
}
.tab a:hover.close {
	background: url(../Images/bt_close.png) no-repeat left -19px;
}
/* sliding panel */
#toppanel {
	position: absolute;   /*Panel will overlap  content */
	/*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
	width: 100%;
	z-index: 999;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding:0;
	display:block;
}
#panel {
	width: 100%;
	height: auto;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}
#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
}
#panel h2 {
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
}
#panel p {
	margin: 5px 0;
	padding: 0;
}
#panel a {
	text-decoration: none;
	color: #dc2e1a;
}
#panel a:hover {
	color: white;
}
#panel a-lost-pwd {
	display: block;
	float: left;
}
#panel .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}
#panel .content .left {
	width: 280px;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #333;
}
#panel .content .right {
	border-right: 1px solid #333;
}
#panel .content form {
	margin: 0 0 10px 0;
}
#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}
#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}
#panel .content input:focus.field {
	background: #545454;
}
/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login, #panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}
#panel .content input.bt_login {
	width: 74px;
	background: transparent url(../Images/bt_login.png) no-repeat 0 0;
}
#panel .content input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(../Images/bt_register2.png) no-repeat 0 0;
	padding-bottom:2px;
	text-indent:0;
}
#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}
/*login panel end------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------Info Block---------------------------*/
.infoblock {
	width:300px;
	background:#272727;
	padding:10px;
	float:right;
	border:solid 2px;
	margin:23px 20px 20px 20px;
	height:auto;
}
#sform input.field {
	background:#414141 none repeat scroll 0 0;
	border:1px solid #1A1A1A;
	color:white;
	height:16px;
	margin-right:5px;
	margin-top:4px;
	width:200px;
}
#sform label {
	clear:both;
	display:block;
	float:left;
	padding-top:8px;
	width:280px;
}
#sform input.reg {
	background:transparent url(../Images/bt_register2.png) no-repeat scroll 0 0;
	color:white;
	padding-bottom:11px;
	text-indent:0;
	width:94px;
	margin-top:14px;
	font-weight:bold;
}
#sform input.field:focus {
	background: #545454;
}
/*--------------------------------------------This is for the Meet the Teem   /   about page--------------------------------------*/

.profile .propic{
float:left;
width:150px;
padding:0 20px 0 0;}

.profile .propic span{
float:left;
margin:20px 20px 0 0;
height:150px;
overflow:hidden;
width:150px;
background: url(/Images/about_sprites.png) bottom left;
position:relative;
display:block;
}

.profile .propic span.carl {
background-position:-300px 300px;
width:150px;
}
.profile .propic span.carl:hover {
background-position:-300px 150px;
width:150px;
}
.profile .propic span.mj {
background-position:-150px -150px;
width:150px;
}
.profile .propic span.mj:hover {
background-position:-150px 0;
width:150px;
}
.profile .propic span.louis {
background-position:-450px 300px;
width:150px;
}
.profile .propic span.louis:hover {
background-position:-450px 150px;
width:150px;
}
.profile .propic span.tracey {
background-position:0px 150px;
width:150px;
}
.profile .propic span.tracey:hover {
background-position:0px 0px;
width:150px;}

.profile .protxt {
	float:left;
	width:390px
}
.profile .protxt h3 {
	margin:0;
	padding:20px 0 5px 0;
	font-size:24px;
}
.profile .protxt h4 {
	font-size:18px;
}
.profile{
background:#272727;
padding:5px 0 15px 15px;
border:1px solid;
margin-bottom:10px;
border-color:#444444;
}
/*FAQ section---------------------------------------------------------------------------------------------*/

.q-prefix {
	float:left;
	padding:0 5px 5px 0;
}
.answer {
	background:#272727;
	padding:20px 10px 10px 20px;
	margin-top:20px;
}
.answer p {
	font-size:12px;
}
/*This is the slideshow code-------------------------------------------------------------------------------*/

#slideshow {
	bottom:0;
	height:41px;
	position:absolute;
	left:20px;
	width:570px;
}
/*Blog code-----------------------------------------------------------------------*/
.form {
	background:#000000 none repeat scroll 0 0;
	border:#444444 solid 1px;
}
.blog-container .side-panel img.bheader {
	display:block;
	padding:0 0 10px 2px;
}
.blog-container .side-panel .BlogRecentPost, .blog-container .side-panel .BlogTagCloud, .blog-container .side-panel .BlogPostArchive {
	background:#272727 none repeat scroll 0 0;
	border:1px solid #444444;
	display:block;
	margin:-11px 2px 30px;
	padding:15px 10px 10px 10px;
	width:220px;
}
.blog-container .side-panel .BlogRecentPost ul li, .blog-container .side-panel .BlogTagCloud ul li, .blog-container .side-panel .BlogPostArchive ul li {
	background:#272727 none repeat scroll 0 0;
	display:block;
	/*padding-left:15px;*/
}
.blog-post {
	background:#272727 none repeat scroll 0 0;
	border:1px solid #444444;
	padding:20px 0 1px;
        margin-bottom:20px;
}

.addthis_toolbox .custom_images {
        background:#000;
        padding:10px;
        width:310px;
        border:1px solid #444444;
}
.addthis_toolbox .custom_images a:hover img {
        opacity:1;
}
.addthis_toolbox .custom_images a img {
        opacity:0.5;
}


/*Plans Table-----------------------------------------------------------------------------------------------------------------*/
.telerik-reTable-1 {
border:1px solid #444444;
border-collapse:collapse;
font-family:Tahoma;
}
.telerik-reTable-1 tr {
height:45px;
}
.telerik-reTable-1 td {
height:45px;
vertical-align:middle;
}
.telerik-reTable-1 tr.telerik-reTableHeaderRow-1 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#171717 none repeat scroll 0 0;
border-spacing:10px;
color:#DC2E1A;
font-family:Tahoma;
font-size:14pt;
font-style:normal;
font-weight:bold;
line-height:14pt;
margin:10px;
padding:10px;
text-align:center;
text-transform:capitalize;
}
.telerik-reTable-1 th.telerik-reTableHeaderFirstCol-1 {
color:#DC2E1A;
padding:12px 15px 0;
text-align:left;
}
.telerik-reTable-1 th.telerik-reTableHeaderLastCol-1 {
color:#DC2E1A;
padding:0 15px;
}
.telerik-reTable-1 th.telerik-reTableHeaderOddCol-1 {
color:#DC2E1A;
padding:0 15px 0 18px;
}
.telerik-reTable-1 th.telerik-reTableHeaderEvenCol-1 {
color:#DC2E1A;
padding:0 12px;
}
.telerik-reTable-1 tr.telerik-reTableOddRow-1 {
background-color:#272727;
color:#ffffff;
font-size:10pt;
vertical-align:middle;
font-weight:bold;
}
.telerik-reTable-1 tr.telerik-reTableEvenRow-1 {
background-color:#222222;
color:#ffffff;
font-size:10pt;
vertical-align:middle;
font-weight:bold;
}
.telerik-reTable-1 td.telerik-reTableFirstCol-1 {
padding:0 5.4pt;
}
.telerik-reTable-1 td.telerik-reTableLastCol-1 {
padding:0 5.4pt;
text-align:center;
}
.telerik-reTable-1 td.telerik-reTableOddCol-1 {
padding:0 5.4pt;
text-align:center;
}
.telerik-reTable-1 td.telerik-reTableEvenCol-1 {
padding:0 5.4pt;
text-align:center;
}
.telerik-reTable-1 tr.telerik-reTableFooterRow-1 {
background-color:#D6E8FF;
color:#4A5A80;
font-family:Tahoma;
font-size:10pt;
font-weight:500;
line-height:11pt;
}
.telerik-reTable-1 td.telerik-reTableFooterFirstCol-1 {
border-top:1pt solid gray;
padding:0 5.4pt;
text-align:left;
}
.telerik-reTable-1 td.telerik-reTableFooterLastCol-1 {
border-top:1pt solid gray;
padding:0 5.4pt;
text-align:left;
}
.telerik-reTable-1 td.telerik-reTableFooterOddCol-1 {
border-top:1pt solid gray;
padding:0 5.4pt;
text-align:left;
}
.telerik-reTable-1 td.telerik-reTableFooterEvenCol-1 {
border-top:1pt solid gray;
padding:0 5.4pt;
text-align:left;
}
.sectionhead{
font-size:18px;
color:#dc2e1a;
background:#000000;
}

/*footer links-----------------------------------------------------------------------------------------------*/

#bottom-links {
border-top:1px solid #444444;
color:#888888;
font-size:11px;
line-height:21px;
margin:24px 0 0;
padding:20px 0 40px;
overflow:hidden;
width:940px;
height:auto;
}
div #body #bottom-links ul.first {
float:left;
width:220px;
}
#bottom-links ul.col {
float:left;
margin-right:0;
width:150px;
}
#bottom-links ul.col li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#bottom-links ul.col li a, #bottom-links ul.col li a:link,#bottom-links ul.col li a:visited {
font-weight:normal;
}
#bottom-links ul.col li a:hover {
font-weight:normal;
}
#bottom-links li.heading {
display:block;
font-weight:bold;
margin:0 0 9px;
}

#bottom-links img {
	float:left;
	margin:0 5px 0px 0;
}

#bottom-links ul.social li{
	float:left;
        width:150px;
        margin-bottom:10px;} 

#blogrecent {
float:left;
width:300px;
padding: 0 20px 0 0;
}
#blogrecent h6 {
font-size:14px;
font-weight:bold;
margin-bottom:10px;}


/*This is design area stuff----------------------------------------------*/
.design {
	background:#272727 none repeat scroll 0 0;
	border:1px solid #444444;
	float:right;
	margin:20px 20px 0 0;
	padding:15px 0 0 12px;
	width:326px;
}
.design p, .design h2 {padding:0px 10px 0 10px;
}
.designleft {
	float:left;
	margin:0 0 0 20px;
	width:530px;
}

/*This is contact area stuff----------------------------------------------*/

ul.cf-list {
padding:15px 0 0 0px;
}
ul.cf-list li {
height:80px;
margin:0 0 0;
padding:0 0 0;
font-size:18px;
font-weight:bold;
}
ul.cf-list li img {
display:block;
float:left;
margin:-20px 10px 0 0;
}
.DP{
margin:0 0 0 20px;
padding:21px 0 0 0;
}
.QT{
background:#272727 none repeat scroll 0 0;
border:1px solid #444444;
float:right;
margin:20px 20px 20px 0;
padding:15px 0 0 12px;
}
ul.ticklist {
  list-style-image: url(../images/Icons/tick.png);
padding-left: 10px;
}