/*







Theme Name: Creative







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







Description: Blog theme based on famous Creative theme from ThemeForest







Version: 1.1







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: 13px;







	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: #3685fe;







	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: 15px;







	padding-bottom: 5px;







	padding-left: 0px;







	font-size:18px;







	color:#FFFFFF;







	margin-top: 15px;







	margin-right: 0px;







	margin-bottom: 20px;







	margin-left: 0px;






	border-bottom-width: 0px;







	border-bottom-style: solid;







	border-bottom-color: #6a6a6a;







}















p {







	margin: 0px;







	padding: 0px;







}







a {







	text-decoration: none;







	color: #3685fe;







}







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: 65px;







	float: left;







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







	background-repeat: no-repeat;







	background-position: left bottom;







	margin: 0px;







	padding-top: 0px;







	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;







overflow: hidden;







}







#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: left;







	top: 65px;







	right: 560px;







}







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







				 SIDEBAR







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







#primary .xoxo div.ngg-widget{







overflow:visible;







}































#primary {







	margin: 0px;







	float: right;







	width: 280px;







	background-color: #161616;







	padding-top: 20px;







	padding-right: 0px;







	padding-bottom: 0px;







	padding-left: 0px;







}















#primary ul.xoxo {







	width:260px;







	top:0px;







	display: block;







	list-style-type: none;







	padding-top: 0px;







	padding-right: 0px;







	padding-bottom: 15px;







	padding-left: 20px;







	margin: 0px;







	float: left;







}































#primary ul.xoxo li h3 {







	font-size: 18px;







	font-weight: normal;







	display: block;







	float: right;







	width: 250px;







	padding-top: 10px;







	padding-right: 10px;







	padding-bottom: 10px;







	padding-left: 0px;







	color: #FFFFFF;







	margin: 0px;







	border-top-style: none;







	border-right-style: none;







	border-bottom-style: none;







	border-left-style: none;







}















#primary ul.xoxo li #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;







}















#primary ul.xoxo li ul {







	width:260px;







	top:0px;







	display: block;







	list-style-type: none;







	padding-top: 0px;







	padding-right: 0px;







	padding-bottom: 15px;







	padding-left: 0px;







	margin: 0px;







	float: left;







}







#primary ul.xoxo li ul li {







	display:block;







	cursor:pointer;







	cursor:pointer;







	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;







}







#primary ul.xoxo li ul li a {







	color:#3685fe;







	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;







}







#primary ul.xoxo li ul li a.url {







	color:#3685fe;







	text-decoration:none;







	background-repeat: no-repeat;







	background-position: left 6px;







	padding: 0px;







	display: inline-block;







	background-image: none;







	margin: 0px;







}







#primary ul.xoxo li ul li a:hover {







	color: #3685fe;







	text-decoration: underline;







}







#primary ul.xoxo li span {







	font-family:georgia, arial;







	font-size:12px;







	color:#ffffff;







}







.advertise {







	margin: 0px;







	padding-top: 0px;







	padding-right: 0px;







	padding-bottom: 0px;







	padding-left: 0px;







	float: left;







	list-style-type: none;







	position:relative;







	right:8px;















}







#primary ul.xoxo li ul.advertise li {







	display:inline;







	cursor:pointer;







	padding-top: 0px;







	padding-right: 0px;







	padding-bottom: 0px;







	padding-left: 0px;







	float: left;







	width: auto;







	background-image: none;







	margin-top: 0px;







	margin-right: 5px;







	margin-bottom: 6px;







	margin-left: 0px;







}







/*.advertise li {







	float: left;







	margin: 0px;







	padding-top: 0px;







	padding-right: 0px;







	padding-bottom: 10px;







	padding-left: 10px;







	display: inline;















}*/







.advertise img {







	border: 1px solid #555555;







	padding: 1px;







	float: left;







}







#primary ul.xoxo li ul.advertise li a {







	color:#3685fe;







	text-decoration:none;







	padding-top: 0px;







	padding-right: 0px;







	padding-bottom: 0px;







	padding-left: 0px;







	display: inline;







	background-image: none;







	margin: 0px;















}







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







				      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: #3585FE;







	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: left;







	width: 263px;







	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: 20px;







	padding-right: 0px;







	padding-bottom: 0px;







	padding-left: 0px;







}







#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: #3685fe;







	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;







}







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







						 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;







	margin: 0px;







	padding-top: 33px;







	padding-right: 20px;







	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: none;







	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







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







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: #3585fe;







	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: #3685fe;







	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: #3585fe;







	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: #3585fe;







	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 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: #3685fe;







	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: #3685fe;







	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







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







#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 {







	margin: 0px;







	width: 912px;







	float: right;







	background-color: #161616;







	padding: 20px;







	position: relative;







}







#form div {







	float: left;







	width: 425px;







	position: relative;







	padding-top: 0px;







	padding-right: 15px;







	padding-bottom: 10px;







	padding-left: 15px;







	margin: 0px;







}







#form div label {







	height: 25px;







	width: 400px;







	display: block;







}







#form div span.error {







	color: #a80000;







	position: absolute;







	top: 0px;







	right: 17px;







	text-align: left;







}







#form 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: #3685fe;







	width: 930px;







	float: left;







	padding: 10px;







	margin-top: 85px;







	margin-bottom: 85px;







	color: #FFFFFF;







	







}







#form input {







	width: 409px;







	border: 1px solid #282828;







	padding: 8px;







	font-size: 13px;







	color: #999999;







	background-color: #282828;







	float: left;







}







#form textarea {







	width: 863px;







	border: 1px solid #282828;







	padding: 8px;







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







	font-size: 13px;







	background-color: #282828;







	color: #aaaaaa;







}







#form input:focus {







	border: 1px solid #5C5C5C;







	color: #CCCCCC;







	background-color: #5c5c5c;







}







#form textarea:focus {







	border: 1px solid #5C5C5C;







	background-color: #5C5C5C;







	color: #CCCCCC;







}







#form .submitBtn {







	background-color: #3685fe;







	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 .submitBtn:hover {







	background-color: #1f1f1f;







	color: #FFFFFF;







}







#form .submitBtn:focus {







	color: #FFFFFF;







	border-top-style: none;







	border-right-style: none;







	border-bottom-style: none;







	border-left-style: none;







	background-color: #3685fe;







}







#form 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 .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







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







.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: #161616;







	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







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







.slider_holder {







	float: right;







	padding-top: 45px;







	padding-right: 0px;







	padding-bottom: 25px;







	padding-left: 0px;







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







	background-repeat: no-repeat;







	background-position: 0px 15px;







	z-index: 999;







	margin-top: 0px;







	margin-right: 0px;







	margin-bottom: 0px;







	margin-left: 0px;







	position:relative;







	left: 0px;







	list-style-type: none;







}







.slider, .slider li {







	overflow:hidden;







	width:240px;







	padding-top: 60px;







	padding-right: 20px;







	padding-bottom: 20px;







	padding-left: 20px;







	color: #999999;







	z-index: 1;







	height: 170px;







}







.nav{







	width: 230px; /*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: 0px;







	float: left;







}







.nav .counter {







	color: #FFFFFF;







	float: left;







	width: 100px;







	text-align: left;







	margin: 0px;







	padding: 0px;







}







.nav ul {







	margin: 0px;







	float: right;







	display: block;







	width: 60px;







	padding-top: 0px;







	padding-right: 5px;







	padding-bottom: 0px;







	padding-left: 0px;







}







.nav ul li {







	margin: 0px;







	padding: 0px;







	list-style-type: none;







	display: inline;







}







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







}







.nav a.prev {







	margin: 0px;







	padding: 0px;







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







	background-repeat: no-repeat;







	background-position: left top;







}







.nav a.next {







	margin: 0px;







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







	background-repeat: no-repeat;







	background-position: right top;







	padding-top: 0px;







	padding-right: 10px;







	padding-bottom: 0px;







	padding-left: 0px;







}







.testimonial {







	float:left;







	margin-top:1px;







	position:relative;







}







#primary ul.xoxo li.slider_holder ul.slider li {







background-image:none;







}







#primary ul.xoxo li.slider_holder ul.slider li div.testimonial a {







	color: #3685fe;







	background-image:none;







	display:block;







	text-align:right;







}







.testimonial .author {







	font-weight: bold;







	color: #CCCCCC;







	float: right;







	margin-right:10px;







}







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







				  SERVICES







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







ul.services {







	list-style-type: none;







	margin: 0px;







	display: block;







	width: 650px;







	float: left;







	padding-top: 0px;







	padding-right: 0px;







	padding-bottom: 15px;







	padding-left: 0px;







}







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;







	display: inline;







}







ul.services li img {







	margin: 0px;







	border-top-style: none;







	border-right-style: none;







	border-bottom-style: none;







	border-left-style: none;







	display: block;







	float: left;







	height: 50px;







	width: 50px;







	padding-top: 0px;







	padding-right: 5px;







	padding-bottom: 0px;







	padding-left: 0px;







}







ul.services li strong {







	font-size: 15px;







	font-weight: normal;







	width: 250px;







	text-decoration: none;







	margin: 0px;







	color: #FFFFFF;







	display: block;







	padding-top: 20px;







	padding-right: 0px;







	padding-bottom: 20px;







	padding-left: 0px;







}







ul.services li p {







	display: inline;







}







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: #3685fe;







	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 {







	margin: 0px;







	padding: 0px;







	font-weight: bold;







        float: left;







}







#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:#3685fe; 







}







#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: 99%;







	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: #3685fe;







	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: #3685fe;







}







.wp-pagenavi a:hover { 







color: #FFF; 







background-color: #161616;







}







.wp-pagenavi a:active {	







text-decoration: none; 







color: #FFF; 







background-color: #3685fe;







}







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







}







#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 {







	font-weight:bold;







	font-style:normal;







	font-size:13px;







	float:left;







}







.author_date {







	float:right;







	color: #3685fe;







}







.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: #3685fe;







}







.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: #3685fe;







	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: #3685fe;







}







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







}







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







}







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 {







	width:650px;







	margin: 0px;







	padding: 0px;







	float: left;







}















.boxBody {







	margin: 0px;







	width: 610px;







	color: #FFFFFF;







	float: left;







	border-top-width: 4px;







	border-top-style: solid;







	border-top-color: #3685fe;







	background-color: #3685fe;







	padding: 20px;







}







.boxBody div {







	display:none;







	margin: 0px;







	padding: 0px;







}







.boxBody div.show {







	display:block;







	margin: 0px;







	padding: 0px;







}







.boxBody div img {







	float: left;







	background-color: #282828;







	padding: 15px;







	border: 1px solid #fff;







	margin-top: 4px;







}







.boxBody p {







	display: block;







	float: left;







	width: 505px;







	padding-left: 20px;







}































.boxBody a {







	display:block;







	color: #4497a8;







	padding-right: 3px;







	padding-left: 3px;







	padding-top: 0px;







	padding-bottom: 4px;







	font-weight: bold;







}







.boxBody a:hover {







	text-decoration: none;







	background-color: #EFEFEF;







}















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 #3685fe;







	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;







}