@import url("reset.css");
@import url("960.css");
@import url("typography.css");
@import url("prettyPhoto.css");
@import url("anythingslider.css");
@import url("slider_images.css");
@import url("effects.css");
/* 

A)  GLOBAL
	1.  Header & Logo
	2.  Navi
	3.  General Container
	4.  Content
	5.  Sidebar Right
	6.  Sidebar Left
	7.  Teaser
	8.  Anything Slider
	9. 	Widget lists
	10. Social Icons
	11. Tabs
	12. Accordion
	13. Flickr
	14. GoTop

B)	BLOG STYLE
	1. Blog General
	2. Blog Tags ( bottom )
	3. Blog Categories ( sidebar )
	4. Blog Toggle ( comments )
	5. Pagination
	
C)  PORTFOLIO
	1. Portfolio 
	2. Project 

D)	CONTACT PAGE & FORMS
	1. Contact From
	2. Search Form

E) 	FOOTER
	1. Footer
	2. Sub Footer
	
F)  SHORTCODES
	1.  Highlits
	2.  Dropcaps
	3.  Notification Boxes
	4.  Testimonials
	5.  Blockquotes
	6.  Checklists 
	7.  Frame
	8.  Shadow
	9.  Hover, Zoom, Video
	10. Table
	11. Code
	12. Left, Right, Center
	
G)  TWITTER

H) 	FANCY CAPTION & ENTRY HOVER
	1. Fancy Caption
	2. Entry Hover
	
I)  Tooltip
	
J)  MISC

K) Service

L) Sidebar tags & contact 

-------------------------------------------
*/

/*	
	A) GLOBAL
-------------------------------------------
	1. Header
-------------------------------------------
*/
#header {
	padding-bottom:20px;
	padding-top:20px;
	background-repeat:repeat-x;
	height:95px;
}
#logo h1 {
	margin:0;
	padding:0;
}
#info h1 {
	float:right;
	margin:0 0 0 30px;
	padding: 12px 0 0 0;
}
/*	
-------------------------------------------
	2. Navi
-------------------------------------------
*/
#navi {
	width:1024px;
	margin-left:  auto;
	margin-right: auto;
	margin-top:10px;
	display:block;
	background-color: #7d4200;
	width: 1024px;
	height: 55px;
	color: #ff0000;
}
#navi_bottom {
		width:1024px;
	margin-left:  auto;
	margin-right: auto;
	margin-top:10px;
	display:block;
	background-color: #7d4200;
	width: 1024px;
	height: 55px;
	color: #ff0000;
}
#strangemenu strong {
	text-transform:uppercase;
	font-weight:bold;
}
#strangemenu {
	padding-top: 15px;
	background: transparent;
	width: 100%;
}
#strangemenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index:999;
}
/*Top level list items*/
#strangemenu ul li {
	position: relative;
	display: inline;
	float: left;
}
/*Top level menu link items style*/
#strangemenu ul li a {
	display: block; /*background of tabs (default state)*/
	padding: 0 45px 7px 15px;
	text-decoration: none;
	color: #ff0000;
	text-transform:uppercase;
	letter-spacing:1px;
}
#strangemenu ul li ul li a { /*sub menus hover style*/
	color: #f5f5f5;
	text-transform:none;
	text-transform:uppercase;
	font-size:11px;
	border-bottom:1px solid transparent;
}
#strangemenu ul li ul li .active {
	background-image: url('../img/right.png');
	background-repeat: no-repeat;
	text-indent: 16px;
	background-position: 17px 13px;
}
* html #strangemenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}
#strangemenu ul li a:hover {
	background: transparent; /*tab link background during hover state*/
}
/*1st sub level menu*/
 #strangemenu ul li ul {
	position: absolute;
	display:block;
	visibility: hidden;
	background:#000;
	-webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
	-ms-box-shadow:1px 1px 0px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
	background-color: rgba(33, 33, 33, 0.8);
}
/*Sub level menu list items (undo style from Top level List Items)*/
#strangemenu ul li ul li {
	display: list-item;
	float: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#strangemenu ul li ul li a {
	display: list-item;
	float: none;
}
#strangemenu ul li ul li {
	border-bottom:none;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
#strangemenu ul li ul li ul {
	top: 0;
	left:0;
}
/* Sub level menu links style */
#strangemenu ul li ul li a {
	width: 170px; /*width of sub menus*/
	padding: 7px 15px 7px 15px;
	margin: 0;
	border-top-width: 0;
}
.downarrowclass {
	position: absolute;
	top: 15px;
	right: 5px;
}
.rightarrowclass {
	position: absolute;
	top: 15px;
	right: 7px;
}
/*Using an Image in the Menu remove Inherited Border*/
#strangemenu ul li a img {
	border: 0;
}
/*Remove the border when you Hover the Image*/
#strangemenu ul li a img:hover {
	border:0px;
}
/*Remove the img a href Link Border*/
#strangemenu ul li a img {
	text-decoration: none;
}

#our_products ul li li a {	
	display: block; /*background of tabs (default state)*/
	padding: 0 45px 7px 15px;
	text-decoration: none;
	color: #ff0000;
	text-transform:uppercase;
	letter-spacing:1px; }
	
/*	



-------------------------------------------
	3. General Container
-------------------------------------------
*/
#container {
	background: #FFF;
	margin-bottom:15px;
}
/*	
-------------------------------------------
	4. Content
-------------------------------------------
*/
#content {
	padding:0px;
}
/*	

-------------------------------------------
	4.1 Main Content
-------------------------------------------
*/
.maincontent_wrapper {
	width: 900px;
	
}
/*	

-------------------------------------------
	4.2 Left Image
-------------------------------------------
*/
.left_image {
	float: left;
	width: 404px;
	height: 171px;
	padding: 0 30px 0px 0;
	background: #fff;
}
/*	

-------------------------------------------
	4.3 Contact Buttons
-------------------------------------------
*/

a.question {
	background: url(/img/contact_question.jpg) no-repeat 0 0;
	width: 523px;
	height: 43px;
	display: block;
	text-indent: -9999px;
	margin-left: 50px;
}

a.question:hover {
	background-position: 0 -43px;
}

a.question:active {
	background-position: 0 -43px;
}

a.bookdesigner {
	background: url(/img/contact_bookdesigner.jpg) no-repeat 0 0;
	width: 523px;
	height: 43px;
	display: block;
	text-indent: -9999px;
	margin-left: 100px;
}

a.bookdesigner:hover {
	background-position: 0 -43px;
}

a.bookdesigner:active {
	background-position: 0 -43px;
}

a.bookone {
	background: url(/img/contact_bookone.jpg) no-repeat 0 0;
	width: 523px;
	height: 43px;
	display: block;
	text-indent: -9999px;
	margin-left: 150px;
}

a.bookone:hover {
	background-position: 0 -43px;
}

a.bookone:active {
	background-position: 0 -43px;
}

/*	
-------------------------------------------
	4.3 Bottom Area
-------------------------------------------
*/
.bottom_wrapper {
	width: 1024px;
	display: block;

}

.bottom_heading {
	float: left;
	color: #FFF;
	font-size: 28px;
	font-weight: bold;
	text-decoration: underline;
	width: 30%;
	padding-left: 30px;
	margin-right: 100px;
	margin-top: 50px;

}

.bottom_text {
	float: left;
	color: #FFF;
	font-size: 18px;
	padding-left: 30px;

}
/*	
-------------------------------------------
	5. Sidebar Right
-------------------------------------------
*/
.sidebar_right {
	float:right;
	width:283px;
	margin-right:15px;
	margin-left:30px;
	clear:right;
	display:block;
}
/*	
-------------------------------------------
	6. Sidebar Left
-------------------------------------------
*/
.sidebar_left {
	float:left;
	width:283px;
	margin-left:15px;
	margin-right:30px;
	clear:left;
	display:block;
}
/*	
-------------------------------------------
	7. Teaser
-------------------------------------------
*/
h3.big {
	margin:0;
	padding:0;
	color:#f5f5f5;
}
h3.small {
	font-size: 14px;
	line-height:28px;
	color:#f5f5f5;
	margin:0;
	padding:0;
	color:#ccc;
}
#teaser {
	padding-bottom:20px;
	padding-top:20px;
	background-repeat: repeat-x;
	background-position: center top;
	background-image: url('../img/teaser_bg.jpg');
}
.c {
	text-align:center;
}
/*	
-------------------------------------------
	8. Main Images
-------------------------------------------
*/
#mainimage {
	width: 1024px;
	height: 540px;
	margin-left: auto;
	margin-right: auto;
	padding:0;
	display: block;
}
/*	
-------------------------------------------
	9. Widget lists
-------------------------------------------
*/
.widget {
	display:block;
}
ul.widget_list {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
ul.widget_list li {
	margin-bottom:10px;
	display:block;
}
ul.widget_list a {
	text-decoration:none;
}
.margin {
	margin-bottom:5px;
}
/*	
-------------------------------------------
	10. Social Icons
-------------------------------------------
*/
ul.social {
	list-style:none;
	margin:0;
	padding:0;
	float:right;
}
ul.social li {
	display:inline-block;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
}
ul.social li a {
	border-bottom:1px solid transparent;
}
/*	
-------------------------------------------
	11. Tabs
-------------------------------------------
*/
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #ddd;
	border-left: none;
	margin-bottom: -1px;
	overflow: hidden;
	background: #f0f0f0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	padding: 0 15px;
	border: 1px solid #fff;
	outline: none;
	font-size:24px;
}
ul.tabs li a:hover {
	background: #ccc;
}
ul.tabs a:active {
	outline:none;
}
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background: #ddd;
	cursor:default !important;
	color:#000 !important;
}
.panes {
	border: 1px solid #ddd;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left;
	width: 100%;
	background: #f0f0f0;
	margin-bottom:10px;
}
.panes div {
	padding: 15px;
	border:1px solid #fff;
	border-width: 1px 1px 1px 1px;
}
.panes h4 {
	font-weight:normal;
	margin:0 0 10px 0;
	font-size:16px;
	color:#000;
}
.panes p {
	margin:0 0 10px 0;
}
/*	
-------------------------------------------
	12. Accordion
-------------------------------------------
*/
#accordion {
	background:#f0f0f0;
	width: 100%;
	border:1px solid #ddd;
	margin-bottom:10px;
	display:inline-block;
}
/* accordion header */
#accordion h3 {
	background:#f0f0f0;
	margin:0;
	padding:5px 15px;
	font-size:11px;
	font-weight:normal;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	cursor:pointer;
	letter-spacing:1px;
}
#accordion h3:hover {
	background-color:#ccc;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
/* currently active header */
#accordion h3.current {
	cursor:default;
	background-color:#ddd;
}
/* accordion pane */
#accordion .pane {
	border:1px solid #fff;
	border-width:0 1px;
	display:none;
	height:auto;
	padding:15px;
	color:#000;
}
/* a title inside pane */
#accordion .pane h4 {
	font-weight:normal;
	margin:0 0 10px 0;
	font-size:16px;
	color:#000;
}
#accordion .pane p {
	margin:0 0 10px 0;
}
/*	
-------------------------------------------
	13. Flickr 
-------------------------------------------
*/

.thumbs {
	margin:0;
	padding: 0;
	overflow: hidden;
}
.thumbs li {
	list-style: none;
	float: left;
	margin-right:10px;
	padding-bottom:5px;
	margin-bottom:5px;
}
.thumbs li img {
	display: block;
	width:63px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	-ms-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.4);
	-o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
}
.thumbs li img:hover {
	display: block;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: .7;
}
.thumbs li a img {
	border: none;
}
ul#flickr {
	margin:0;
	padding:0;
	display:inline-block;
	width:296px;
}
/*	
-------------------------------------------
	14. GoTop 
-------------------------------------------
*/
#toTop {
	position:fixed;
	bottom:45px;
	right:5px;
	font-size:10px;
	color:#f5f5f5;
	text-decoration:none;
	padding:2px 10px;
	background:#000;
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	-ms-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.4);
	-o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	cursor:pointer;
}
/*	
	B) BLOG STYLE
-------------------------------------------
	1. Blog General
-------------------------------------------
*/
h3.blog_title {
	margin-bottom:10px;
}

.blog_post img {
	margin-bottom:10px;
}
.blog_entry {
	width: 100%;
	height: 100%;
	float: left;
	margin: 0;
	padding: 0;
}
.blog_post iframe {
	margin-bottom:5px;
}
ul.entry_details {
	padding-left:15px;
}
ul.entry_details li {
	margin-bottom:0px;
	display:block;
}
.comment {
	padding-left:20px;
	background-attachment: scroll;
	background-image: url('../img/icons/chat_2.png');
	background-repeat: no-repeat;
	background-position: left center;
}
/*	
-------------------------------------------
	2. Blog Tags ( bottom )
-------------------------------------------
*/
ul.blog_tags {
	list-style:none;
	margin:0;
	padding:0;
	padding-bottom:10px;
	margin-top:35px;
}
ul.blog_tags li {
	display:inline;
	padding-right:5px;
}
ul.blog_tags li.tags_icon {
	background:url('../img/icons/tag.png') no-repeat left center transparent;
	padding-left:20px;
	background-color:none;
}
/*	
-------------------------------------------
	3. Blog Categories ( sidebar ) 
-------------------------------------------
*/
ul.category_list {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
ul.category_list li {
	padding-bottom:5px;
	margin-bottom:5px;
	padding-left:14px;
	border-bottom: 1px dotted #dedede;
	background:url('../img/arrow-right.gif') no-repeat left 40% transparent;
	display:block;
}
ul.category_list a {
	text-decoration:none;
	color:#666666;
}
/*	
-------------------------------------------
	4. Blog Toggle ( comments )
-------------------------------------------
*/
h4.trigger {
	padding: 0;
	margin: 35px 0 35px 0;
	float: left;
	cursor:pointer;
}
h4.trigger a {
	text-decoration: none;
	color:#666;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.toggle_container {
	margin: 0 0 15px;
	padding: 0;
	clear: both;
}
.toggle_container .block {
	padding:0 0 10px 0;
	width:626px;
	margin-bottom:0px;
	margin-top:0px;
}
.toggle_item {
	float: left;
	margin: 0px 15px 15px 0;
}
.toggle_description {
	overflow: hidden;
}
.toggle_description {
	padding-bottom:0px;
}
.toggle_info {
	width:100%;
}
.toggle_info ul {
	padding: 0;
	margin: 0;
	display:block;
	list-style:none;
	margin-bottom:10px;
	border-top:1px solid #C4C4C4;
	border-bottom: 1px solid #C4C4C4;
}
.toggle_info ul li {
	display:inline;
	margin-right:5px;
	display:inline;
	padding-top:5px;
	padding-bottom:5px;
}
/*	
-------------------------------------------
	5. Pagination
-------------------------------------------
*/
.older_post {
	border:1px #ddd solid;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.older_post:hover {
	background:#f0f0f0;
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-ms-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	border:1px solid#fff;
}
.older_post span {
	margin:0;
	padding:5px 15px;
	display:inline-block;
}
/*	
	C) PORTFOLIO
-------------------------------------------
	1. Portfolio 
-------------------------------------------
*/
ul.filter_portfolio {
	list-style:none;
	display:block;
	margin-bottom:35px;
	width:auto;
	display:inline-block;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	border:1px #ddd solid;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	padding:15px;
}
ul.filter_portfolio:hover {
	background:#f0f0f0;
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-ms-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	border:1px solid#fff;
}
ul.filter_portfolio li {
	display:inline-block;
	margin:0;
	margin-left:7px;
	margin-right:7px;
	margin-top:5px;		
}
ul.filter_portfolio li a {
	text-decoration:none;
}
ul.filter_portfolio li a:hover {
	text-decoration:none;
}
ul.portfolio {
	margin: 0;
	width: 954px;
	margin-bottom:10px;
}
ul.portfolio:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}
ul.portfolio li {
	width: 318px;
	margin: 0 0px -7px 0;
	float: left;
	color: #686f74;
}
.portfolio h4 a {
	color:#000;
}
.portfolio h4 a:hover {
	text-decoration:none;
}
/*	
-------------------------------------------
	2. Project 
-------------------------------------------
*/
#project {
	border:1px solid #f0f0f0;
	width:296px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
#project:hover {
	background:#f0f0f0;
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-ms-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	border:1px solid#fff;
}
#project ul li span {
	background:none;
}
#project .next {
	padding:15px 15px 10px 15px;
	background:url('../img/footer_arrow.png') no-repeat 5% 58% transparent;
}
#project ul {
	margin:15px;
	list-style:none;
}
#project ul li {
	display:block;
	margin-bottom:10px;
}
#project h5 {
	margin:0;
}
/*	
	D) CONTACT PAGE & FORMS
-------------------------------------------
	1. Contact From
-------------------------------------------
*/
textarea {
	overflow:hidden;
}
ul.cform {
	margin:0;
	list-style:none;
}
ul.cform li {
	margin-bottom:10px;
}
ul.cform li label {
	display:block;
	margin-bottom:10px;
}
input {
	width:400px;
		-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
}
input.button {
	width:auto;
}
input.button {
	cursor:pointer;
	color: #333;
	background-color:#7d4200;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	-ms-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.5);
	-o-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	display: inline-block;
	overflow-x: hidden;
	overflow-y: hidden;
	float: left;
}
input.button {
	text-decoration:none;
}
input#name:focus, input#email:focus, input#search2:focus, textarea:focus {
	color:#000;
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	-ms-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.4);
	-o-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
}
input, textarea {
	padding:8px;
	background:#FFF;
	color:#333;
	border:1px solid #CCC;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.valmsg {
	display:none;
	color: #900;
}
#sendmessage {
	background:url('../img/icons/success_icon.png') no-repeat 20px center #DFF2BF;
	border:1px solid #4F8A10;
	color:#4F8A10;
	display:none;
	padding:15px 12px 15px 65px;
	margin:10px 0;
}
a.button {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	-ms-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
}
a.button:hover {
	text-decoration: none;
}
a.button {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #000;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
}
a.button:hover {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #000;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
}
/*	
-------------------------------------------
	2. Search From
-------------------------------------------
*/

ul.sform {
	list-style:none;
	margin:0;
	padding:0;
	margin-bottom:10px;
}
ul.sform li {
	display:inline;
	margin:0;
	padding:0
}
#searchform input[type=text] {
	width:226px;
}
#searchform input[type=text]:focus {
	text-transform:none;
}
#searchform input:focus {
	background:#f5f5f5;
	color:#000;
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	-ms-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.4);
	-o-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
}
#searchform .submit {
	width:40px;
	padding-top:6px;
	padding-bottom:7px;
}
/*	
	E) FOOTER
-------------------------------------------
	1. Footer
-------------------------------------------
*/
#footer_bg {
	color:#FFF;
}
#footer {
	width: 1024px;
	padding:10px 0 10px 0;
	margin-left: auto;
	margin-right: auto;
	background-color:#7d4200;
	color:#FFF;
}
.footer_widget a {
	text-decoration:none;
	border-bottom:1px solid transparent;
}
h4.footer_title {
	color:#f5f5f5;
}
ul.footer_list {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
ul.footer_list li {
	padding-left:14px;
	background:url('../img/footer_arrow.png') no-repeat left 50% transparent;
	margin-bottom:10px;
	display:block;
}
/*	

-------------------------------------------
	1.1 Copy Footer
-------------------------------------------
*/
.copy_footer {
	text-align: center;
}
/*	

-------------------------------------------
	2. Sub Footer
-------------------------------------------
*/
#sub_footer {
	background:#000;
	color:#ccc;
	background-position: center top;
	background-image: url('../img/sub_footer_bg.jpg');
	background-repeat: repeat;
}
#sub_footer p {
	padding-bottom:10;
	padding-top:10px;
	float:left;
	margin-bottom:0;
}
#sub_footer a {
	text-decoration:none;
	border-bottom:1px solid transparent;
}
/*	
	F) SHORTCODES
-------------------------------------------
	1. Highlights
-------------------------------------------
*/
.highlight1 {
	padding:2px 6px;
	color:#f5f5f5;
}
.highlight2 {
	padding:2px 6px;
	background-color:#000;
	color:#f5f5f5;
}
.highlight3 {
	padding:2px 6px;
	background-color:#FF6;
	color:#000;
}
.highlight4 {
	padding:2px 6px;
	background-color:#C33;
	color:#f5f5f5;
}
/*	
-------------------------------------------
	2. Dropcaps
-------------------------------------------
*/
.dropcap1 {
	display:block;
	float:left;
	font-size:34px;
	line-height:30px;
	margin:3px 15px 10px 0;
}
.dropcap2 {
	color:#f5f5f5;
	display:block;
	float:left;
	font-size:34px;
	line-height:40px;
	width:40px;
	height:40px;
	text-align: center;
	margin:3px 15px 10px 0;
	
}
/*	
-------------------------------------------
	3. Notification Boxes
-------------------------------------------
*/
.success_box {
	background:url('../img/icons/success_icon.png') no-repeat 15px center #DFF2BF;
	border:1px solid #4F8A10;
	color:#4F8A10;
}
.info_box {
	background:url('../img/icons/info_icon.png') no-repeat 15px center #BDE5F8;
	border:1px solid #00529B;
	color:#00529B;
}
.warning_box {
	background:url('../img/icons/warning_icon.png') no-repeat 15px center #FEEFB3;
	border:1px solid #9F6000;
	color:#9F6000;
}
.error_box {
	background:url('../img/icons/error_icon.png') no-repeat 15px center #FFBABA;
	border:1px solid #D8000C;
	color:#D8000C;
}
.boxes {
	margin:10px 0;
	padding:15px 15px 15px 62px;
}
/*	
-------------------------------------------
	4. Testimonials
-------------------------------------------
*/
.testim_thumb {
	float: left;
	margin: 3px 15px 10px 0;
}
.testim_description {
	overflow: hidden;
}
.testim-author {
	float:right;
	color:#000;
}
/*	
-------------------------------------------
	5. Blockquotes
-------------------------------------------
*/
blockquote.style1 {
	margin:30px;
	padding-left: 15px;
}
blockquote.style2 {
	padding:15px;
	margin:30px;
	background-image: url('../img/openquote.png');
	background-position: 2% 8%;
	background-repeat: no-repeat;
	text-indent:45px;
}
blockquote.style3 {
	margin:30px;
	padding:15px;
}
blockquote.style4 {
	margin:30px;
	padding:15px;
}
blockquote.style5 {
	margin:30px;
	padding-left: 15px;
	padding-right: 15px;
}
blockquote.style6 {
	margin:30px;
	padding: 15px;
}
blockquote.style1 {
	border-left: 6px solid #000;
	color:#666;
}
blockquote.style2 {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	color:#000;
}
blockquote.style3, blockquote.style4 {
	background-color:#000;
	color:#f5f5f5;
}
blockquote.style4 span {
	color:#f5f5f5;
}
blockquote.style5 {
	border-left: 6px solid #000;
	border-right: 6px solid #000;
	color:#666;
}
/*	
-------------------------------------------
	6. Checklists
-------------------------------------------
*/

ul.heart_list {
	margin:0;
}
ul.heart_list li {
	margin-bottom:10px;
	padding-left:24px;
	background:url('../img/icons/heart_icon.png') no-repeat left center transparent;
	display:block;
}
ul.favorite_list {
	margin:0;
}
ul.favorite_list li {
	margin-bottom:10px;
	padding-left:24px;
	background:url('../img/icons/favorite_icon.png') no-repeat left center transparent;
	display:block;
}
ul.check_list {
	margin:0;
}
ul.check_list li {
	margin-bottom:10px;
	padding-left:24px;
	background:url('../img/icons/check_icon.png') no-repeat left center transparent;
	display:block;
}
ul.plus_list {
	margin:0;
}
ul.plus_list li {
	margin-bottom:10px;
	padding-left:24px;
	background:url('../img/icons/plus_icon.png') no-repeat left center transparent;
	display:block;
}
/*	
-------------------------------------------
	7. Frame
-------------------------------------------
*/
.frame {
	padding:4px;
	background-color:#f5f5f5;
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	-ms-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.4);
	-o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
}
/*	
-------------------------------------------
	8. Shadow
-------------------------------------------
*/
.shadow {
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	-ms-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.4);
	-o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
}
/*	
-------------------------------------------
	9. Hover, Zoom, Video
-------------------------------------------
*/
.hover {
	overflow: hidden;
	display:block;
}
.zoom {
	overflow: hidden;
	display:block;
	background-image: url('../img/icons/zoom.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.video {
	overflow: hidden;
	display:block;
	background-image: url('../img/icons/video.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.hover img, .zoom img, .video img {
	display: block;
}
/*	
-------------------------------------------
	10. Table
-------------------------------------------
*/
table {
	margin:0 0 10px;
	width:100%;
}
table th {
	border:1px solid #ddd;
	padding:10px 15px;
	background: #f0f0f0;
}
table td {
	padding:10px 15px;
	text-align:center;
}
/*	
-------------------------------------------
	11. Code
-------------------------------------------
*/
code, pre {
	display:block;
	padding:0 15px;
	border:1px solid #ddd;
	background:url('../img/code_bg.png') repeat scroll 0 0 transparent;
	font-size:11px;
	line-height:19px;
	margin-bottom:10px;
	overflow:hidden;
}
/*	
-------------------------------------------
	12. Left, Right, Center
-------------------------------------------
*/
.left {
	float:left;
}
.right {
	float:right;
}
img.left {
	float:left;
	margin-right:15px;
	margin-top:3px;
	margin-bottom:10px;
}
img.right {
	float:right;
	margin-left:15px;
	margin-top:3px;
	margin-bottom:10px;
}
a.left img {
	float:left;
	margin-right:15px;
	margin-top:3px;
	margin-bottom:10px;
}
a.right img {
	float:right;
	margin-left:15px;
	margin-top:3px;
	margin-bottom:10px;
}
.img {
	margin-bottom:10px;
}
img.center {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.center {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}
/*	
-------------------------------------------
	G) TWITTER
-------------------------------------------
*/
.tweet {
	overflow:hidden;
}
ul.tweet_list {
	margin:0px;
	padding:0px;
	list-style:none;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url('../img/icons/twitter.png');
	background-repeat: no-repeat;
	background-position: left center;
}
li.tweet_first, li.tweet_odd, li.tweet_even {
	margin-left:36px;
}
.loading {
	margin:0;
	padding:0;
	background-image: url('../img/icons/loading.gif');
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 105px center;
}
.twitter_box {
	padding:15px 0 15px 0;
	background:#f0f0f0;
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-ms-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	border-top:1px solid #fff;
}
span.tweet_time a {
	border-bottom:1px solid transparent;
}
span.tweet_text a {
	border-bottom:1px solid transparent;
}
/*	
	H) FANCY CAPTION & ENTRY HOVER
-------------------------------------------
	1. Fancy Caption
-------------------------------------------
*/

.fancycaption a:hover {
	text-decoration:none;
}
.fancycaption {
	position: relative;
	overflow: hidden;
	float: left;
	margin: 0;
	width:100%;
	display:block;
}
.fancycaption .caption {
	position: absolute;
	background-color: rgba(33, 33, 33, 0.4);
}
.fancycaption .slide-top {
	width:100%;
	height:148px;
	margin:0;
	padding:0;
}
ul.portfolio .fancycaption .slide-top {
	width:100%;
	height:210px;
	margin:0;
	padding:0;
}
.fancycaption span {
	padding:0px 15px 0 15px;
}
.fancycaption h4 {
	display:block;
	margin:0;
	padding:15px 15px 0 15px;
}
.slide-right, .slide-left {
	width: 50%;
	top: 50% !important;
	text-align:center;
}
/*	
	H) FANCY CAPTION & ENTRY HOVER
-------------------------------------------
	2. Entry Hover
-------------------------------------------
*/
.entry_hover {
	position: relative;
	float: left;
	padding: 0;
}
.entry_hover a {
	position:absolute;
	top: 35%;
	left: 50%;
	margin-left:-50px;
	display: none;
	cursor:pointer;
}
.entry_hover a:hover {
	text-decoration:none;
}
/*	
-------------------------------------------
	I) Tooltip
-------------------------------------------
*/
.blackTip .content {
	width: 80px;
	padding: 5px 15px 5px 15px;
	background:#f0f0f0;
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-ms-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	border:1px solid#fff;
}
.blackTip .bottom {
	height: 14px;
	background: url('../img/notch-black.png') top center no-repeat;
}
/*	
-------------------------------------------
	J) MISC
-------------------------------------------
*/
.theme_color a {
	text-decoration:none;
	color:#f5f5f5;
}
.theme_color a:hover {
	color:#f5f5f5;
}
p.big, span.big {
	font-size:48px;
	font-weight:bold;
}
p.small, span.small {
	font-size:18px;
}
p.italic, span.italic {
	font-style:italic;
}
.fluid {
	width: 100%;
	float: left;
}
#map {
	width:626px;
	height:250px;
	margin-bottom:10px;
}
::selection {
color: #f5f5f5;
}
::-moz-selection {
color: #f5f5f5;
}
.fancy_box {
	padding:15px;
	background:#f0f0f0;
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-ms-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	border:1px solid#fff;
}
a:link.fancy_link {
	border-bottom:1px solid transparent;
}
.no_margin {
	margin:0;
}
ul.team {
	float:left;
}
ul.team li {
	padding:0;
	padding-right:10px;
}
/*	
-------------------------------------------
	K) Service 
-------------------------------------------
*/
.service {
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	overflow: hidden;
}
.service_icon {
	float: left;
	margin: 3px 15px 10px 0;
}
/*	
-------------------------------------------
	L) Sidebar tags & contact 
-------------------------------------------
*/
ul.tags {
	display:block;
	margin-bottom:10px;
}
ul.tags li {
	display:inline;
	padding:5px 5px;
}
ul.tags li a {
	text-decoration:none;
	text-transform:lowercase;
}
ul.tags li a:hover {
	color:#000;
}
ul.tags .popular {
	font-size:x-large;
}
ul.tags .central {
	font-size:medium;
}
ul.contact {
	margin:0;
	display:inline-block;
	margin-bottom:10px;
}
ul.contact li {
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom: 1px dotted #ddd;
}