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

	Theme Name: Tehran
	Theme URI: http://www.sacredpixel.com
	Description: Tehran - Clean & Powerful Corporate HTML Template
	Author: PixFlow (http://themeforest.net/user/PixFlow)
	Author URI: http://www.sacredpixel.com

-------------------------------------------------------------------------------------

    0.	CSS Reset
	1.	Document Setup (body, common classes, vertical rhythm, structure etc)
	2.	Header Styles
    3.	Footer Styles & footer widgets
    4.	Buttons
    5.	Message Boxes
    6.	Testimonial Boxes
    7.	Separators
    8.	Lists
    9.	Text Highlights
    10.	Dropcaps
    11.	Blockquotes & pullquotes
    12.	Paginations
    13.	Accordions
    14.	Tabs
    15.	Twitter bar
    16.	Sliders
	17.	Blog
	18.	Respond/Contact Form
	19.	Tables
	20.	Sidebars & widgets
	21.	Galleries
	22.	Contact Page
	23.	Info Boxes
	24.	Taglines
	25.	Staff Profile
	26.	Other/Custom Styles

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

/*-----------------------------------------------------------------------------------*/
/*	0.	CSS Reset
/*-----------------------------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{
  border:0;
  font:inherit;
  font-size:100%;
  margin:0;
  padding:0;
  vertical-align:baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
{
  display:block
}

/*-----------------------------------------------------------------------------------*/
/*	1.	Document Setup
/*-----------------------------------------------------------------------------------*/

body
{
  background-color:#f5f5f5;
  color:#202020;
  font-family:Muli, sans-serif;
  font-size:12px;
  line-height:21px
}

ol,ul
{
  list-style:none
}

blockquote,q
{
  quotes:none
}

blockquote:before,blockquote:after,q:before,q:after
{
  content:none
}

table
{
  border-collapse:collapse;
  border-spacing:0
}

a
{
  color:#00b4ff;
  text-decoration:none
}

a:hover
{
  text-decoration:underline
}

p
{
  color:#7e7e7e;
  line-height:21px;
  margin-bottom:21px
}

.container
{
  margin:0 auto;
  width:900px
}

.clear
{
  clear:both;
  height:0;
  line-height:0
}

.underline
{
  border-bottom:1px solid #b4b4b4;
  display:inline-block
}

.left
{
  float:left!important
}

.right
{
  float:right!important
}

.hidden
{
  display:none
}

.no_border
{
  border:none!important
}

textarea,input[type="text"]
{
  font-family:Muli, sans-serif;
  font-size:14px
}

h1,h2,h3,h4,h5,h6
{
  font-family:Ubuntu, sans-serif;
  margin-bottom:21px
}

h1,h2,h3
{
  line-height:42px
}

h4,h5,h6
{
  line-height:21px
}

h1
{
  font-size:36px
}

h2
{
  font-size:32px
}

h3
{
  font-size:28px
}

h4
{
  font-size:18px
}

h5
{
  font-size:14px;
  text-transform:uppercase
}

h6
{
  font-size:12px;
  text-transform:uppercase
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a
{
  color:#202020
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover
{
  text-decoration:none
}

.one_half,.one_fourth,.two_fourth,.three_fourth,.one_third,.two_third
{
  float:left;
  position:relative
}

.one_half
{
	margin-right:3.33%;
	width:48%
}

.one_half1
{
	margin-right:3.33%;
	width:100%
}

.one_fourth
{
  margin-right:3.61%;
  width:22.22%
}

.two_fourth
{
  margin-right:3.66%;
  width:48.11%
}

.three_fourth
{
  margin-right:3.66%;
  width:74%
}

.one_third
{
  margin-right:3.33%;
  width:31.11%
}

.two_third
{
  margin-right:3.33%;
  width:65.55%
}

.last
{
  margin-right:0!important
}

#main
{
  margin:42px 0 21px
}

/* Special properties for home 3 */

.home_3
{
  background-image: url(images/home_bg.png);
  background-repeat:no-repeat;
  background-position:center top;
}

/*-----------------------------------------------------------------------------------*/
/*	2.	Header Styles
/*-----------------------------------------------------------------------------------*/

#header
{
  border-bottom:1px solid #828282;
  padding-bottom:12px
}

#logo
{
  float:left;
  margin:50px 35px 0 0
}

.navigation
{
  float:left;
  margin-left:-10px;
  margin-top:85px
}

.navigation li
{
  display:inline;
  float:left;
  margin-left:10px;
  position:relative
}

.navigation li a
{
  color:#202020;
  display:block;
  font-size:16px;
  height:33px;
  line-height:31px;
  padding:0 16px;
  text-decoration:none
}

.navigation .sfHover a,.navigation li:hover a
{
  background:transparent url(images/nav_hover.png) no-repeat scroll;
  color:#fff;
  float:left;
  padding-right:11px
}

.navigation .sfHover .active_end,.navigation li:hover .active_end
{
  background:transparent url(images/nav_hover.png) no-repeat scroll right top
}

.navigation li.active a
{
  background:transparent url(images/nav_current.png) no-repeat scroll;
  color:#fff;
  float:left;
  padding-right:11px
}

.navigation .active_end
{
  clear:right;
  display:none;
  float:left;
  height:33px;
  width:5px
}

.navigation .active .active_end
{
  background:transparent url(images/nav_current.png) no-repeat scroll right top!important
}

.navigation .sfHover .active_end,.navigation li:hover .active_end,.navigation .active .active_end
{
  display:block
}

.navigation li ul
{
  display:block;
  left:0;
  padding-top:13px;
  position:absolute;
  visibility:hidden;
  z-index:9999
}

.navigation li:hover ul
{
  visibility:visible
}

.navigation li ul li
{
  background:transparent url(images/nav_sub.png) repeat-x scroll;
  display:block;
  float:none;
  margin:0 0 1px;
  padding-left:13px
}

.navigation li ul li:hover
{
  background-image:url(images/nav_sub_active.png)
}

.navigation li ul li a
{
  background:none!important;
  color:#FFF;
  float:none!important;
  font-size:12px;
  height:30px;
  line-height:30px;
  min-width:190px;
  padding:0!important;
  width:100%
}

.navigation li ul li ul
{
  left:203px;
  padding-left:1px;
  padding-top:0;
  top:0;
  visibility:hidden!important
}

.navigation li ul li:hover ul
{
  visibility:visible!important
}

.sf-sub-indicator
{
  display:none
}

.navigation li ul .sf-sub-indicator
{
  background:transparent url(images/nav_arrow.png) no-repeat scroll;
  display:block;
  height:10px;
  position:absolute;
  right:6px;
  text-indent:-3000px;
  top:11px;
  width:7px
}

#header .search
{
  float:right;
  margin-top:32px
}

#header .search .link
{
  text-align:right
}

#header .search .link a
{
  color:#767676
}

.home_3 #header .search .link a
{
  color:#333
}

#header .search .link span
{
  color:#afafaf;
  padding:0 5px
}

.home_3 #header .search .link span
{
  color:#828282;
}

#header .search .link a:hover
{
  text-decoration:none
}

#header .search form
{
  border:1px solid #b6b6b6;
  height:20px;
  margin-top:10px
}

.home_3 #header .search form
{
    border-color:#828282;
}

#header .search input
{
  float:left;
  font-size:12px
}

#header .search input[type="text"]
{
  background-color:transparent;
  border:none;
  color:#767676;
  height:18px;
  padding:1px 5px;
  width:140px
}

#header .search input[type="submit"]
{
  background:transparent url(images/search.png);
  border:none;
  border-left:1px solid #b6b6b6;
  cursor:pointer;
  height:20px;
  margin:0;
  padding:0;
  width:22px
}

#intro
{
  padding:21px 0
}

#intro h1
{
  display:inline-block;
  float:left;
  margin-bottom:0
}

.subnavigation
{
  float:right;
  font-size:16px;
  margin-top:12px
}

.subnavigation li
{
  display:block;
  float:left;
  margin-left:33px
}

.subnavigation li.current
{
  border-bottom:2px solid #00b4ff!important
}

.subnavigation li:hover
{
  border-bottom:2px solid #a9a9a9
}

.subnavigation a
{
  color:#252525;
  display:block;
  height:26px;
  padding:0 3px
}

.subnavigation a:hover
{
  text-decoration:none
}

#breadcrumb
{
  background:transparent url(images/scanline1.png) repeat scroll;
  height:7px;
  position:relative
}

.breadcrumb_inner
{
  background-color:#f5f5f5;
  height:12px;
  left:21px;
  padding:0 4px;
  position:absolute;
  top:-3px
}

#breadcrumb .delimiter,#breadcrumb .breadcrumb_current,#breadcrumb a
{
  color:#202020;
  display:block;
  float:left;
  font-size:12px;
  line-height:12px
}

#breadcrumb a:hover
{
  text-decoration:none
}

#breadcrumb .delimiter
{
  padding:0 4px
}

/*-----------------------------------------------------------------------------------*/
/*	3.	Footer Styles & footer widgets
/*-----------------------------------------------------------------------------------*/

#footer
{
  margin-bottom:12px
}

#footer .widget_area
{
  padding-top:21px
}

#footer .foot
{
  padding:15px 0
}

#footer .foot p
{
  color:#2c2c2c;
  float:left;
  font-family:Ubuntu, sans-serif;
  margin-bottom:0
}

#footer .foot ul
{
  float:right;
  margin-top:3px
}

#footer .foot ul li
{
  display:block;
  float:left;
  margin-right:15px
}

#footer .widget_blog_comments .head
{
  height:21px;
  margin-bottom:10px
}

#footer .widget_blog_comments h4
{
  display:inline-block;
  float:left;
  margin-bottom:0
}

#footer .widget_blog_comments cite a
{
  color:#202020
}

#footer .widget_blog_comments cite a:hover
{
  text-decoration:none
}

#footer .widget_blog_comments .arrows
{
  float:right;
  padding-top:2px
}

#footer .widget_blog_comments .arrow_down,#footer .widget_blog_comments .arrow_up
{
  background:url(images/widget_blog_comments_arrows.png);
  display:inline-block;
  float:right;
  height:18px;
  width:19px
}

#footer .widget_blog_comments .arrow_up
{
  background-position:-19px 0;
  margin-left:7px
}

#footer .widget_blog_comments .arrow_down:hover
{
  background-position:0 -18px
}

#footer .widget_blog_comments .arrow_up:hover
{
  background-position:-19px -18px
}

#footer .widget_blog_comments .date
{
  background:transparent url(images/blogwidget_datecircles.png);
  color:#fff;
  display:block;
  float:left;
  font-size:30px;
  height:37px;
  line-height:11px;
  margin-right:15px;
  padding-top:16px;
  text-align:center;
  width:53px
}

#footer .widget_blog_comments .comment:hover .date
{
  background-position:0 -53px
}

#footer .widget_blog_comments .date span
{
  font-size:11px;
  line-height:15px
}

#footer .widget_blog_comments p
{
  margin-bottom:0;
  text-transform:none!important
}

#footer .widget_blog_comments cite
{
  font-family:Ubuntu, Sans-Serif;
  font-size:14px
}

#footer .widget_blog_comments .comment
{
  background:transparent url(images/separator.png) repeat-x left bottom;
  padding:10px 0
}

#footer .widget_blog_comments .last_comment
{
  background:none
}

#footer .widget_blog_comments .comments_wrap
{
  height:255px;
  overflow:hidden
}

#footer .widget_contact_info p
{
  color:#737373
}

#footer .widget_contact_info .icon
{
  text-align:center
}

/*-----------------------------------------------------------------------------------*/
/*	4.	Buttons
/*-----------------------------------------------------------------------------------*/

.button
{
  display:block;
  position:relative;
  text-align:center;
}

.button:hover
{
  text-decoration:none
}

.button1a
{
  padding: 10px;
  position:relative;
  text-align:center;
}

.button1a:hover
{
  text-decoration:none
}

.button img
{
  display:block
}

.button img.hover
{
  display:none;
  left:0;
  position:absolute;
  top:0
}

.button p
{
  color:#FFF;
  left:0;
  margin:0;
  position:absolute;
  top:0;
  width:100%;

}

.button input[type="submit"]
{
  background:url(images/blank.gif) no-repeat scroll 0 0 transparent;
  border:0;
  cursor:pointer;
  position:relative
}

.button_submit img
{
  left:0;
  position:absolute;
  top:0
}

.button_gray,.button_blue,.button_bondi_blue
{
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  color:#FFF;
  font-family:Ubuntu, sans-serif;
  font-size:14px;
  height:32px;
  line-height:30px;
  width:124px
}

.button_arrow_right
{
  background-image:url(images/button_arrow.png);
  background-position:93% center;
  background-repeat:no-repeat;
  padding:0 0 0 15px;
  text-align:left;
  width:109px
}

.button_bondi_blue
{
  background-color:#054d6b
}

.button_bondi_blue:hover
{
  background-color:#5d97af
}

.button_gray
{
  background-color:#555
}

.button_gray:hover
{
  background-color:#8c8c8c
}

.button_blue
{
  background-color:#00b4ff
}

.button_blue:hover
{
  background-color:#41c7ff
}

.button_simple
{
  background-color:#242424;
  border-bottom:4px solid #00b4ff;
  color:#FFF;
  font-family:Ubuntu, sans-serif;
  font-size:14px;
  height:25px;
  line-height:25px;
  width:105px
}

.button_simple:hover
{
  border-bottom:4px solid #b5b5b5
}

/*-----------------------------------------------------------------------------------*/
/*	5.	Message Boxes
/*-----------------------------------------------------------------------------------*/

.messageBox
{
  margin-bottom:42px;
  overflow:hidden;
  position:relative
}

.messageBox1,.messageBox2
{
  min-height:124px;
  padding:21px 21px 55px 15px
}

.messageBox1
{
  background:#3e3e3e;
  color:#fff
}

.messageBox2
{
  background:#dfdcdc;
  color:#000
}

.messageBox3
{
  background:#fff;
  color:#fff;
  min-height:200px
}

.messageBox2 .button,.messageBox1 .button
{
  bottom:21px;
  position:absolute;
  right:21px
}

.messageBox3 .text
{
  margin:0;
  padding:21px
}

.messageBox1 .text,.messageBox2 .text,.messageBox3 .head
{
  font-family:Ubuntu, sans-serif;
  font-size:22px
}

.messageBox3 .head
{
  background:#00b4ff;
  display:block;
  line-height:42px;
  padding-left:21px
}

/*-----------------------------------------------------------------------------------*/
/*	6.	Testimonial Boxes
/*-----------------------------------------------------------------------------------*/

.testimonial
{
  margin-bottom:21px
}

.testimonial p
{
  color:#5f5f5f;
  font-style:italic
}

.testimonial .meta,.testimonial .name
{
  font-family:Ubuntu, sans-serif
}

.testimonial .name
{
  color:#000;
  font-size:14px
}

.testimonial .meta
{
  color:#5f5f5f;
  font-family:Ubuntu, sans-serif;
  font-size:12px
}

.testimonial1 .top
{
  background:url(images/testimonial1_topshadow.png);
  height:5px
}

.testimonial1 .content
{
  background:url(images/testimonial1_maintexture.png) repeat-y scroll;
  height:250px;
  padding:21px 30px 21px 21px
}

.testimonial1 .bottom
{
  background:url(images/testimonial1_bottomshadow.png);
  height:30px;
  margin-bottom:-16px
}

.testimonial2 .content
{
  background:#ddd;
  height:255px;
  padding:21px 30px 21px 21px
}

.testimonial2 .bottom
{
  background:url(images/testimonial2_bottomshadow.png);
  height:30px;
  margin-bottom:-16px
}

.testimonial1 .cite
{
  padding-left:75px;
  text-align:left
}

.testimonial2 .cite
{
  float:right;
  padding-right:75px;
  text-align:left
}

/*-----------------------------------------------------------------------------------*/
/*	7.	Separators
/*-----------------------------------------------------------------------------------*/

.separator
{
  background:transparent url(images/separator.png) repeat-x;
  height:2px
}

.separator1
{
  background:transparent url(images/separator1.png) repeat-x;
  height:1px
}

.separator2
{
  background:transparent url(images/separator2.png) repeat-x;
  height:4px
}

.separator3
{
  background:transparent url(images/separator3.png) repeat-x;
  height:5px
}

.separator_title
{
  margin-bottom:27px;
  margin-top:13px;
  position:relative
}

.separator_title span
{
  background:#f5f5f5;
  color:#171717;
  font-family:Ubuntu, sans-serif;
  font-size:22px;
  padding-right:10px;
  position:absolute;
  top:-13px
}

/*-----------------------------------------------------------------------------------*/
/*	8.	Lists
/*-----------------------------------------------------------------------------------*/

.plus_list,.arrow3_list,.arrow2_list,.arrow_list,.check_list,.disk_list
{
  font-family:Ubuntu, sans-serif;
  font-size:14px;
  margin-bottom:21px
}

.plus_list li,.arrow3_list li,.arrow2_list li,.arrow_list li,.check_list li,.disk_list li
{
  margin-top:5px
}

.plus_list li ul li,.arrow3_list li ul li,.arrow2_list li ul li,.arrow_list li ul li,.check_list li ul li,.disk_list li ul li
{
  color:#6b6b6b
}

.disk_list li
{
  background:transparent url(images/bullet1.png) no-repeat left 7px;
  padding-left:17px
}

.disk_list li ul li
{
  background-image:url(images/bullet1_sub1.png)
}

.check_list li
{
  background:transparent url(images/bullet2.png) no-repeat left 5px;
  padding-left:23px
}

.arrow_list li
{
  background:transparent url(images/bullet3.png) no-repeat left 5px;
  padding-left:17px
}

.arrow2_list li
{
  background:transparent url(images/bullet4.png) no-repeat left 6px;
  padding-left:21px
}

.arrow2_list li ul li
{
  background-image:url(images/bullet4_sub1.png)
}

.arrow3_list li
{
  background:transparent url(images/bullet5.png) no-repeat left 7px;
  padding-left:17px
}

.plus_list li
{
  background:transparent url(images/bullet6.png) no-repeat left 6px;
  padding-left:21px
}

/*-----------------------------------------------------------------------------------*/
/*	9.	Text Highlights
/*-----------------------------------------------------------------------------------*/

.highlight_blue,.highlight_yellow,.highlight_grey
{
  padding:2px 4px
}

.highlight_yellow
{
  background-color:#ffeb9d;
  color:#474747
}

.highlight_grey
{
  background-color:#414141;
  color:#FFF
}

.highlight_blue
{
  background-color:#00b4ff;
  color:#FFF
}

/*-----------------------------------------------------------------------------------*/
/*	10.	Dropcaps
/*-----------------------------------------------------------------------------------*/

.dropcap,.dropcap2,.dropcap3
{
  color:#00b4ff;
  float:left;
  text-align:center
}

.dropcap
{
  display:block;
  font-size:40px;
  line-height:42px;
  margin:0 8px 0 0
}

.dropcap2
{
  background:transparent url(images/dropcap1.png) no-repeat scroll left top;
  color:#FFF;
  display:block;
  font-size:29px;
  line-height:36px;
  margin:3px 8px 0 0;
  width:35px
}

.dropcap3
{
  background:transparent url(images/dropcap2.png) no-repeat scroll left top;
  color:#FFF;
  display:block;
  font-size:29px;
  line-height:35px;
  margin:3px 8px 0 0;
  width:34px
}

/*-----------------------------------------------------------------------------------*/
/*	11.	Blockquotes & pullquotes
/*-----------------------------------------------------------------------------------*/

blockquote,.pullquote,.pullquote_right
{
  background:transparent url(images/quote_start.png) no-repeat scroll left top;
  color:#202020;
  font-family:Ubuntu, sans-serif;
  font-size:18px;
  font-style:italic;
  padding:21px 35px;
  position:relative
}

blockquote
{
  margin-bottom:21px
}

blockquote p
{
  color:#202020;
  font-size:18px;
  margin-bottom:0
}

.pullquote .end,.pullquote_right .end,blockquote .end
{
  background:transparent url(images/quote_end.png) no-repeat scroll;
  bottom:0;
  height:22px;
  position:absolute;
  right:0;
  width:28px
}

.pullquote_right,.pullquote
{
  display:inline-block;
  margin:10px 0;
  width:31.11%
}

.pullquote
{
  float:left;
  margin-right:1.2%
}

.pullquote_right
{
  float:right;
  margin-left:1.2%
}

/*-----------------------------------------------------------------------------------*/
/*	12.	Paginations
/*-----------------------------------------------------------------------------------*/

.pagination .page_current,.pagination a
{
  display:block;
  float:left;
  font-family:Ubuntu, sans-serif;
  text-align:center
}

.pagination a:hover
{
  text-decoration:none
}

.pagination1
{
  margin:7px 0 6px
}

.pagination1 span,.pagination1 a
{
  margin-right:10px
}

.pagination1 .page_current,.pagination1 .page
{
  font-size:18px;
  height:29px;
  line-height:29px;
  width:29px
}

.pagination1 .page_current
{
  background-image:url(images/pagination1_current.png);
  color:#FFF
}

.pagination1 .page
{
  background:transparent url(images/pagination1.png) no-repeat scroll;
  color:#838383
}

.pagination1 .page:hover
{
  background-position:0 -29px
}

.pagination1 .next,.pagination1 .previous
{
  height:29px;
  width:33px
}

.pagination1 .previous
{
  background:transparent url(images/pagination1_previous1.png) no-repeat scroll
}

.pagination1 .previous:hover
{
  background-position:0 -29px
}

.pagination1 .next
{
  background:url(images/pagination1_next1.png) no-repeat
}

.pagination1 .next:hover
{
  background-position:0 -29px
}

.pagination1 .last,.pagination1 .first
{
  height:29px;
  width:65px
}

.pagination1 .first
{
  background:transparent url(images/pagination1_first.png) no-repeat scroll
}

.pagination1 .first:hover
{
  background-position:0 -29px
}

.pagination1 .last
{
  background:transparent url(images/pagination1_last.png) no-repeat scroll
}

.pagination1 .last:hover
{
  background-position:0 -29px
}

.pagination2
{
  line-height:18px;
  margin:12px 0
}

.pagination2 span,.pagination2 a
{
  margin-right:14px
}

.pagination2 a:hover
{
  color:#b8b8b8
}

.pagination2 .next,.pagination2 .previous,.pagination2 .page_current,.pagination2 .page
{
  font-size:12px;
  height:18px;
  line-height:18px;
  text-align:center
}

.pagination2 .next,.pagination2 .previous,.pagination2 .page
{
  color:#333;
  padding:0 5px
}

.pagination2 .page_current
{
  background:transparent url(images/pagination2_current.png) repeat-x scroll;
  color:#333;
  padding:0 5px
}

.pagination3
{
  line-height:23px;
  margin:10px 0 9px
}

.pagination3 span,.pagination3 a
{
  background-color:#d7d7d7;
  border-radius:2px;
  margin-right:2px
}

.pagination3 a:hover
{
  background-color:#b8b8b8
}

.pagination3 .next,.pagination3 .previous,.pagination3 .page_current,.pagination3 .page
{
  font-family:Ubuntu, sans-serif;
  font-size:12px;
  height:23px;
  line-height:23px;
  text-align:center
}

.pagination3 .next,.pagination3 .previous,.pagination3 .page
{
  color:#333;
  display:block
}

.pagination3 .page_current,.pagination3 .page
{
  width:23px
}

.pagination3 .page_current
{
  background:transparent url(images/pagination3_current.png) repeat-x scroll;
  color:#FFF
}

.pagination3 .next,.pagination3 .previous
{
  padding:0 15px
}

.pagination_container
{
  background:transparent url(images/blog_pagination_bg.png) no-repeat center top;
  height:79px;
  margin-top:21px;
  padding:5px 0 0
}

.pagination_container .pagination
{
  display:table;
  margin-left:auto;
  margin-right:auto
}

/*-----------------------------------------------------------------------------------*/
/*	13.	Accordions
/*-----------------------------------------------------------------------------------*/

.accordion
{
  padding-bottom:5px
}

.accordion .content_pad
{
  padding-left:30px
}

.accordion_title
{
  color:#202020;
  display:block;
  float:left;
  font-size:14px;
  line-height:21px;
  margin-bottom:0
}

.accordion_title a
{
  color:#202020
}

.accordion_title a:hover
{
  text-decoration:none
}

.accordion .accordion_title span
{
  display:block;
  float:left;
  margin-right:7px
}

.accordion .accordion_content
{
  margin:21px 0
}

.accordion1 .accordion_header
{
  padding:10px 0 9px
}

.accordion_header .media
{
  float:right
}

.accordion_header .media .media_icon
{
  float:left;
  margin-right:15px
}

.accordion_header .media .media_icon img
{
  margin-right:5px
}

.accordion_header .media .media_name,.accordion_header .media .media_count
{
  font-family:Ubuntu, sans-serif;
  font-size:14px
}

.accordion_header .media .media_name
{
  color:#b1b1b1
}

.accordion_header .media .media_count
{
  color:#333
}

.accordion1 .accordion_title span,.accordion1 .accordion_closed
{
  height:23px;
  width:23px
}

.accordion1 .accordion_closed
{
  background:transparent url(images/accordion1_closed.png) no-repeat scroll!important
}

.accordion1 .accordion_title span
{
  background:transparent url(images/accordion1_open.png) no-repeat scroll
}

.accordion2 .accordion_header
{
  padding:7px 0 6px
}

.accordion2 .accordion_title span,.accordion2 .accordion_closed
{
  height:29px;
  width:29px
}

.accordion2 .accordion_closed
{
  background:transparent url(images/accordion2_closed.png) no-repeat scroll!important
}

.accordion2 .accordion_title span
{
  background:transparent url(images/accordion2_open.png) no-repeat scroll
}

/*-----------------------------------------------------------------------------------*/
/*	14.	Tabs
/*-----------------------------------------------------------------------------------*/

.tab_head li
{
  float:left
}

.tab_head a
{
  border-bottom:1px solid #a7a7a7;
  color:#626262;
  display:block;
  font-family:Ubuntu, sans-serif;
  font-size:14px
}

.tab_content
{
  margin-top:21px
}

.tab_head a:hover
{
  text-decoration:none
}

.tab_head .selected .tab_end,.tab_head .selected .tab_text
{
  display:block;
  float:left
}

.tab1 .tab_head a
{
  line-height:40px;
  padding:0 18px
}

.tab1 .tab_last .selected .tab_end,.tab1 .tab_last .selected .tab_text
{
  background-image:url(images/tab1_selected_last.png)!important
}

.tab1 .tab_head .selected .tab_end,.tab1 .tab_head .selected .tab_text
{
  background:transparent url(images/tab1_selected.png) no-repeat left top;
  height:41px
}

.tab1 .tab_head .selected
{
  border:none;
  padding:0
}

.tab1 .tab_head .selected .tab_text
{
  color:#202020;
  line-height:41px;
  padding:0 9px 0 17px
}

.tab1 .tab_head .selected .tab_end
{
  background-position:right top;
  width:11px
}

.tab2 .tab_head a
{
  line-height:41px;
  padding:0 18px
}

.tab2 .tab_last .selected .tab_end,.tab2 .tab_last .selected .tab_text
{
  background-image:url(images/tab2_selected_last.png)!important
}

.tab2 .tab_head .selected .tab_end,.tab2 .tab_head .selected .tab_text
{
  background:transparent url(images/tab2_selected.png) no-repeat left top;
  height:42px
}

.tab2 .tab_head .selected
{
  border:none;
  padding:0
}

.tab2 .tab_head .selected .tab_text
{
  color:#202020;
  line-height:42px;
  padding:0 17px 0 16px
}

.tab2 .tab_head .selected .tab_end
{
  background-position:right top;
  width:5px
}

.tab3 .tab_head a
{
  line-height:41px;
  padding:0 18px
}

.tab3 .tab_head .selected .tab_end,.tab3 .tab_head .selected .tab_text
{
  background:transparent url(images/tab3_selected.png) no-repeat left top;
  height:42px
}

.tab3 .tab_head .selected
{
  border:none;
  padding:0
}

.tab3 .tab_head .selected .tab_text
{
  color:#202020;
  line-height:42px;
  padding:0 0 0 18px
}

.tab3 .tab_head .selected .tab_end
{
  background-position:right top;
  width:38px
}

/*-----------------------------------------------------------------------------------*/
/*	15.	Twitter bar
/*-----------------------------------------------------------------------------------*/

#twitter_bar
{
  padding:21px 0
}

#twitter_update_list
{
  display:inline
}

#twitter_update_list a
{
  color:#202020
}

#twitter_update_list a:hover
{
  color:#aaa;
  text-decoration:none
}

#twitter_bar span
{
  font-size:18px;
  line-height:21px
}

#twitter_bar .icon
{
  background:transparent url(images/twitterbird1.png) no-repeat;
  float:right;
  height:26px;
  margin-top:-4px;
  width:140px
}

#twitter_bar:hover .icon
{
  background-position:0 -26px
}

/*-----------------------------------------------------------------------------------*/
/*	16.	Sliders
/*-----------------------------------------------------------------------------------*/

.slider
{
  margin-bottom:21px;
  overflow:hidden;
  position:relative
}

.slider ul
{
  overflow:hidden
}

.slider li
{
  left:0;
  position:absolute;
  top:0;
  display:none
}

.slider li:first-child
{
  display:block
}

.slider .slider_overlay
{
  color:#fff;
  font-family:Ubuntu Sans-Serif;
  font-size:14px;
  position:absolute
}

.slider .slider_pager a
{
  display:inline-block;
  text-indent:-1000px
}

.slider1 li,.slider1 ul
{
  height:360px;
  width:900px
}

.slider1 .slider_overlay
{
  background:transparent url(images/black_bg_transparent60.png) repeat;
  bottom:0;
  height:50px;
  left:0;
  line-height:50px;
  text-align:center;
  width:100%
}

.slider1 .slider_pager
{
  bottom:15px;
  height:16px;
  left:20px;
  position:absolute;
  width:50%;
  z-index:1000
}

.slider1 .slider_pager a
{
  background:transparent url(images/slider1_button.png) no-repeat;
  height:16px;
  margin-right:3px;
  width:16px
}

.slider1 a.activeSlide
{
  background-position:0 -16px
}

.slider2 li,.slider2 ul
{
  height:275px;
  width:590px
}

.slider2 .slider_overlay
{
  background:transparent url(images/black_bg_transparent60.png) repeat;
  bottom:0;
  height:40px;
  left:0;
  line-height:40px;
  text-align:center;
  width:100%
}

.slider2 .slider_pager
{
  bottom:12px;
  height:15px;
  left:20px;
  position:absolute;
  width:50%;
  z-index:1000
}

.slider2 .slider_pager a
{
  background:transparent url(images/slider2_button.png) no-repeat;
  height:15px;
  margin-right:6px;
  width:14px
}

.slider2 a.activeSlide
{
  background-position:0 -15px
}

.slider3 li,.slider3 ul
{
  height:275px;
  width:280px
}

.slider4
{
  height:422px;
  margin-bottom:0
}

.slider4 li,.slider4 ul
{
  height:380px;
  width:900px
}

.slider4 .slider_overlay
{
  left:0;
  top:245px
}

.slider4 .slider_overlay h3
{
  background:transparent url(images/black_bg_transparent60.png) repeat;
  color:#FFF;
  font-size:30px;
  line-height:48px;
  margin:0 0 -2px;
  padding:0 25px
}

.slider4 .slider_overlay span
{
  background:transparent url(images/white_bg_transparent60.png) repeat;
  color:#000;
  font-family:Ubuntu, Sans-Serif;
  font-size:20px;
  line-height:26px;
  padding:0 25px
}

.slider4 .slider_pager
{
  bottom:14px;
  height:14px;
  left:0;
  position:absolute;
  width:50%;
  z-index:1000
}

.slider4 .slider_pager a
{
  background:transparent url(images/slider4_button.png) no-repeat;
  height:14px;
  margin-right:6px;
  width:14px
}

.slider4 a.activeSlide
{
  background-position:0 -14px
}

#slider_home
{
  background:transparent url(images/slider_home.jpg) repeat-x center top;
  height:376px;
  margin:0 0 84px
}

#slider_home .slider_inner
{
  margin:0 auto;
  position:relative;
  width:900px
}

#slider_home .navigation_button
{
  display:block;
  height:104px;
  position:absolute;
  top:172px;
  width:59px
}

#slider_home .navigation_left
{
  background:transparent url(images/slider_home_left.png) no-repeat;
  left:0
}

#slider_home .navigation_right
{
  background:transparent url(images/slider_home_right.png) no-repeat;
  right:0
}

#slider_home .slider_images
{
  left:50px;
  top:0
}

#slider_home .slider_images li
{
  left:0;
  top:0;
  display:none
}

#slider_home .slider_images li:first-child
{
  display:block
}

#slider_home .slider_images li,#slider_home .slider_images
{
  height:424px;
  overflow:hidden;
  position:absolute;
  width:800px
}

#slider_home .slider_text
{
  left:0;
  position:absolute;
  top:40px;
  width:80%;
  z-index:999
}

#slider_home .slider_text li
{
  color:#FFF;
  left:0;
  position:absolute;
  top:0;
  display:none
}

#slider_home .slider_text li:first-child
{
    display:block
}

#slider_home .slider_text h3
{
  display:block;
  font-family:Muli, Sans-Serif;
  font-size:36px;
  margin:0
}

#slider_home .slider_text .line
{
  background-color:#FFF;
  height:1px;
  width:215px
}

#slider_home .slider_text p
{
  color:#FFF;
  margin:0
}

#slider_home2
{
  margin-bottom:42px;
  position:relative
}

#slider_home2 .slides_background
{
  background:transparent url(images/slider_home2.png) no-repeat;
  height:320px;
  width:900px
}

#slider_home2 .slider_images li,#slider_home2 .slider_images
{
  height:300px;
  overflow:hidden;
  width:900px
}

#slider_home2 .slider_images li
{
  position:absolute;
  display:none
}

#slider_home2 .slider_images li:first-child
{
    display:block
}

#slider_home2 .slider_text
{
  background-color:#0a2334;
  width:100%
}

#slider_home2 .slider_text h3
{
  color:#fff;
  font-size:18px;
  line-height:21px;
  margin-bottom:8px
}

#slider_home2 .slider_text h3 a
{
  color:#fff;
  font-size:18px
}

#slider_home2 .slider_text p
{
  color:#fff
}

#slider_home2 .slider_text .wrap
{
  height:93px;
  padding:20px 10px;
  position:relative
}

#slider_home2 .slider_text .cell
{
  border-top:1px solid #FFF;
  display:table-cell;
  overflow:hidden
}

#slider_home2 .slider_text .inner
{
  height:90px;
  padding-left:10px
}

#slider_home2 .slider_text .activeSlide
{
  background-color:#acdaf2;
  border:hidden!important
}

#slider_home2 .slider_text .activeSlide h3 a,#slider_home2 .slider_text .activeSlide h3,#slider_home2 .slider_text .activeSlide p
{
  color:#202020
}

#slider_home2 .slider_text .activeSlide .progress_bar
{
  background:url(images/scanline1.png);
  bottom:5px;
  height:8px;
  left:0;
  position:absolute;
  width:100%
}

#slider_home2 .slider_text .progress_bar div
{
  background-color:#2f2f2f;
  height:100%
}

.slider5
{
  height:422px;
  margin-bottom:0
}

.slider5 li,.slider4 ul
{
  height:380px;
  width:900px
}

.slider5 .slider_overlay
{
  left:0;
  top:50px
}

.slider5 .slider_overlay h3
{
  color:#323232;
  font-size:38px;
  font-weight:700;
  line-height:48px;
  text-transform:uppercase;
  margin:0;
}

.slider5 .slider_overlay span
{
  color:#323232;
  font-family:Ubuntu, Sans-Serif;
  font-size:20px;
  line-height:26px;
}

.slider5 .slider_pager
{
  bottom:14px;
  height:14px;
  left:0;
  position:absolute;
  width:50%;
  z-index:1000
}

.slider5 .slider_pager a
{
  background:transparent url(images/slider4_button.png) no-repeat;
  height:14px;
  margin-right:6px;
  width:14px
}

.slider5 a.activeSlide
{
  background-position:0 -14px
}


/*-----------------------------------------------------------------------------------*/
/*	17.	Blog
/*-----------------------------------------------------------------------------------*/

.blog1 .separator2
{
  margin:30px 0 29px
}

.blog2 .post_head:hover,.blog1 .post_head:hover
{
  text-decoration:none
}

.blog2 .post_head,.blog1 .post_head
{
  color:#202020;
  display:block;
  font-family:Ubuntu, Sans-Serif;
  font-size:28px;
  line-height:42px;
  margin-bottom:21px
}

.blog1 .post_image
{
  margin-bottom:21px;
  max-width:590px;
  position:relative
}

.blog1 .post_image img
{
  display:block
}

.blog1 .post_image .hover
{
  background:transparent url(images/white_bg_transparent60.png);
  display:none;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:590px
}

.blog2 .post_meta,.blog1 .post_meta
{
  color:#7e7e7e
}

.blog1 .post_meta
{
  float:left;
  margin-right:21px;
  width:113px
}

.blog2 .post_meta a,.blog1 .post_meta a
{
  color:#202020;
  font-family:Ubuntu, Sans-Serif
}

.blog2 .post_meta a:hover,.blog1 .post_meta a:hover
{
  color:#4d4d4d;
  text-decoration:none
}

.blog1 .post_content
{
  float:left;
  width:455px
}

.blog1 .post_more:hover
{
  text-decoration:none
}

.blog2 .blog_post
{
  margin-bottom:42px
}

.blog2 .post_image
{
  margin-bottom:21px;
  max-height:160px;
  position:relative;
  width:280px
}

.blog2 .post_image img
{
  display:block
}

.blog2 .post_image .hover
{
  background:transparent url(images/white_bg_transparent60.png);
  display:none;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:280px
}

.blog2 .post_meta ul
{
  margin-left:-2%
}

.blog2 .post_meta li
{
  float:left;
  margin-left:2%;
  width:48%
}

.single_post .post_meta
{
  margin-right:18px;
  width:106px
}

.single_post .post_content
{
  margin-bottom:42px;
  width:465px
}

.comment_list .comment
{
  margin-bottom:21px;
  position:relative
}

.comment_list .line
{
  display:none
}

.comment_head
{
  margin-bottom:21px;
  padding-top:5px
}

.comment_head .avatar
{
  display:block;
  float:left;
  height:50px;
  margin:-5px 10px 0 0;
  width:50px
}

.comment_head cite
{
  font-family:Ubuntu, Sans-Serif
}

.comment_head cite a
{
  color:#202020
}

.comment_head cite a:hover
{
  text-decoration:none
}

.comment_meta a
{
  color:#a2a2a2
}

.comment_meta a:hover
{
  color:#4d4d4d;
  text-decoration:none
}

.comment_body p
{
  margin-bottom:0
}

.comment_list ul
{
  border-left:1px solid #dbdbdb
}

.comment_list ul ul
{
  margin-left:30px
}

.comment_list ul .comment
{
  padding-left:30px
}

.comment_list ul .line
{
  background-color:#dbdbdb;
  display:block;
  height:1px;
  left:5px;
  position:absolute;
  top:24px;
  width:20px
}


/*-----------------------------------------------------------------------------------*/
/*	18.	Respond/Contact Form
/*-----------------------------------------------------------------------------------*/

#respond
{
  margin-bottom:21px
}

#respond h4
{
  color:#7e7e7e;
  float:left
}

#respond .cancel_reply
{
  display:none;
  float:right;
  margin-top:3px
}

#comment_form .text_input,#comment_form .textarea_input
{
  background-color:#eaeaea
}

#comment_form .text_input
{
  border-bottom:3px solid #aeaeae;
  float:left;
  height:24px;
  margin-right:3.55%;
  width:30.96%
}

#comment_form .text_input input[type="text"]
{
  background-color:transparent;
  border:0;
  color:#7e7e7e;
  height:24px;
  padding:0 6px;
  width:93%
}

#comment_form .textarea_input
{
  border-bottom:8px solid #aeaeae;
  margin-top:21px
}

#comment_form .textarea_input textarea
{
  background-color:transparent;
  border:0;
  color:#7e7e7e;
  max-width:97.7%;
  min-height:197px;
  padding:6px;
  width:97.7%
}

#comment_form .button_submit
{
  float:left;
  font-size:14px;
  margin-right:21px
}

#comment_form .button_submit input
{
  height:27px;
  width:149px
}

#comment_form .button_submit p
{
  line-height:27px
}

#comment_form .submit_wrap
{
  margin-top:21px
}

#comment_form .form_errors
{
  border:0;
  float:left
}

#comment_form .form_errors li
{
  background:transparent url(images/form_error.png) no-repeat left center;
  padding-left:21px
}

/*-----------------------------------------------------------------------------------*/
/*	19.	Tables
/*-----------------------------------------------------------------------------------*/

.meta_table
{
  border-collapse:separate;
  border-spacing:5px;
  margin:-5px 0 21px -5px;
  width:100%
}

.meta_table tbody td
{
  background-color:#e2e2e2;
  color:#666;
  font-family:Ubuntu, Sans-Serif;
  font-size:14px;
  height:20px;
  padding:8px 21px;
  vertical-align:middle
}

.meta_table tbody tr:hover td
{
  background-color:#eee
}

.meta_table .icon
{
  padding:0;
  width:36px
}

.meta_table .icon div
{
  background-image:url(images/meta_table.png);
  background-repeat:no-repeat;
  height:36px;
  width:36px
}

.meta_table .icon_social div
{
  background-position:0 0
}

.meta_table .icon_date div
{
  background-position:0 -36px
}

.meta_table .icon_category div
{
  background-position:0 -72px
}

.meta_table .icon_tag div
{
  background-position:0 -108px
}

.meta_table .social_links ul li
{
  display:block;
  float:left;
  margin-right:15px
}

.meta_table .social_links li
{
  height:15px;
  padding-top:6px
}

.price_table_blue
{
  width:100%
}

.price_table_blue thead tr
{
  height:104px;
  max-height:104px
}

.price_table_blue thead th
{
  background:transparent url(images/table1_head.png) repeat-x;
  border-left:1px solid #568aa1;
  border-right:1px solid #568aa1;
  color:#FFF;
  text-align:center
}

.price_table_blue thead .featured
{
  background-image:url(images/table1_head_featured.png)
}

.price_table_blue thead th h3
{
  font-size:12px;
  line-height:30px;
  margin-bottom:18px
}

.price_table_blue thead .cell0 p
{
  color:#FFF;
  font-family:Ubuntu, Sans-Serif;
  font-size:25px;
  font-weight:700;
  line-height:21px;
  margin-top:22px;
  text-shadow:1px 1px 1px #666
}

.price_table_blue thead th .price
{
  color:#FFF;
  font-family:Ubuntu, Sans-Serif;
  font-size:42px;
  font-weight:700;
  line-height:21px;
  margin:0;
  text-shadow:1px 1px 1px #666
}

.price_table_blue thead th .unit
{
  font-size:28px
}

.price_table_blue thead th .rate
{
  color:#FFF;
  font-size:10px;
  line-height:21px;
  margin:2px 0 0
}

.price_table_blue tfoot th,.price_table_blue tbody th,.price_table_blue tbody td
{
  border:1px solid #d0d0d0;
  color:#2a3445;
  padding:10px
}

.price_table_blue tbody th
{
  text-align:left
}

.price_table_blue tbody td
{
  text-align:center
}

.price_table_blue tfoot tr.odd th,.price_table_blue tbody tr.odd
{
  background-color:#e1e2e3
}

.price_table_blue tfoot th
{
  line-height:21px;
  padding:18px 0;
  text-align:center
}

.price_table_blue tfoot .button
{
  color:#FFF;
  display:inline-block;
  font-family:Muli, Sans-Serif;
  font-size:12px;
  height:26px;
  line-height:26px;
  width:110px
}

.price_table_blue .empty
{
  background:none!important;
  border:none!important
}

.table_gray
{
  width:100%
}

.table_gray thead .column0
{
  text-align:left
}

.table_gray thead tr
{
  border-left:1px solid #d0d0d0;
  border-right:1px solid #d0d0d0;
  height:48px
}

.table_gray thead th
{
  background:transparent url(images/table2_head.png) repeat-x;
  color:#666;
  padding:0 21px;
  text-align:center;
  text-shadow:1px 1px 1px #ededed
}

.table_gray thead th h3
{
  font-size:12px;
  font-weight:700;
  line-height:48px;
  margin-bottom:0
}

.table_gray tfoot th,.table_gray tbody th,.table_gray tbody td
{
  border:1px solid #e4e4e4;
  color:#555;
  padding:10px 21px
}

.table_gray tbody tr:hover
{
  background-color:#ededed
}

.table_gray tbody th
{
  font-family:Ubuntu, Sans-Serif;
  font-weight:700;
  text-align:left
}

.table_gray tbody td
{
  text-align:center
}

.table_gray .empty
{
  background:none!important;
  border:none!important
}

.table_blue
{
  width:100%
}

.table_blue thead .column0
{
  text-align:left
}

.table_blue thead tr
{
  border-left:1px solid #d0d0d0;
  border-right:1px solid #d0d0d0;
  height:48px
}

.table_blue thead th
{
  background:transparent url(images/table3_head.png) repeat-x;
  color:#FFF;
  padding:0 21px;
  text-align:center;
  text-shadow:1px 1px 1px #274754
}

.table_blue thead th h3
{
  font-size:12px;
  font-weight:700;
  line-height:48px;
  margin-bottom:0
}

.table_blue tfoot th,.table_blue tbody th,.table_blue tbody td
{
  border:1px solid #e4e4e4;
  color:#555;
  padding:10px 21px
}

.table_blue tbody th
{
  font-family:Ubuntu, Sans-Serif;
  font-weight:700;
  text-align:left
}

.table_blue tbody td
{
  text-align:center
}

.table_blue tfoot tr.even th,.table_blue tbody tr.even
{
  background:#e7e7e7 url(images/table3_highlight.png) repeat-x left top
}

.table_blue .empty
{
  background:none!important;
  border:none!important
}

/*-----------------------------------------------------------------------------------*/
/*	20.	Sidebars & widgets
/*-----------------------------------------------------------------------------------*/

.left_sidebar
{
  border-right:1px solid #dcdcdc;
  padding:0 14px 0 0;
  width:265px
}

.right_sidebar,.blog_sidebar
{
  border-left:1px solid #dcdcdc;
  padding:0 0 0 14px;
  width:265px
}

.widget
{
  margin-bottom:21px
}

.blog_category li
{
  background:transparent url(images/separator1.png) repeat-x left bottom
}

.blog_category a
{
  color:#7e7e7e;
  display:block;
  padding:11px 0 10px
}

.blog_category a:hover
{
  text-decoration:none
}

.blog_category .current a,.blog_category .hover a
{
  background:transparent url(images/arrow1_right.png) no-repeat 10px center
}

.blog_category .current a
{
  color:#202020;
  padding-left:21px
}

.comment_widget .comment
{
  background:transparent url(images/separator1.png) repeat-x left bottom;
  margin-bottom:10px;
  padding-bottom:10px
}

.comment_widget .comment:hover .date
{
  background-color:#00b4ff
}

.comment_widget .date
{
  background-color:#bbb;
  color:#FFF;
  float:left;
  font-family:Ubuntu, Sans-Serif;
  font-size:30px;
  height:50px;
  margin-right:21px;
  padding:10px 0 0;
  text-align:center;
  width:50px
}

.comment_widget .date span
{
  display:block;
  font-size:12px
}

.comment_widget .comment p
{
  margin:0
}

.comment_widget .comment h6
{
  color:#b8b8b8;
  margin:0;
  text-transform:none
}

.flickr_container
{
  margin-left:-5px
}

.two_third .flickr_container
{
  margin-left:-15px
}

.flickr_container .flickr_badge_image
{
  border:1px solid #dcdcdc;
  float:left;
  height:75px;
  margin:0 0 5px 5px;
  padding:4px;
  position:relative;
  width:75px
}

.two_third .flickr_badge_image
{
  margin:0 0 15px 15px
}

.flickr_badge_image .hover_image
{
  left:4px;
  position:absolute;
  top:4px
}

.portfolio_sidebar li
{
  background:transparent url(images/separator.png) repeat-x left bottom;
  height:59px
}

.portfolio_sidebar div
{
  background:transparent url(images/portfolio_sidebar_column.png) repeat-y;
  height:47px;
  padding:10px 0 0 21px
}

.portfolio_sidebar .title
{
  color:#202020
}

.portfolio_sidebar a.title:hover
{
  text-decoration:none
}

.portfolio_sidebar .date
{
  color:#7e7e7e;
  display:block;
  margin-top:-2px
}

.portfolio_sidebar li:hover div
{
  background-image:none
}

.portfolio_sidebar li.current div
{
  background:transparent url(images/arrow1_right.png) no-repeat 21px 16px;
  padding-left:33px
}

.contact_info_widget
{
  margin-top:21px
}

.contact_info_widget h4
{
  margin-bottom:0
}

.contact_info_widget span
{
  color:#666;
  font-size:12px
}

.contact_info_widget .box
{
  background:transparent left bottom url(images/separator1.png) repeat-x;
  margin-top:14px;
  padding-bottom:15px
}

.contact_info_widget .box a
{
  color:#ffa200
}

.contact_info_widget .box a:hover
{
  color:#ffc869;
  text-decoration:none!important
}

.related_posts
{
  margin:21px 0
}

.related_posts .post
{
  background:transparent url(images/separator1.png) repeat-x left bottom;
  margin-bottom:10px;
  padding-bottom:10px
}

.related_posts .post a
{
  color:#666;
  text-decoration:none
}

.related_posts .post img
{
  float:left;
  margin:10px 15px 0 0
}

.related_posts .post h5
{
  color:#666;
  margin:0;
  text-transform:none
}

.related_posts .post p
{
  font-size:14px;
  margin:0
}

.related_posts span
{
  color:#a5a5a5;
  font-family:Ubuntu, sans-serif;
  font-size:11px;
  font-style:italic
}


/*-----------------------------------------------------------------------------------*/
/*	21.	Galleries
/*-----------------------------------------------------------------------------------*/

.gallery1
{
  margin-left:-30px
}

.gallery1 .item
{
  float:left;
  height:224px;
  margin-left:30px;
  width:280px
}

.gallery1 .item_image_wrap
{
  height:142px;
  margin-bottom:21px;
  position:relative;
  width:280px
}

.gallery1 .item_image
{
  display:block;
  height:142px;
  position:relative;
  width:280px
}

.gallery1 h4 a
{
  color:#7e7e7e
}

.gallery1 h4 a:hover
{
  color:#555
}

.gallery1 .frame_hover,.gallery1 .frame_plusmark,.gallery1 .frame_highlight,.gallery1 .frame_mask,.gallery1 .frame
{
  position:absolute
}

.gallery1 .frame
{
  background:transparent url(images/portfolio_photoframe.png);
  height:142px;
  left:0;
  top:0;
  width:280px
}

.gallery1 .frame_mask
{
  background:transparent url(images/portfolio_frame_mask.png);
  height:142px;
  left:0;
  top:0;
  width:280px
}

.gallery1 .frame_highlight
{
  background:transparent url(images/portfolio_photo_highlight.png);
  height:142px;
  right:0;
  top:0;
  width:280px
}

.gallery1 .frame_hover
{
  background:transparent url(images/portfolio1_hover.png) no-repeat;
  display:none;
  height:142px;
  left:0;
  top:0;
  width:280px
}

.gallery1 .frame_plusmark
{
  background:transparent url(images/portfolio_photobox_button.png);
  bottom:0;
  height:20px;
  right:0;
  width:19px
}

.gallery1 .item h4
{
  margin-bottom:0
}

.gallery2
{
  margin-left:-30px
}

.gallery2 .item
{
  float:left;
  height:250px;
  margin-left:30px;
  position:relative;
  width:280px
}

.gallery2 .item .item_image
{
  display:block;
  height:103px;
  margin-bottom:15px
}

.gallery2 .item .frame_hover
{
  background:transparent url(images/portfolio2_hover.png) no-repeat;
  display:none;
  height:103px;
  left:0;
  position:absolute;
  top:0;
  width:280px
}

.gallery2 .item h4
{
  margin-bottom:5px
}

.gallery2 .item h4 a
{
  color:#202020
}

.gallery2 .item .link
{
  background:transparent url(images/portfolio_3column_link_bullet.png) no-repeat;
  margin-left:10px;
  padding-left:10px
}

.gallery3
{
  margin-left:-33px
}

.gallery3 .item
{
  float:left;
  height:106px;
  margin-bottom:21px;
  margin-left:33px;
  position:relative;
  width:200px
}

.gallery3 .item .item_image
{
  background:transparent url(images/onefourth_picframe.png);
  display:block;
  height:94px;
  padding:6px;
  width:188px
}

.gallery3 .item .frame_hover
{
  background:transparent url(images/white_bg_transparent60.png);
  display:none;
  height:94px;
  left:6px;
  position:absolute;
  top:6px;
  width:188px
}

/*-----------------------------------------------------------------------------------*/
/*	22.	Contact Page
/*-----------------------------------------------------------------------------------*/

.contact_map
{
  height:315px;
  margin-bottom:21px;
  width:590px px
}

.map_info
{
  background:transparent url(images/pin.png) no-repeat left center;
  color:#7e7e7e;
  margin-bottom:25px;
  padding-left:30px
}

.googlemap
{
  background:url(content/images/googlemap.jpg);
  height:315px;
  margin-bottom:25px;
  width:590px px
}

.googlemap_info
{
  margin-bottom:25px
}

.googlemap_info img
{
  float:left;
  margin-right:11px;
  margin-top:8px
}

.googlemap_info span
{
  color:#7e7e7e;
  font-family:Muli, sans-serif;
  font-size:12px
}

.company .logo
{
  margin-bottom:21px
}

.company p
{
  color:#7e7e7e;
  font-size:14px
}

.company .signature
{
  margin-bottom:21px
}

.company .signature .signature_name,.company .signature .signature_post
{
  font-family:Ubuntu, sans-serif;
  font-size:12px
}

.company .signature .signature_name
{
  color:#000
}

.company .signature .signature_post
{
  color:#666
}

.company .signature .signature_text
{
  float:left
}

.company .signature .signature_img
{
  float:right;
  margin-bottom:0
}

/*-----------------------------------------------------------------------------------*/
/*	23.	Info Boxes
/*-----------------------------------------------------------------------------------*/

.info_box
{
  margin:42px 0
}

.info_box .heading
{
  height:63px;
  margin-bottom:21px
}

.info_box .heading a
{
  text-decoration:none!important
}

.info_box .heading img
{
  display:block;
  float:left;
  margin-right:15px
}

.info_box .heading span
{
  color:#202020;
  font-family:Ubuntu, sans-serif;
  font-size:22px
}

.info_box p
{
  color:#7e7e7e;
  font-family:Muli, sans-serif;
  font-size:14px
}

/*-----------------------------------------------------------------------------------*/
/*	24.	Taglines
/*-----------------------------------------------------------------------------------*/

.tagline1
{
  padding:21px 0
}

.tagline1 span
{
  color:#202020;
  font-size:22px
}

.tagline1 .button_blue
{
  float:right
}

.tagline2
{
  background:url(images/tagline2_icon.png) no-repeat left center;
  margin:14px 0 21px;
  padding:21px 60px 10px 100px
}

.tagline2 h3
{
  margin-bottom:11px
}

/*-----------------------------------------------------------------------------------*/
/*	25.	Staff Profile
/*-----------------------------------------------------------------------------------*/

.staff_info
{
  margin-bottom:42px
}

.staff_info .info
{
  color:#393939
}

.staff_info .image_frame
{
  background:transparent url(images/staff_picframe.png) no-repeat;
  float:left;
  height:134px;
  margin-right:15px;
  padding:4px 4px 9px;
  width:106px
}

.staff_info cite
{
  color:#000;
  font-family:Ubuntu, sans-serif;
  font-size:14px
}

.staff_info .social
{
  margin-left:129px;
  margin-top:4px
}

.staff_info .social_separator
{
  background:#ccc;
  height:1px;
  margin:4px 0 4px 160px
}

.staff_info2
{
  margin-bottom:21px
}

.staff_info2 img
{
  display:block
}

.staff_info2 .caption
{
  background:#1d1d1d;
  color:#fff;
  display:block;
  font-family:Ubuntu, sans-serif;
  font-size:14px;
  height:32px;
  line-height:32px;
  margin-bottom:21px;
  padding-left:10px;
  width:190px
}

.staff_info2 .info_text
{
  color:#202020;
  font-family:Muli, sans-serif;
  font-size:12px
}

/*-----------------------------------------------------------------------------------*/
/*	26.	Other/Custom Styles
/*-----------------------------------------------------------------------------------*/

.top_product
{
  margin-bottom:21px
}

.top_product .name,.top_product .price,.top_product .terms,.top_product .options
{
  font-family:Ubuntu, sans-serif
}

.top_product .name
{
  color:#434343;
  font-size:22px
}

.top_product .price
{
  color:#516982;
  font-size:22px;
  font-style:italic
}

.top_product .terms
{
  color:#516982;
  font-size:15px;
  font-style:italic
}

.top_product .options
{
  color:#233c58;
  font-size:16px
}

.top_product .slider
{
  height:201px;
  margin:0
}

.top_product .slider ul
{
  left:28px;
  position:absolute;
  top:0
}

.top_product .slider li,.top_product .slider ul
{
  height:201px;
  width:534px
}

.top_product .slider .btn
{
  display:block;
  height:53px;
  position:absolute;
  top:74px;
  width:28px
}

.top_product .slider .prev
{
  background:transparent url(images/product_slider_left.png) no-repeat;
  left:0
}

.top_product .slider .next
{
  background:transparent url(images/product_slider_right.png) no-repeat;
  right:0
}

.return_to img
{
  margin-right:8px
}

.return_to a
{
  color:#666;
  font-family:Ubuntu, sans-serif;
  font-size:14px
}

.return_to a:hover
{
  text-decoration:none
}