/*

Theme Name: Creative

Theme URI: http://theme.ehotim.com/Creative-Blog-version

Description: Blog theme based on famous Creative theme from ThemeForest

Version: 2.0

Author: Brankic1979

Author URI: http://www.ehotim.com/



*/

/***************************************************

				      GLOBAL

***************************************************/

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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0px;

	padding: 0px;

	border: 0;

	font-weight: normal;

	font-style: normal;

	font-size: 100%;

	font-family: Arial, Helvetica, sans-serif;

	text-decoration:none;

}



body {

	background-color: #282828;

	font-size: 12px;

	color: #4f4d3e;

	line-height: 17px;

	background-image: url(images/pattern/body.jpg);

	background-repeat: repeat-x;

	font-style: inherit;

	font-weight: inherit;

	background-position: left top;

}

#cu3er-container {

	width:950px;

	outline:0;

	margin-bottom: 25px;

	background-color: transparent;

}

h1 {

	font-size: 24px;

	margin: 0px;

	color: #31B8DA;

	display: block;

	padding-top: 35px;

	padding-right: 0px;

	padding-bottom: 10px;

	padding-left: 0px;

	width: 700px;

	float: left;

	font-weight: normal;

	line-height: 25px;

}

h2 {

	font-size: 18px;

	font-weight: normal;

	display: block;

	float: right;

	width: 250px;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

	color: #FFFFFF;

	margin: 0px;

}

h3 {

	padding-top: 47px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 0px;

	font-size:18px;

	color:#FFFFFF;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #6a6a6a;

}

strong {

	font-weight:bold;

}



p {

	margin-top: 6px;

	margin-bottom: 6px;

	padding: 0px;

}

ul {

	list-style-position: inside;

}

a {

	text-decoration: none;

	color: #31b8da;

}

a:hover {

	text-decoration: underline;

}

#wrapper {

	width: 990px;

	background-image: url(images/pattern/wrapper.png);

	background-repeat: no-repeat;

	background-position: center top;

	margin-right: auto;

	margin-left: auto;

	overflow: hidden;

}

#container {

	width: 950px;

	background-color: #282828;

	border: 1px none #EEEEEE;

	color: #aeaeae;

	padding-top: 20px;

	padding-right: 20px;

	padding-bottom: 35px;

	padding-left: 20px;

	margin: 0px;

	float: left;

}

#logo {

	width: 990px;

	height: 63px;

	float: left;

	margin: 0px;

	padding-top: 20px;

	padding-right: 0px;

	padding-bottom: 3px;

	padding-left: 0px;

}

/****************************

		HOME SLIDER

****************************/

#slider-accordion {

	height:320px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 1px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 25px;

	padding-left: 0px;

}

#slider-accordion img {

	border:none;

}

.slide	{

	list-style:none;

	height:320px;

	display:block;

}

.slide li 	{

	float:left;

	display:inline;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	margin: 0px;

	padding: 0px;

	height: 320px;

	position: relative;

	overflow: hidden;

	cursor: pointer;

}

.slide .desc {

	background-image: url(images/transparent_bg.png);

	background-repeat: repeat;

	height: 60px;

	width: 687px;

	position: absolute;

	left: 46px;

	bottom: 0px;

	padding: 20px;

	color: #CCCCCC;

}

.slide .desc a {

	position: absolute;

	float: right;

	top: 65px;

	right: 20px;

}

/***************************************************

				 SIDEBAR

***************************************************/

#sidebar {

	margin: 0px;

	float: left;

	width: 280px;

	background-color: #161616;

	padding-top: 20px;

	padding-right: 0px;

	padding-bottom: 20px;

	padding-left: 0px;

}



#sidebar div.widget {



}



#sidebar div.widget ul li div {

	margin-left:0px;



}



#sidebar div.widget div {

	margin-left:20px;



}



#sidebar .widget ul {

	width:260px;

	top:0px;

	display: block;

	list-style-type: none;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 15px;

	padding-left: 20px;

	float: left;

}



#sidebar .widget ul li {

	display:block;

	padding-top: 5px;

	padding-right: 0;

	padding-bottom: 5px;

	padding-left: 0px;

	float: left;

	width: 240px;

	background-image: url(images/border.gif);

	background-repeat: repeat-x;

	background-position: bottom;

	margin: 0px;

}



#sidebar .widget ul li a {

	color:#31B8DA;

	text-decoration:none;

	background-repeat: no-repeat;

	background-position: left 6px;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 0px;

	padding-left: 10px;

	display: block;

	background-image: url(images/bullet_footer_ul.gif);

	margin: 0px;

}



#sidebar .widget ul li a.url {

	background-image: none;

	display: inline;

	padding-left: 0px;

	padding-right: 0px;

}



#sidebar .widget ul li a:hover {

	text-decoration: underline;

}



#sidebar .widget ul li p {

	display: inline;

	padding-left: 0px;

}



#sidebar .widget p {

	display: inline;

	padding-left: 20px;

	padding-right:6px;

	margin: 0px;

	float: left;

}







#sidebar #calendar_wrap {

	display: block;

	width: 250px;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

	color: #FFFFFF;

	margin: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	float:left;

}



.advertise .ul {

	margin: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	float: left;

	list-style-type: none;

	width: 280px;

}

.advertise ul li {

	float: left;

	margin: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 10px;

	padding-left: 10px;

	display: inline;

}

.advertise ul li img {

	border: 1px solid #555555;

	padding: 1px;

	float: left;

}









/***************************************************

				      SEARCH

***************************************************/

#searchform {

	margin: 0px;

	float: right;

	width: 265px;

	padding-top: 30px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

#searchform input {

	background-color: #282828;

	margin: 0px;

	float: left;

	width: 198px;

	height: 20px;

	color: #aaaaaa;

	padding-top: 6px;

	padding-right: 3px;

	padding-bottom: 2px;

	padding-left: 3px;

	font-size: 13px;

	border: 1px solid #282828;

}

#searchform input:focus {

	background-color: #5C5C5C;

	border: 1px solid #5C5C5C;

	color: #CCCCCC;

}

#searchform .search_button {

	color: #FFFFFF;

	background-color: #31b8da;

	float: left;

	width: 57px;

	height: 30px;

	font-size: 11px;

	margin: 0px;

	padding: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

#searchform .search_button:hover {

	background-color: #000000;

}

#searchform .search_button:focus {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	color: #FFFFFF;

}

/***************************************************

				     BOTTOM

***************************************************/

#bottom {

	width: 910px;

	font-size: 11px;

	color: #aaa;

	background-color: #161616;

	padding: 20px;

	float: left;

	margin: 0px;

}

#bottom_holder {

	margin: 0px;

	float: left;

	width: 950px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 20px;

}

#bottom .strong {

	font-size: 15px;

	display: block;

	color: #CCCCCC;

}

#bottom div {

	margin: 0px;

	float: left;

	width: 300px;

	padding-top: 0px;

	padding-right: 13px;

	padding-bottom: 0px;

	padding-left: 0px;

}

#bottom div img {

	margin-right: 4px;

	margin-top: 4px;

	padding: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}

#bottom div.last {

	margin: 0px;

	float: right;

	width: 263px;

	_overflow:hidden;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 20px;

}

#bottom div.second {

	padding-left: 35px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	width: 278px;

}

#bottom div.second ul {

	margin: 0px;

	float: left;

	list-style-type: none;

	padding-top: 12px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	list-style-position:outside;

}

#bottom div.second ul li {

	float: left;

	margin: 0px;

	padding: 0px;

}



/***************************************************

				      NEWSLETTER

***************************************************/

#newsletter {

	float: left;

	width: 263px;

	padding: 0px;

	margin-top: 15px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}

#newsletter input {

	background-color: #282828;

	margin: 0px;

	float: left;

	width: 198px;

	height: 18px;

	color: #aaaaaa;

	padding-top: 4px;

	padding-right: 3px;

	padding-bottom: 2px;

	padding-left: 3px;

	font-size: 12px;

	border: 1px solid #282828;

}

#newsletter input:focus {

	color: #CCCCCC;

	background-color: #5C5C5C;

	border: 1px solid #5C5C5C;

}

#newsletter .newsletter_button {

	color: #FFFFFF;

	background-color: #31b8da;

	float: left;

	width: 57px;

	height: 26px;

	font-size: 11px;

	margin: 0px;

	padding: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

#newsletter .newsletter_button:hover {

	background-color: #1f1f1f;

}

#newsletter .newsletter_button:focus {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	color: #FFFFFF;

}

.error_newsletter {

	color: #a80000;

}

/***************************************************

						 FOOTER

***************************************************/

#footer {

	background-color: #1f1f1f;

	width: 100%;

	margin-top: 25px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 25px;

	padding-right: 0px;

	padding-bottom: 25px;

	padding-left: 0px;

	float: left;

}

#footer .boxes_holder {

	width: 980px;

	margin-right: auto;

	margin-left: auto;

	position: relative;

}

#footer .box {

	margin: 0px;

	width: 215px;

	padding-top: 0px;

	padding-right: 15px;

	padding-bottom: 0px;

	padding-left: 15px;

	color: #999999;

	float: left;

}

#footer .box h1 {

	font-size: 22px;

	color: #FFFFFF;

	padding: 0px;

	float: left;

	width: 215px;

	font-weight: normal;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #666666;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 15px;

	margin-left: 0px;

}

#footer .boxes_holder .follow_twitter {

	background-image: url(images/twitter_icon.png);

	background-repeat: no-repeat;

	height: 101px;

	width: 101px;

	float: left;

	left: 25px;

	top: 18px;

	position: absolute;

}

#footer .box ul {

	margin: 0px;

	width: 215px;

	list-style-type: none;

	padding: 0px;

}

#footer .box ul li {

	margin: 0px;

	width: 215px;

	float: left;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	background-image: none;

	color: #666666;

}

#footer .box ul li a {

	color: #999999;

	text-decoration: none;

	background-position: left 6px;

	display: block;

	padding-left: 10px;

	background-image: url(images/bullet_footer_ul.gif);

	background-repeat: no-repeat;

	padding-bottom: 4px;

}

#footer .box ul li a:hover {

	text-decoration: underline;

}

#footer .box ul li a.features {

	color: #999999;

	text-decoration: none;

	background-image: url(images/bullet_footer_ul_features.gif);

	background-position: left 6px;

	display: block;

	background-repeat: no-repeat;

	padding-left: 10px;

}

#footer .box_twitter {

	width: 790px;

	color: #999999;

	background-color: #161616;

	padding-top: 20px;

	padding-right: 30px;

	padding-bottom: 20px;

	padding-left: 130px;

	display: block;

	float: left;

	margin-top: 20px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}

#footer .boxes_holder_twitter {

	margin: 0px;

	float: left;

	width: 935px;

	padding-top: 30px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 15px;

	position: relative;

}

#footer .subfooter {

	float: left;

	width: 945px;

	padding-top: 15px;

	padding-right: 0px;

	padding-bottom: 15px;

	padding-left: 15px;

	margin: 0px;

	left: 0px;

	top: 100px;

}

#footer .subfooter ul {

	margin: 0px;

	padding: 0px;

}

#footer .subfooter ul li {

	display: inline;

	list-style-type: none;

}

#footer .subfooter a {

	color: #CCCCCC;

	display: inline;

	margin: 0px;

	float: left;

	padding-top: 0px;

	padding-right: 15px;

	padding-bottom: 0px;

	padding-left: 0px;

}

#footer .subfooter h3 {

	float: right;

	color: #CCCCCC;

	font-size: 12px;

	text-decoration: none;

	margin: 0px;

	padding: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

/***************************************************

			JQUERYSLIDEMENU

***************************************************/

.jqueryslidemenu{

	margin: 0px;

	font-size: 14px;

	text-transform: uppercase;

	padding: 0px;

	width: 725px;

	position:relative;

	height: 85px;

	display: block;

	float: left;

	z-index: 10;

}

.jqueryslidemenu ul{

	margin: 0;

	padding:0;

	list-style-type: none;

}

.jqueryslidemenu ul li{

	position: relative;

	display: inline;

	margin: 0px;

	padding-top: 33px;

	padding-right: 24px;

	padding-bottom: 0px;

	padding-left: 0px;

	float: left;

	overflow: visible;

}

.jqueryslidemenu ul li a{

	color: #9A9A9A;

	text-decoration: none;

	text-transform:uppercase;

	padding-top: 2px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	display: block;

}

.jqueryslidemenu ul li a.current{

	color:#FFFFFF;

	text-decoration: none;

}

.jqueryslidemenu ul li a:hover{

	color: #FFFFFF;

	text-decoration: none;

}

.jqueryslidemenu ul li ul{

	display: block;

	z-index:100;

	width: 178px;

	left: 55px;

	float: none;

	background-repeat: no-repeat;

	background-position: left top;

	padding-top: 12px;

	position: absolute;

	visibility: visible;

	background-image: url(images/dropdown-top.png);

}

.jqueryslidemenu ul li ul li{

	display: block;

	list-style:none;

	margin: 0px;

	float: left;

	background-repeat: repeat-y;

	background-position: left top;

	padding: 0px;

}

.jqueryslidemenu ul li ul li a{

	margin: 0px;

	font-size: 11px;

	display: block;

	width: 130px;

	text-align: left;

	color: #FFFFFF;

	background-image: url(images/dropdown-bg.png);

	background-repeat: repeat;

	padding-top: 4px;

	padding-right: 7px;

	padding-bottom: 4px;

	padding-left: 7px;

	float: left;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #333333;

}

.jqueryslidemenu ul li ul li a:hover{ 

	text-decoration: none;

	background-image: url(images/dropdown-bg-hover.png);

	background-repeat: repeat;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #8BD8EB;

}

/***************************************************

			  PORTFOLIO TILES

***************************************************/

#portfolio_holder{

	float:left;

	width:670px;

}

#portfolio_holder h2{

	padding-bottom:6px;

	padding-left: 0px;

	padding-top: 0px;

	font-size:22px;

	color:#FFFFFF;

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #6a6a6a;

	display:block;

	float:none;

	width:640px;

}





ul.portfolio-tiles {

	list-style-type: none;

	padding: 0px;

	margin: 0px;

	display: block;

	width: 720px;

	float: left;

}

ul.portfolio-tiles li {

	float: left;

	margin: 0px;

	width: 225px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 25px;

	padding-left: 15px;

	position: relative;

	overflow: hidden;

}

ul.portfolio-tiles li img {

	margin: 0px;

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 10px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #333333;

	border-right-color: #333333;

	border-bottom-color: #333333;

	border-left-color: #333333;

}

ul.portfolio-tiles li a.item {

	font-size: 13px;

	color: #aaa;

	text-decoration: none;

	padding: 0px;

	margin: 0px;

	background-color: #333333;

	display: block;

	height: 172px;

}

ul.portfolio-tiles li a.item:hover {

	text-decoration: none;

	margin: 0px;

	padding: 0px;

	cursor: pointer;

	color: #FFFFFF;

}



ul.portfolio-tiles li a.tile {

	font-size: 13px;

	color: #aaa;

	text-decoration: none;

	padding: 0px;

	margin: 0px;

	background-color: #333333;

	display: block;

	height: 265px;

}

ul.portfolio-tiles li a.tile:hover {

	text-decoration: none;

	margin: 0px;

	padding: 0px;

	cursor: pointer;

	color: #FFFFFF;

}



ul.portfolio-tiles li strong {

	font-size: 15px;

	font-weight: normal;

	display: block;

	width: 205px;

	padding-top: 10px;

	padding-right: 10px;

	padding-left: 10px;

	text-decoration: none;

	/*height: 35px;*/

	margin: 0px;

	padding-bottom: 5px;

	color: #FFFFFF;

}

ul.portfolio-tiles li p {

	padding-left: 10px;

	width: 205px;

	padding-right: 10px;

	display: block;

}

ul.portfolio-tiles li .text {

	display: block;

	text-align: left;

	margin: 0px;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 0px;

	padding-left: 10px;

	/*height: 100px;*/

}

ul.portfolio-tiles li .post_date {

	margin: 0px;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 5px;

	padding-left: 10px;

	font-weight: bold;

	display: block;

	color: #FFFFFF;

	position: absolute;

	bottom: 24px;

}

ul.portfolio-tiles li a.ext-link {

	position: absolute;

	width: 40px;

	height: 40px;

	top: 92px;



	text-indent: -9999px;

	left: 107px;

	background-image: url(images/external-link.png);

	background-repeat: no-repeat;

	background-position: left top;

}

ul.portfolio-tiles li a.ext-link:hover {

	background-position: 0 bottom;

}

/***************************************************

			  PORTFOLIO TILES GALLERY

***************************************************/

ul.portfolio-tiles-gallery {

	list-style-type: none;

	padding: 0px;

	margin: 0px;

	display: block;

	width: 950px;

	float: left;

	z-index: 999;

}

ul.portfolio-tiles-gallery li {

	float: left;

	margin: 0px;

	width: 225px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 15px;

	padding-left: 10px;

	text-decoration: none;

	overflow: hidden;

	position: relative;

}

ul.portfolio-tiles-gallery li h3 {

	margin: 0px;

	color:#FFF;

	font-size: 16px;

	text-decoration: none;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	width: 205px;

	display: block;

	padding: 10px;

}			

ul.portfolio-tiles-gallery li .boxgrid {

	margin:0px;

	float:left;

	background-color: #31B8DA;

	padding: 0px;

	width: 225px;

	height: 225px;

	cursor:pointer;

	overflow: hidden;

	position: relative;

}

ul.portfolio-tiles-gallery li .boxgrid img {

	top: 0;

	left: 0;

	background-color: #333333;

	float: left;

	padding: 10px;

	position: absolute;

}

ul.portfolio-tiles-gallery .boxgrid slideright a img {

	margin: 0px;

	padding: 0px;

}

ul.portfolio-tiles-gallery li .boxgrid p {

	color:#FFFFFF;

	width: 205px;

	float: left;

	padding: 10px;

}				

ul.portfolio-tiles-gallery  li a {

	font-size: 11px;

	font-weight: bold;

	color: #0A2E36;

	display: block;

	padding-right: 10px;

	padding-left: 10px;

	text-decoration: underline;

}

/***************************************************

		    PORTFOLIO FILTER

***************************************************/

#portfolio-filter {

	width: 912px;

	height: 18px;

	display: block;

	float: left;

	padding-top: 12px;

	padding-right: 20px;

	padding-bottom: 10px;

	padding-left: 20px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 20px;

	margin-left: 0px;

	background-color: #161616;

}

#portfolio-filter .browse {

	color: #31B8DA;

	float: left;

	font-size: 16px;

}

#portfolio-filter ul {

	margin: 0px;

	padding: 0px;

	float: right;

}

#portfolio-filter li {

	background: none;

	display: inline;

	padding: 0px;

	margin: 0px;

}

#portfolio-filter li a {

	text-decoration: none;

	font-size: 12px;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 0px;

	padding-left: 10px;

	float: right;

	color: #CCCCCC;

	display: block;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 5px;

}

#portfolio-filter li a.current, #portfolio-filter li a:hover {

	color: #31B8DA;

	text-decoration: none;

}

a.visit_back_a {

	color: #FFFFFF;

	margin-bottom: 0px;

	float: right;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 5px;

	float: right;

	display: inline;

	background-color: #31B8DA;

	padding: 7px;

}

/***************************************************

		    INTRO

***************************************************/

.intro {

	width: 229px;

	text-decoration: none;

	margin: 0px;

	padding: 0px;

	float: left;

	margin-left:20px;

	_margin-left:10px;

	color:#CCC;

}

.intro strong {

	font-size: 22px;

	color: #FFFFFF;

	display: block;

	font-weight: normal;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 4px;

	margin-left: 0px;

	line-height: 25px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #6a6a6a;

}



.intro ul {



}

.intro ul li {

	display: block;

	background-image: url(images/bullet_footer_ul.gif);

	background-repeat: no-repeat;

	background-position: left 6px;

	padding-left: 10px;

}



/*.intro a {

	display: block;

	background-image: url(images/bullet_footer_ul.gif);

	background-repeat: no-repeat;

	background-position: left 6px;

	padding-left: 10px;

}*/

.intro a.intro_right {

	float: right;

	font-weight: bold;

	background-image: none;

}

.intro a.next {

	background-color: #31b8da;

	padding-top: 7px;

	padding-right: 11px;

	padding-bottom: 7px;

	padding-left: 30px;

	color: #FFFFFF;

	background-image: url(images/toogle_down.gif);

	background-repeat: no-repeat;

	background-position: 6px center;

	margin-top: 0px;

	margin-right: 5px;

	margin-bottom: 0px;

	margin-left: 0px;

	display: block;

	float: left;

}

.intro a.prev {

	display: block;

	background-color: #31b8da;

	padding-top: 7px;

	padding-right: 11px;

	padding-bottom: 7px;

	padding-left: 30px;

	color: #FFFFFF;

	background-image: url(images/toogle_up.gif);

	background-repeat: no-repeat;

	background-position: 6px center;

	margin-top: 0px;

	margin-right: 5px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: left;

}

.intro a.next:hover, .intro a.prev:hover {

	color: #FFFFFF;

	text-decoration: none;

}

/***************************************************

				  CONTACT

***************************************************/

.entry_contact{

	width:400px;

	float:left;

}



.entry_contact strong{

	font-size: 22px;

	color: #FFFFFF;

	display: block;

	font-weight: normal;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 4px;

	margin-left: 0px;

	line-height: 25px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #6a6a6a;

}

#contactinfo {

	width: 525px;

	display: inline;

	float: right;

	background-color: #333333;

	padding: 6px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 15px;

	margin-left: 0px;

}

#contactinfo img {

	margin: 0px;

	padding: 0px;

}

#form_co {

	margin: 0px;

	width: 912px;

	float: right;

	background-color: #161616;

	padding: 20px;

	position: relative;

}

#form_co div {

	float: left;

	width: 425px;

	position: relative;

	padding-top: 0px;

	padding-right: 15px;

	padding-bottom: 10px;

	padding-left: 15px;

	margin: 0px;

}

#form_co div label {

	height: 25px;

	width: 400px;

	display: block;

}

.error {

	color: #a80000;

	top: 0px;

	float:right;

	text-align: right;

	position:absolute;

	right:80px;

}

.error_co {

	color: #a80000;

	text-align:right;

}



#form_co div.textarea {

	padding-bottom: 10px;

	padding-left: 15px;

	margin: 0px;

	padding-top: 0px;

	padding-right: 0px;

	width: 880px;

	float: left;

	position: relative;

}

div.message_sent {

	background-color: #31B8DA;

	width: 930px;

	float: left;

	padding: 10px;

	margin-top: 85px;

	margin-bottom: 85px;

	color: #FFFFFF;

	

}

#form_co input {

	width: 409px;

	border: 1px solid #282828;

	padding: 8px;

	font-size: 13px;

	color: #999999;

	background-color: #282828;

	float: left;

}

#form_co textarea {

	width: 863px;

	border: 1px solid #282828;

	padding: 8px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	background-color: #282828;

	color: #aaaaaa;

}

#form_co input:focus {

	border: 1px solid #5C5C5C;

	color: #CCCCCC;

	background-color: #5c5c5c;

}

#form_co textarea:focus {

	border: 1px solid #5C5C5C;

	background-color: #5C5C5C;

	color: #CCCCCC;

}

#form_co .submit_co {

	background-color: #31b8da;

	width: 95px;

	color: #FFFFFF;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	margin: 0px;

	display: block;

	padding: 0px;

	font-size: 16px;

	height: 35px;

}

#form_co .submit_co:hover {

	background-color: #1f1f1f;

	color: #FFFFFF;

}

#form_co .submit_co:focus {

	color: #FFFFFF;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	background-color: #31B8DA;

}

#form_co strong {

	font-size: 24px;

	color: #FFFFFF;

	font-weight: normal;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #6a6a6a;

	display: block;

}

#form_co .font-11 {

	font-size: 11px;

	color: #FFFFFF;

	display: inline;

}

.contact_info {

	width: 300px;

	float: none;

	padding-bottom: 35px;

	padding-top: 0px;

	margin-top: -45px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-right: 0px;

	padding-left: 0px;

}

.contact_info p {

	margin: 0px;

	padding: 0px;

}

.contact_info a {

	margin: 0px;

	padding: 0px;

	display: inline;

	background-image: none;

}



.contact_info strong {

	display: block;

	background-image: none;

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

/***************************************************

				ABOUT

***************************************************/

#about h2 {

	padding-bottom:6px;

	padding-left: 0px;

	padding-top: 0px;

	font-size:22px;

	color:#FFFFFF;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #6a6a6a;

	display:block;

	float:none;

	width:640px;

}



#about ol {

	margin: 0px;

	list-style-type: none;

	float: left;

	width: 640px;

	display: block;

	padding-top: 25px;

	padding-right: 0px;

	padding-bottom: 25px;

	padding-left: 0px;

}



#about ol li {

	color: #aaa;

	width: 290px;

	height: 88px;

	display: block;

	float: left;

	background-color: #333333;

	padding: 10px;

	margin-top: 0px;

	margin-right: 9px;

	margin-bottom: 9px;

	margin-left: 0px;

	position:relative;

}



#about ol li h3 {

	display:block;

	padding:0px;

	margin:0px;

	font-size:12px;

	font-weight:bold;

	border:none;

}



#about ol li h4 {

	display:block;

	padding:0px;

	margin-top:0px;

	margin-bottom:10px;

}



#about ol li img {

	position: absolute;

	top: 10px;

	right:10px;

	width:90px;

	height:90px;

}





#about ol li a {

	display:block;

	padding:0px;

	margin:0px;

}



#about ol li a:hover {

}



#about ul {

	list-style-type: square;

	list-style-position: inside;

	padding-left:20px;

}

#about ul li {

	font-style:italic;

}







.intro_longer {

	width: 650px;

	float: left;

	margin: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

.intro_longer div {

	width: 650px;

	float: left;

}

.intro_longer p {

	margin: 0px;

	padding: 0px;

}

.intro_longer strong {

	font-size: 22px;

	color: #FFFFFF;

	display: block;

	font-weight: normal;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #6a6a6a;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 4px;

	margin-left: 0px;

	line-height: 25px;

}

.intro_longer ul {

	list-style-type: none;

	padding-bottom: 25px;

}

.intro_longer ul li {

	display: block;

	margin: 0px;

	padding: 0px;

}

.intro_longer ul.skills {

	padding-left: 25px;

	padding-bottom: 0px;

}

.intro_longer ul.skills li {

	font-style: italic;

	color: #EEEEEE;

	padding-bottom: 3px;

	background-image: url(images/bullet_footer_ul.gif);

	background-repeat: no-repeat;

	background-position: left 6px;

	padding-left: 10px;

}

ul.team_avatar {

	margin: 0px;

	list-style-type: none;

	float: left;

	width: 640px;

	display: block;

	padding-top: 25px;

	padding-right: 0px;

	padding-bottom: 25px;

	padding-left: 0px;

}

ul.team_avatar h4 {

	font-weight: bold;

	color: #FFFFFF;

	display: block;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 10px;

}

ul.team_avatar em {

	font-weight: normal;

	color: #aaa;

	display: block;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 10px;

	font-style: normal;

}

ul.team_avatar li {

	color: #aaa;

	width: 290px;

	display: block;

	float: left;

	background-color: #333333;

	padding: 10px;

	margin-top: 0px;

	margin-right: 9px;

	margin-bottom: 9px;

	margin-left: 0px;

}

ul.team_avatar p {

	padding: 10px;

}

ul.team_avatar strong {

	font-weight: normal;

	color: #FFFFFF;

	display: block;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	font-size:14px;

}

ul.team_avatar img {

	float: right;

}

ul.team_avatar a {

	margin: 0px;

	display: block;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 10px;

}







/***************************************************

				 TESTIMONIALS

***************************************************/

#sidebar .slider_holder {

	float: right;

	padding-top: 20px;

	padding-right: 0px;

	padding-bottom: 25px;

	padding-left: 0px;

	z-index: 999;

	margin-top: 20px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}

#sidebar .slider, #sidebar .slider li {

	overflow:hidden;

	width:240px;

	padding-top: 0px;

	padding-right: 20px;

	padding-bottom: 20px;

	padding-left: 20px;

	color: #999999;

	z-index: 1;

	height: 150px;

}

#sidebar .nav{

	width: 250px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/

	text-align: right;

	padding-top: 10px;

	padding-right: 10px;

	padding-bottom: 7px;

	padding-left: 20px;

	float: left;

}

#sidebar .nav .counter {

	color: #FFFFFF;

	float: left;

	width: 100px;

	text-align: left;

	margin: 0px;

	padding: 0px;

}

#sidebar .nav ul {

	margin: 0px;

	float: right;

	display: block;

	width: 60px;

	padding-top: 0px;

	padding-right: 5px;

	padding-bottom: 0px;

	padding-left: 0px;

}

#sidebar .nav ul li {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

	display: inline;

	background-image:none;

}

#sidebar .nav a{

	text-decoration: none;

	padding-top: 0;

	padding-right: 5px;

	padding-bottom: 0;

	padding-left: 5px;

	height: 17px;

	width: 20px;

	font-size: 1px;

	float: right;

	background-image:none;

}

#sidebar .nav a.prev {

	margin: 0px;

	padding: 0px;

	background-image: url(images/toogle_left.gif);

	background-repeat: no-repeat;

	background-position: left top;

}

#sidebar .nav a.next {

	background-image: url(images/toogle_right.gif);

	background-repeat: no-repeat;

	background-position: left top;

	margin: 0px;

	padding: 0px;

}

#sidebar .testimonial {

	float:left;

	margin-top:1px;

	position:relative;

}

#sidebar .testimonial div {

	float:left;

	margin-left:1px;

	padding:20px 20px 40px;

	width:204px;

}

#sidebar .testimonial a {

	color: #31B8DA;

}

#sidebar .testimonial .author {

	font-weight: bold;

	color: #CCCCCC;

	text-align: right;

	display: block;

}







/***************************************************

				  SERVICES

***************************************************/

ul.services {

	list-style-type: none;

	display: block;

	width: 650px;

	float: left;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 15px;

	padding-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: -20px;

}

ul.services li {

	width: 305px;

	padding-top: 30px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

	margin: 0px;

	float: left;

	display: block;

}

ul.services li a {

	font-weight: bold;

}

ul.services li img {

	height: 50px;

	width: 50px;

	border: none;

	display:block;

	float:left;

}

ul.services li strong {

	font-size: 15px;

	font-weight: normal;

	text-decoration: none;

	margin: 0px;

	margin-left:20px;

	color: #FFFFFF;

	padding-top: 20px;

	padding-right: 0px;

	padding-bottom: 10px;

	padding-left: 20px;

	display:block;

}

ul.services li p {

	border-top-width: 1px;

	border-top-style: solid;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	border-top-color: #666666;	

	display: block;

	width:300px;

	padding-top:5px;

	margin-top:5px;

}

ul.recent {

	list-style-type: none;

	float: left;

	margin-top: 20px;

	margin-right: 0px;

	margin-bottom: 20px;

	margin-left: 0px;

	width: 650px;

	padding: 0px;

}

ul.recent li{

	display: block;

	float: left;

	width: 650px;

	padding-top: 3px;

	padding-right: 0;

	padding-bottom: 3px;

	padding-left: 0;

	margin-top: 5px;

}

ul.recent li a{

	display: inline;

	margin: 0px;

	padding: 0px;



}

ul.recent p {

	padding-top: 5px;

	padding-bottom: 5px;

	margin-top:10px;

	margin-bottom:10px;

	display:inline;

}

ul.recent li span{

	background-color: #333333;

	color: #999999;

	font-size: 10px;

	margin-right: 10px;

	padding: 7px;

	text-align: center;

	text-transform: uppercase;

	float: left;

	width: 75px;

}

ul.recent li span img{

	width: 75px;

}





.recent li strong {

	color: #31B8DA;

	font-size: 17px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	margin-bottom: 5px;

	padding: 0px;

}





/***************************************************

				      ENTRIES

***************************************************/

#inner_content	{

	width:665px;

	float: left;

	margin: 0px;

	padding: 0px;

}

#inner_content .entry	{

	width:650px;

	display: block;

	float: left;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 35px;

	padding-left: 0px;

	margin: 0px;

	min-height:200px;

}

#inner_content .entry .entry_content	{

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	width: 650px;

	float: left;

	padding: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

#inner_content .entry .entry_content p	{



	}

#inner_content .entry .entry_content a {

	font-weight: bold;

}

#inner_content .entry .entry_content a.float_right {

	float:right;	

}



#inner_content h1 {

	margin: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 15px;

	padding-left: 0px;

	font-size: 22px;

	float: left;

	width: 650px;

	font-weight: normal;

	font-style: normal;

	color: #FFFFFF;

}

#inner_content .entry img	{

	padding: 0px;

	margin: 0px;

/*	float: left;*/

}	

#inner_content .entry .title_holder	{

	margin: 0px;

	float: left;

	width: 650px;

	position: relative;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: solid;

	border-left-style: none;

	border-bottom-width: 1px;

	border-bottom-color: #666666;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 0px;

}

#inner_content .entry .title_holder h1	{

	font-size:24px;

	font-weight:bold;

	float: left;

	display: block;

	margin: 0px;

	width: 525px;

	padding-top: 3px;

	padding-right: 3px;

	padding-bottom: 3px;

	padding-left: 0px;

}

#inner_content .entry .title_holder	h3 a	{

	text-decoration:none; 

	font-weight:bold; 

	color:#31B8DA; 

}

#inner_content .entry .title_holder	h3 a:hover	{

	text-decoration:underline;

}

#inner_content .entry .title_holder	h3	{

	margin:0px;

	font-size:11px;

	float: left;

	width: 80%;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	padding: 0px;

}

#inner_content .entry a.title 	{

	color:#FFFFFF;

	line-height: 30px;

	font-size: 28px;

}

#inner_content .entry a.title:hover	{

	text-decoration: underline;

}

/***************************************************

			ENTRIES - POST DATE

***************************************************/

#inner_content .date	{

	color:#999999;

	font-weight:bold;

	margin: 0px;

	padding: 0px;

	position: absolute;

	right: 0px;

	bottom: 0px;

}

#inner_content .date .date_holder	{

	margin: 0px;

	padding: 0px;

}

#inner_content .date span.day	{

	display: inline;

	float: right;

	font-size: 38px;

	line-height: 42px;

}

#inner_content .date span.month	{

	float: right;

	font-size: 16px;

	line-height: 14px;

	padding-left: 2px;

	text-align: center;

	text-transform: uppercase;

	width: 40px;

	padding-top: 7px;

}

#inner_content .date span.year	{

	font-size:16px;

	float: left;

}

/***************************************************

					PAGINATION 

***************************************************/

.wp-pagenavi	{

	width:655px;

	position:relative;

	float: left;

	height: 20px;

	padding-top: 20px;

	padding-right: 0px;

	padding-bottom: 20px;

	padding-left: 0px;

	margin: 0px;

}

.wp-pagenavi a, .wp-pagenavi a:link {

	text-decoration: none;

	color: #FFF;

	font-weight:bold;

	display: inline;

	background-color: #31B8DA;

	margin: 3px;

	padding-top: 7px;

	padding-right: 11px;

	padding-bottom: 7px;

	padding-left: 11px;

}

.wp-pagenavi a:visited {

	text-decoration: none;

	color: #FFF;

	font-weight:bold;

	background-color: #31B8DA;

}

.wp-pagenavi a:hover { 

color: #FFF; 

background-color: #161616;

}

.wp-pagenavi a:active {	

text-decoration: none; 

color: #FFF; 

background-color: #31B8DA;

}

.wp-pagenavi span.current, .wp-pagenavi span.pages, .wp-pagenavi span.extend {

	padding: 7px 11px 7px 11px; 

	font-weight: bold; 

	color: #FFF; 

	background-color: #161616;

	margin: 3px;

	}

/***************************************************

				      COMMENT

***************************************************/

#comment_holder {

	margin: 0px;

	float: left;

	width: 650px;

	padding-top: 15px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #6a6a6a;

	overflow:hidden;

}

#comment_holder a {

	font-weight: bold;

	font-size: 12px;

}

#comment_holder a:hover {

	text-decoration: underline;

}

.comment {

	width:650px;

	float: left;

	background-image: url(images/border.gif);

	background-repeat: repeat-x;

	background-position: bottom;

	display: block;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 10px;

	padding-left: 0px;

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	list-style-type: none;

}

.comment li {

	float: left;

	display:block;

	width: 650px;

}

.avatar {

	float:left;

	width:60px;

	text-align: center;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 0px;

	padding-left: 0px;

}

.avatar img {

	display:block;

	padding:5px;

	width:60px;

	height:60px;

}

.author_date_holder {

	float: left;

	width: 580px;

}

.author_date_holder .author {

	font-weight:bold;

	font-style:normal;

	font-size:13px;

	float:left;

}

.author_date {

	float:right;

	color: #31B8DA;

}

.comment_text {

	float: left;

	width: 580px;

}

.comment .comment_reply {

	float: right;

	width: 584px;

	padding-top: 10px;

	padding-bottom: 10px;

}

.comment_reply .author_date_holder {

	float: left;

	width: 514px;

}

.comment_reply .author {

	font-weight:bold;

	font-style:normal;

	font-size:13px;

	float:left;

}

.comment_reply .author_date {

	float:right;

	color: #31B8DA;

}

.comment_reply .comment_text {

	float: left;

	width: 514px;

}

/***************************************************

				  COMMENT FORM

***************************************************/

#comment_form {

	padding: 0px;

	float: left;

	width: 665px;

	margin-top: 20px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	position: relative;

}

#comment_form div {

	float: left;

	width: 500px;

	position: relative;

	padding-bottom: 7px;

}

#comment_form div label {

	width: 500px;

	display: block;

}

#comment_form div label.error {

	position: absolute;

	top: 0px;

	color: #FF3C3C;

	right: 80px;

	text-align: right;

}

#comment_form input {

	border: 1px solid #444444;

	width: 400px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

	color: #aaaaaa;

	padding: 8px;

	float: left;

	background-color: #282828;

}

#comment_form textarea {

	float: left;

	width: 407px;

	padding: 4px;

	font-family: Arial, Helvetica, sans-serif;

	color: #aaaaaa;

	font-size: 13px;

	height: 120px;

	border: 1px solid #444444;

	background-color: #282828;

}

#comment_form input:focus {

	border: 1px solid #999999;

	color: #CCCCCC;

	background-color: #282828;

}

#comment_form textarea:focus {

	border: 1px solid #999999;

	color: #CCCCCC;

	background-color: #282828;

}

#comment_form .submitBtn {

	background-color: #31B8DA;

	width: 75px;

	color: #FFFFFF;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	padding-top: 5px;

	padding-bottom: 5px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-top: 5px;

	margin-left: 0px;

	padding-right: 0px;

	padding-left: 0px;

	float: left;

}

#comment_form .submitBtn:hover {

	background-color: #1f1f1f;

	color: #FFFFFF;

}

#comment_form .submitBtn:focus {

	color: #FFFFFF;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	background-color: #31B8DA;

}

#comment_form .post_comment {

	padding: 0px;

	float: right;

	width: 108px;

	background-color: #EFEFEF;

	background-image: url(images/footer_subscribe_button.png);

	height: 32px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	color: #FFFFFF;

	margin-top: 4px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}

#comment_form .font-11 {

	font-size: 11px;

	color: #FFFFFF;

	display: inline;

}



#tabMenu {

	margin:0px;

	padding:0px;

	list-style:none;

	color: #999999;

	width: 640px;

	float: left;

}

.box_steps #tabMenu li {

	float:left;

	cursor:pointer;

	height: 35px;

	display: block;

	width: 80px;

	text-align: center;

	font-size: 14px;

	margin: 0px;

	padding-top: 7px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	font-style: normal;	

}

li.mouseout {

	margin: 0px;

	padding: 0px;

}





li.selected {

	background-position:center bottom;

	background-image: url(images/tab_selected.jpg);

	background-repeat: no-repeat;

	color: #FFFFFF;

}







.box_steps {

	width:650px;

	margin: 0px;

	padding: 0px;

	float: left;

}



strong .process {

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 1px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: solid;

	border-left-style: none;

	border-bottom-color: #999;

}



.boxBody {

	margin: 0px;

	width: 610px;

	color: #FFFFFF;

	float: left;

	border-top-width: 4px;

	border-top-style: solid;

	border-top-color: #31B8DA;

	background-color: #31B8DA;

	padding: 20px;

}

.boxBody div {

	display:none;

	margin: 0px;

	padding: 0px;

}

.boxBody div.show {

	display:block;

	margin: 0px;

	padding: 0px;

}

#about .box_steps .boxBody div img {

	float: left;

	background-color: #282828;

	padding: 15px;

	border: 1px solid #fff;

	margin-top: 4px;

	margin-right:20px;

}

.boxBody p {

	display: inline;

	width: 505px;

	margin:0px;

}







.boxBody a {

	color: #282828;

	font-weight: bold;

	margin:0px;

	float:right;

}



div.content {

	width: 650px;

	margin: 0px;

	padding: 0px;

	height: 355px;

	float: left;

}

#portfolio-gallery {

	margin: 0px;

	padding: 0px;

	float: left;

	width: 650px;

}



div.content a, div.navigation a {

	text-decoration: none;

	width: 370px;

}

div.content a:hover {

	text-decoration: underline;

}

div.controls {

	margin: 0px;

	padding: 0px;

}

div.controls a {

	padding-right: 5px;

	padding-left: 5px;

}

div.ss-controls {

	float: left;

}

div.nav-controls {

	float: right;

}

div.slideshow-container {

	position: relative;

	margin: 0px;

	padding: 0px;

	float: left;

	clear: both;

}

div.loader {

	position: absolute;

	top: 0;

	left: 0;

	background-image: url(images/loader.gif);

	background-repeat: no-repeat;

	background-position: center; /* This should be set to be at least the height of the largest image in the slideshow */

}

div.slideshow {

	margin: 0px;

	padding: 0px;

	float: left;



}

div.slideshow span.image-wrapper {

	display: block;

	position: absolute;

	top: 0;

	left: 0;

}

div.slideshow a.advance-link {

	display: block; /* This should be set to be at least the height of the largest image in the slideshow */

	text-align: center;

	width: 650px;

}

div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {

	text-decoration: none;

}

div.slideshow img {

	margin: 0px;

	padding: 0px;

	border: 5px solid #4D4D4D;

	width: 640px;

}

div.download {

	float: right;

}

div.caption-container {

	position: relative;

	height: 75px;

	float: left;

	width: 300px;

}

span.image-caption {

	display: block;

	position: absolute;

	width: 550px;

	top: 0;

	left: 0;

}

div.caption {

	padding: 12px;

	height: 100px;

	width: 300px;

}

div.image-title {

	font-weight: bold;

	font-size: 1.4em;

}

div.image-desc {

	line-height: 1.3em;

	padding-top: 12px;

	background-color: #333333;

}

div#thumbs {

	margin: 0px;

	float: left;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 25px;

	padding-left: 0px;

}



div.navigation {

	margin: 0px;

	padding: 0px;

	width: 790px;

	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */

}

ul.thumbs {

	clear: both;

	margin: 0px;

	padding: 0px;

	float: left;

	width: 650px;

}

ul.thumbs li {

	float: left;

	list-style: none;

	margin-top: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding: 0px;

	margin-right: 28px;

	background-image:none;

}



a.thumb {

	padding: 0px;

	display: block;

	border: 5px solid #4D4D4D;

	margin-bottom: 5px;

	background-image:none;

}



ul.thumbs li.selected a.thumb {

	border: 5px solid #31B8DA;

	background-image:none;

}

a.thumb:focus {

	outline: none;

}

ul.thumbs img {

	display: block;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

ul.thumbs li.last {

	float: left;

	list-style: none;

	padding: 0px;

	margin: 0px;

}