body	{ margin:0px; font:normal 12px/20px "Lucida Sans unicode", Arial, Helvetica, sans-serif; }
* html 	{ margin:0; padding:0; }

.alignleft		{ float:left; margin:10px 20px 10px 0;}
.alignright		{ float:right; margin:10px 0px 15px 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;}

/* ################################################
	PLAIN 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_divider span { background:#fff; text-transform:uppercase; padding:0 10px; line-height:1;}

/* ################################################
			HEADINGS
################################################### */

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

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;
	}


/* ################################################
			LAYOUT
################################################### */

#main			{ width:100%; margin-left:auto; margin-right:auto;}	 /* Content Wrap below header*/
#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; }

#sidebar				{ float:left; 	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; }

/* ################################################
			TOPBAR
################################################### */

.tollfree				{
	float: none;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}
.clientlogin 			{ margin:8px 10px 0 0; float:right; }
.clientlogin img		{ vertical-align:middle;}


/* ################################################
			LOGO
################################################### */

#logopart				{ margin:0 auto;}
.logo img 				{ margin:15px 0px 0 0px; text-indent:-9999px; display:block; border:0; float:left;}
		
	
/* ################################################
			TOPMENU
################################################### */
.topmenu				{
	margin-top: 15px;
	float: right;
	margin-right: 10px;
}


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

.sliderbg 				{ padding:0px; width:940px; margin: 0 auto; height:310px; margin-top:20px; position:relative;
						  -moz-box-shadow:0px 0px 10px #444; /* CSS3 Shadow */
						  -webkit-box-shadow:0px 0px 10px #444; /* CSS3 Shadow */
						  box-shadow:0px 0px 10px #444; /* CSS3 Shadow */
							}
	
/* ################################################
			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:0; 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; }


/* ################################################
		HOMEPAGE FEATURELIST	
################################################### */


.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 RIGHTPART	
################################################### */

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


/* ################################################
	FEATURES BOXES
################################################### */

.fullwidth 				{ width:100%; }
.fullwidth .feature-box	{ width:38%; }
		
.feature-box	{ width:34%; padding:0px 10px 10px 80px; margin:10px 10px 10px 0; float:left;}
.feature-box2	{ width:90%; padding:0px 10px 10px 80px; margin:10px 10px 10px 0;}


/* ################################################
	GALLERY PAGE	
################################################### */

.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 PAGE
################################################### */

.portfoliobox	{ width:100%; margin-bottom:30px; }
	
.col2 			{ width:470px; float:left; margin-right:20px; }
.portimg		{ width:470px; background:	url(../images/portfolio_bg.png) no-repeat; display:block; height:270px; padding-top:12px; padding-left:15px;}
.details 		{ width:380px; 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; }


/* ################################################
			BLOG POST
################################################### */

.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:0 0 10px 0;	}
.post h2 			{ margin-bottom:0px; padding:0;}

span.postcomment 	{ float:right; margin:0px 10px 10px 10px;}
					
/* ################################################
			BLOG POST AUTHOR BOX
################################################### */

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

/* Remove this class selector if you do not want shadow for the box and rounded corners */
.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.gif) 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; 
	}
	

/* ################################################
LOGIN POPUP FORM	
################################################### */


#loginform 				{ width: 100%; text-align: center; padding: 10px 0 10px 0;}
#loginform 				{ width: 300px; text-align: left; margin: 0 auto; }
#loginform label		{ font:normal 11px/30px Tahoma, Arial, Helvetica, sans-serif; color: #000; text-align:right; float: left; width: 80px; padding: 0;}
#loginform input 		{ width: 180px; float: right; background: #f0f0f0 url('../images/bg-input.gif') top left repeat-x;  border:1px solid #ccc; margin: 0 0 10px 0; padding:8px !important; }
#loginform p 			{ padding: 0; }
#loginform p .button	{ width: auto;	margin:0 auto; margin-top: 20px;}

.contact-form {
	position: relative;
	z-index: 300;
	margin-left: 0px;
}

.contact-form p {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #666;
	text-transform: uppercase;
	margin-bottom: 2px;
}

.contact-form input {
	background: url(../images/cf-bg.png) repeat;
	width: 40%;
	height: 25px;
	margin-bottom: 10px;
	padding-left: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #fff;
	border: 0;
}

.contact-form textarea {
	background: url(../images/cf-bg.png) repeat;
	margin-bottom: 10px;
	padding-left: 5px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 15px;
	color: #fff;
	width: 80%;
	height: 125px;
	border: 0;
}

.contact-form input.submit-button {
	background: #fcd996;
	color: #2d2d2d;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-style: normal;
	font-size: 12px;
	width: 100px;
	margin-top: 5px;
	padding: 1px;
	height: 50px;
	text-align: center;
	border: 0;
	margin-left: 0px;
}

.contact-form input.submit-button:hover {
	background: #fae3b6;
}

	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #222;
		background: #ddd; /* Old browsers */
		background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #ddd -webkit-linear-gradient(top, rgba(250,219,161,1) 0%,rgba(250,219,161,1) 100%); /* Chrome10+,Safari5.1+ */
		background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	  border: 1px solid #fbc96b; }
	  
	  .button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(250,219,161,1) 0%, rgba(251,201,107,1) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,219,161,1)), color-stop(100%,rgba(251,201,107,1))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(250,219,161,1) 0%,rgba(251,201,107,1) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(250,219,161,1) 0%,rgba(251,201,107,1) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(250,219,161,1) 0%,rgba(251,201,107,1) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(250,219,161,1) 0%,rgba(251,201,107,1) 100%); /* W3C */
	  border: 1px solid #fbc96b;
	  -moz-border-radius: 2px;
	  -webkit-border-radius: 2px;
	  border-radius: 2px;
	  color: #444;
	  display: inline-block;
	  font-size: 12px;
	  font-weight: 400;
	  text-transform: uppercase;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: normal;
	  padding: 8px 10px;
	  font-family: 'Open Sans', sans-serif; }