/* ********************************* MAIN ********************************* */

/*body	{
	margin:0px;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: justify;
	background:#e0e1e3;
} */

/* ALSO SEE COLORS CSS "grey.css" */
body {
	font-family: "trebuchet MS", sans-serif;
	font-size: 12px;
	text-align: justify;
	background:#e0e1e3;
	/*text-shadow: 1px 1px #f2f4f6;*/
}

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

.alignleft {
	float:left;
	margin:10px 20px 4px 0;
}

.alignright {
	float:right;
	margin:10px 0px 4px 20px;
}

.aligncenter {
	clear:both;
	display:block;
	margin:10px auto;
	padding:10px 0;
}			

.fr {
	float:right;
}

.fl {
	float:left;
}

p {
	margin: 0px 0 15px 0;
}

p.small {
	font-size:10px;
	line-height:normal;
}

.clear {
	clear:both;
}

/* ********************************* DIVIDER ********************************* */

.divider {
	clear:both;
	background:url(../images/divider.gif) repeat-x;
	padding:10px 0;
	margin:10px 0;
}

/* ********************************* STRIPE DIVIDER ********************************* */

.stripe_divider {
	clear:both;
	background:url(../images/l-divider.gif)repeat-x;
	padding-left:0px;
	padding-right:10px;
	margin:20px 0;
	font-size:10px;
	text-align:right;
}

.stripe_divider2 {
	clear:both;
	background:url(../images/l-divider.gif)repeat-x;
	padding-left:0px;
	padding-right:10px;
	margin: 14px 0px 6px 0px;
	font-size:10px;
	text-align:right;
}

.stripe_divider span {
	background:#fff;
	text-transform:uppercase;
	padding:0 10px;
	line-height:1;
}

/* ********************************* HEADING FONTS ********************************* */

h1 {
	font: normal 24px/28px "Tahoma", "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	font-weight: bold;
}

h2 {
	font: normal 20px/26px "Georgia", "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:5px 0 10px 0;	
}

h3 { 
	font: normal 16px/22px "Trebuchet MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:5px 0 10px 0;
}

h4 { 
	font: bold 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
}

h5 { 
	font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
}

h6 { 
	font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
}
h7 {
	font: normal 18px/22px "Tahoma", "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	font-weight: bold;
	color: black;
}
	

/* ********************************* LAYOUT ********************************* */

#main {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#content ul,ol {
	margin-left:30px;
	margin-bottom:10px;
}

#Wrapper {
	width:960px;
	margin:0 auto;
} 

#header {
	width:940px;
	margin:0 auto;
	height:140px;
}

#mainpage #sidebar {
	width:450px;
	float:left;
}


#mainpage #content {
	width:450px;
	float:left;
	display:inline;
	padding:30px 10px 30px 10px;
}

#mainpage #full {
	width:920px;
	float:left;
	display:inline;
	padding:10px 10px 10px 10px;
}

#sidebar {
	float:left;
	width:260px;
	margin-top:35px;
}

#sidebar2 {
	float:right;
	width:260px;
	margin-top:35px;
}

#sidebar_right {
	float:right;
	width:260px;
	margin-top:35px;
	margin-right:10px;
}

#content {
	float:left;
	display:inline;
}

#footer {
	width:940px;
	margin:0 auto;
}


/* ********************************* TOP BAR ********************************* */

.tollfree {
	margin:10px 0 0 5px;
	float:left;
}

.clientlogin {
	margin:8px 10px 0 0;
	float:right;
}

.clientlogin img {
	vertical-align:middle;
}


/* ********************************* LOGO ********************************* */

#logopart {
	margin:0 auto;
}

.logo img {
	margin:20px 0px 0 0px;
	text-indent:-9999px;
	display:block;
	border:0;
	float:left;
}

	
/* ********************************* DIVIDER ********************************* */

.topmenu {
	margin-top:40px;
	float:right;
}


/* ********************************* SLIDER BACKGROUND ********************************* */

.sliderbg {
	padding:0px;
	width:926px;
	margin: 0 auto;
	height:510px;
	margin-top:-20px;
	position:relative;
}
	
/* ********************************* BLIND SLIDER ********************************* */

.slideshow ul {
	margin:0;
	padding:0;
}

.slideshow ul li {
	height:310px;
}

.change_link {
	border: 0px solid #bbb;
	text-decoration: none;
	display:block;
	text-align:right;
}

.blind_nav {
	position:absolute;
	top:10px;
	right:-14px;
	z-index:100;
}

.blind_nav a {
	margin-bottom:5px;
}


/* ********************************* SUB HEADER ********************************* */

#subheader {
	width:940px;
	margin:0 auto;
	height:60px;
}

.subheader_left {
	float:left;
}

.subheader_right {
	float:right;
}


/* ********************************* SIDEBAR MENU ********************************* */

ul.subnav {
	padding:5px 0 10px 0px;
}

ul.subnav h3 {
	margin-top:20px;
	margin-left:20px;
}
	
ul.subnav li {
	margin-left:0px;
	padding:0;
	list-style-type:none;
}

#sidebar h3 {
	margin-left:10px;
}

#sidebar_right h3 {
	margin-left:10px;
}


/* ********************************* HOME PAGE FEATURES ********************************* */

.box {
	padding:20px 0 0 20px;
}

ul.featurelist {
	margin:0;
	padding:0 0 10px 0;
	list-style:none;
}

ul.featurelist li {
	margin:0 0 5px 0;
	padding:0;
}

ul.featurelist li p {
	margin:0;
}

ul.featurelist li img {
	padding:0 10px;
	vertical-align:middle;
	margin:0;
}
	

/* ********************************* CONTENT RIGHT ********************************* */

#content {
	width:670px;
	float:left;
	display:inline;
	padding:30px 10px 30px 10px;
}

#content_full {
	width:920px;
	padding:30px 10px 30px 10px;
}


/* ********************************* FEATURE BOXES ********************************* */

.fullwidth {
	width:100%;
}

.fullwidth .feature-box {
	width:28%;
}
		
.feature-box {
	width:26%;
	padding:10px 0px 0px 10px;
	margin:10px 10px 0px 0px;
	float:left;
}

.feature-box2 {
	width:90%;
	padding:0px 10px 10px 80px;
	margin:10px 10px 10px 0;
}

.feature-box3 {
	width:64%;
	padding:10px 10px 0px 30px;
	margin:10px 10px 0px 0px;
	float:left;
}

.feature-box4 {
	width:94%;
	float:right;
}

/* ********************************* GALLERY ********************************* */

.gallery_wrap {
	margin:35px auto 0 auto;
	position:relative;
	overflow:hidden;
}

ul.gallery_box {
	margin:0px 0 0 20px;
}

ul.gallery_box li {
	width:290px;
	float:left;
	background:url(../images/gallery_bg.png) 0 0 no-repeat;
	text-align:center;
	cursor:pointer;
	display:block;
	padding-top:10px;
	margin:7px;
	margin-top:20px;
}

ul.gallery_box li img {
	padding-left:10px;
}

.gallery_box .loading {
	background: url(../ajax-loader.gif) no-repeat center center;
	text-align:center;
	display:block;
	width:270px;
	height:170px;
}

.gallery_loader {
	display:block;
	width:270px;
	height:170px;
}

.gallery_box h2 {
	margin:15px 0 10px 0 ;
	padding:0;
	text-align:left;
}


/* ********************************* PAGINATION ********************************* */

.pagination {
	clear:both;
	margin-top:30px;
	height:50px;
	margin-left:20px;
	width:100%;
}

.pagination a, .pagination a:link, .pagination a:visited, .pagination a:active, .pagination span.current, .pagination span.pages, .pagination span.extend {
	font-size:10px;
	padding: 6px;
	margin: 1px;
	color:#444;
	border: 1px solid #c8c8c8;
	background: #FFFFFF;
}

.pagination span.pages {
	border:0;
	text-transform:uppercase;
}

.pagination a:hover {
	border: 1px solid #000;
	background: #fff;
}

.pagination span.current {
	padding: 6px;
	margin: 1px;
	font-weight: bold;
	color:#777;
	border: 1px solid #000;
}


/* ********************************* PORTFOLIO ********************************* */

.portfoliobox {
	width:100%;
	margin-bottom:30px;
}
	
.col2 {
	width:370px;
	float:left;
	margin-right:20px;
}

.portimg {
	width:370px;
	background:	url(../images/portfolio_bg.png) no-repeat;
	display:block;
	height:470px;
	padding-top:12px;
	padding-left:15px;
}

.details {
	width:480px;
	float:left;
	padding-top:10px;
}

.details ul {
	margin-bottom:10px;
}

.details ul li {
	background: transparent url(../images/check.gif) no-repeat 0 .2em;
	padding-left: 20px;
	display:inline;
	width:150px;
	float:left;
}


/* ********************************* MEET THE TEAM ********************************* */

.mttcol2 {
	width:670px;
	float:left;
	margin-right:20px;
}

.mttimg {
	width:270px;
	background:	url(../images/mtt_bg.png) no-repeat;
	display:block;
	height:270px;
	padding-top:12px;
	padding-left:15px;
}

.mttdetails {
	width:580px;
	float:left;
	padding-top:10px;
}

.mttdetails ul {
	margin-bottom:10px;
}

.mttdetails ul li {
	background: transparent url(../images/check.gif) no-repeat 0 .2em;
	padding-left: 20px;
	display:inline;
	width:150px;
	float:left;
}


/* ********************************* NEWS ********************************* */

.post {
	margin:0px 0 10px 0;
	height:100%;
}

.postmetadata {
	margin:0 0 15px 0;
	padding:0 0 5px 0;
	font-size:10px;
	background:url(../images/divider.gif) bottom left repeat-x;
}

.post-img img {
	background-color:#fff;
	border:1px solid #ccc;
	padding:5px;
	margin:0px 8px 0px 0px;
}

.post h2 {
	margin-bottom:0px;
	padding:0;
}

span.postcomment {
	float:right;
	margin:0px 10px 10px 10px;
}


/* ********************************* NEWS POST AUTHOR ********************************* */

.authorbox 	h3 {
	margin-bottom:0;
}					

.authorbox 	.avatar	{
	float:left;
	margin:5px 15px 15px 0;
	border:1px solid #999999;
	padding:1px;
}						 

.authorbox {
	-moz-box-shadow:0px 0px 3px #444; /* CSS3 Shadow */
	-webkit-box-shadow:0px 0px 3px #444; /* CSS3 Shadow */
	box-shadow:0px 0px 3px #444; /* CSS3 Shadow */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;					  
	-khtml-border-radius:5px;					  
	border-radius:5px;					  
} 				 

/* ********************************* ALERT BOXES ********************************* */

span.error {
	color: #cc0000;
	border-top: 3px solid #fe7b7a;
	border-bottom: 3px solid #fe7b7a;
	background: #ffd6d6 url(../images/icons/error.png) 2% 50% no-repeat;
}

span.info {
	color: #0055bb;
	border-top: 3px solid #629de3;
	border-bottom: 3px solid #629de3;
	background: #d8e5f8 url(../images/icons/info.png) 2% 50% no-repeat;
}

span.alert {
	color: #b79000;
	border-top: 3px solid #fde179;
	border-bottom: 3px solid #fde179;
	background: #fef6d8 url(../images/icons/alert.png) 2% 50% no-repeat;
}

span.download {
	color: #57861a;
	border-top: 3px solid #c2df88;;
	border-bottom: 3px solid #c2df88;;
	background: #eef7dd url(../images/icons/download.png) 2% 50% no-repeat;
}

span.success {
	color: #57861a;
	border-top: 3px solid #c2df88;;
	border-bottom: 3px solid #c2df88;;
	background: #eef7dd url(../images/icons/check.html) 2% 50% no-repeat;
}

span.error, span.info, span.alert, span.success, span.download {
		display: block;
		padding: 10px 10px 10px 45px;
		margin: 5px 0;	
		-moz-box-shadow:0px 0px 2px #444; /* CSS3 Shadow */
		-webkit-box-shadow:0px 0px 2px #444; /* CSS3 Shadow */
		box-shadow:0px 0px 2px #444; /* CSS3 Shadow */	
}


/* ********************************* PRE CODE ********************************* */

pre {
                      /* specify width  */
	white-space: pre-wrap;                 /* CSS3 browsers  */
	white-space: -moz-pre-wrap !important; /* 1999+ Mozilla  */
	white-space: -pre-wrap;                /* Opera 4 thru 6 */
	white-space: -o-pre-wrap;              /* Opera 7 and up */
	word-wrap: break-word;                 /* IE 5.5+ and up */
	/* overflow-x: auto; */                /* Firefox 2 only */
	/* width: 99%; */		       /* only if needed */
}

pre {
	border: 1px solid #ddd;
	margin: 10px 0; 
	padding:10px; 
	line-height:15px;
	background: #f0f0f0;
	font-family:"Courier New", courier, monospace, sans-serif;
}

code {
	font-size:1.2em; 
}


/* ********************************* GENERIC ********************************* */

span.inset-left {
	display: block;
	padding: 15px;
	float: left;
	width: 20%;
	font:italic normal 12px/20px Georgia, Arial, Sans-serif;
}

span.inset-right {
	display: block;
	padding: 15px;
	float: right;
	width: 20%;
	font-weight: bold;
	font:italic normal 12px/20px Georgia, Arial, Sans-serif;
}


/* ********************************* DEFINITION LISTS ********************************* */

dl {
 	border: 1px solid #ddd; 
 	padding: 0.5em; 
}

dt { 
	float: left; 
	clear: left; 
	width: 150px; 
	text-align: right; 
	font-weight: bold; 
	color: #484848; 
} 

dt:after { 
	content: " : "; 
} 

dd:before { 
	content: ""; 
	padding-left:5px;
} 

dd { 
	margin: 0 0 0 110px; 
	padding: 0 0 0.5em 0; 
}