/*

Theme Name: GRS Wordpress Theme

Theme URI: http://arambe.elance.com/

Author: C.J. Arambewela

Author URI: http://arambe.elance.com/

Description: This theme is built on using the whiteboard framework.

Version: 3.2.1



 * Built on the Whiteboard Framework

 * http://whiteboardframework.com

 */



/*

 * The Whiteboard Framework is licensed under the GPL license.

 * Feel free to use the Whiteboard Framework for commercial and non-commercial ventures.

 * We require a link in the CSS file and request a link on the website

*/

@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic);

@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);

html {

	overflow-x:hidden;}

* {

	margin: 0px;

	padding: 0px;

	font-family:"Myriad Pro", "PT Sans", sans-serif, Arial, Helvetica ;

	font-size:12px;

	outline:none;

}

body {

	margin: 0px;

	font-family:"Myriad Pro", "PT Sans", sans-serif, Arial, Helvetica;

	font-size:12px;

	background-color: #eaeaea;

	background-image: none;

}

#website {

	clear: both;

	margin-right: auto;

	margin-left: auto;

}

.bgimages {
	background-repeat: no-repeat;
	background-size: 100%;
}

ul {

	list-style-type: none;

	display: block;

}





#page h1 {

	font-family: "Myriad Pro Cond", "PT Sans Narrow", sans-serif ;

	font-style: italic;

	font-weight: normal;

	text-align: center;

	display: block;

	width: 940px;

	font-size: 30px;

	line-height: 30px;

	color: #959595;

}



h1 a {	

	font-size: 2.5em;

	color: #454545;

	display: block;

	text-align: left;

	line-height:2em;

	padding: 0px;}



a {

	color:#2a99d8;

	text-decoration:none;

	font-size: 13px;

}

a:visited {}



a:hover {

	text-decoration:underline;

	-webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;}

#wrapper {

	width: 1100px;

	position: relative;

	margin-right: auto;

	margin-left: auto;

}

#slider {

	height: 480px;

	position: absolute;

	z-index: 0;

	overflow: hidden;

	text-align: center;

	display: block;

	margin-right: auto;

	margin-left: auto;

	width: 100%;

}



#slider  #soliloquy-container-73, #soliloquy-73, #soliloquy-list-73{

	height:480px;

	margin-left: auto;

	margin-right: auto;

	overflow: hidden;

}

#soliloquy-list-73 .soliloquy-item, #soliloquy-list-73 .soliloquy-item-image {

	height:480px;}



#page {

	width: 940px;

	margin-right: auto;

	margin-left: auto;

	position: relative;

}

#header {

	width: 940px;

	height: 150px;

}

#header .headinsky {

	position: absolute;

	z-index: 4000;

	width: 100%;

}







#logo {

	height: 80px;

	width: 160px;

	margin-top: 20px;

	float: left;

	margin-left: -5px;

}



#nav {

	float: right;

	width: 740px;

	margin-top: 50px;

	height: 50px;

	-moz-border-radius: 5px 5px 5px 5px;

	-webkit-border-radius: 5px 5px 5px 5px;

	-o-border-radius: 5px 5px 5px 5px;

	-ms-border-radius: 5px 5px 5px 5px;

	border: 1px solid #999;

	background-color: #E6E6E6;

}

#nav ul li {

	display: block;

	float: left;

	height: 50px;

	line-height: 50px;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #999;

}

#nav ul li a {

	color: #7e7e7e;

	text-decoration: none;

	font-family:"Myriad Pro", "PT Sans",  sans-serif, Arial, Helvetica;

	font-size: 14px;

	padding-right: 20px;

	padding-left: 20px;

	display: block;

	text-align: center;

	line-height: 50px;

	height: 50px;

	font-weight: bold;

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

	background-repeat: repeat-x;

}



#nav ul li a:hover {

	color: #FFF;

	text-shadow:0px 2px 10px #fafafa;

	height: 50px;

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

	background-repeat: repeat-x;

	}

#nav li.current-menu-item a {

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

	background-repeat: repeat-x;

	color: #FFF;

	text-shadow:0px 2px 10px #fafafa;

}

#nav .search {

	line-height: 50px;

	height: 50px;

	width: 200px;

	float: right;

}



/*------------------post meta styles-------------------*/

.post-meta {

	height: 35px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #E7E7E7;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #E7E7E7;

	clear:both;

}

.post-meta li  {

	display: inline;

	font-size: 14px;

	line-height: 35px;

	padding-left: 20px;

	margin-right: 10px;

	color: #666;

}

li.meta-category {

	background-image: url(images/icons/category-icon.png);

	background-repeat: no-repeat;

	background-position: 0px;

}

li.meta-date {

	background-image: url(images/icons/date-icon.png);

	background-repeat: no-repeat;

	background-position: 0px;

}

li.meta-author {

	background-image: url(images/icons/author-icon.png);

	background-repeat: no-repeat;

	background-position: 0px;

}

li.meta-nocomments {

	background-image: url(images/icons/comments-icon.png);

	background-repeat: no-repeat;

	background-position: 0px;

}

/*------------------End post meta styles-------------------*/



/*------------------Author box styles-------------------*/

#post-author {

	margin-top: 10px;

	padding-top: 10px;

	padding-left: 10px;

	border: 1px solid #CCC;

	position: relative;

	background-color: #FEFEFE;

	height: auto;

	float: left;

	width: 100%;

}

#post-author .gravatar {

	border: 1px solid #CCC;

	padding: 5px;

	margin-top: 10px;

	margin-right: 10px;

	margin-bottom: 10px;

	margin-left: 0px;

	float: left;

	height: 80px;

	width: 80px;

}

#post-author h3{

	font-size: 16px;

	color: #6D6D6D;

	text-transform: capitalize;

	line-height: 16px;

	text-align: left;

	display: block;

}

#post-author h3 a {

	color: #333;

	font-size: 16px;

	font-weight: normal;

	font-variant: normal;

	text-transform: capitalize;

}

#post-author h3 a:hover {

	text-decoration: underline;

}

#authorDescription {

	display: block;

	text-align: justify;

	margin-top: 15px;

	font-size: 14px;

	color: #999;

}

#author-link {

	font-size: 14px;

	color: #999;

	margin-top: 20px;

}

/*------------------End author box styles-------------------*/



/*------------------comments box styles-------------------*/



#comments {

	float: left;

	width: 700px;

}

#commentform p label {

	font-size: 18px;

	line-height: 20px;

	display: block;

	width: auto;

	margin-top: 20px;

	padding: 5px;

}



#comments textarea {

	height: 150px;

	width: 600px;

	-webkit-writing-mode: horizontal-tb;

	border:none;

	outline:none;

	background-color: #E2E2E2;

	margin-top: 10px;

	padding: 5px;

	color: #555555;

	float: left;

	margin-bottom: 20px;

}



/*------------------End comments box styles-------------------*/



/********************Feature content*************************/

#featurecont {

	background-color: #FFF;

	clear: both;

	height: 158px;

	width: 940px;

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

	background-repeat: repeat-x;

	-moz-box-shadow: 0px 7px 20px #B6B6B6;

	-webkit-box-shadow: 0px 7px 20px #B6B6B6;

	box-shadow: 0px 7px 20px #B6B6B6;

	margin-top: 240px;

}

#featurecont ul {

	width: 900px;

	margin-right: auto;

	margin-left: auto;

}

#featurecont ul li {

	width: 280px;

	height: 155px;

	display: block;

	float: left;

	margin-right: 28px;

	margin-top: 20px;

	overflow: hidden;

}

#featurecont ul li:last-child {

	margin-right: 0px;

}



#featurecont h3 {

	text-decoration: none;

	color: #494949;

	font-size: 22px;

	font-weight: 600;

	font-family: "Myriad Pro Cond", "PT Sans Narrow", sans-serif ;

	line-height: 22px;

	margin-bottom: 20px;

}

#featurecont ul li p {

	text-align: justify;

	display: block;

	line-height: 16px;

	font-family:"Myriad Pro", "PT Sans", Helvetica, sans-serif, Arial ;

	font-size: 14px;

	color: #999999;

}

/********************Feature content ends*************************/





/********************Home products section*************************/

#homeproducts {

	width: 940px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 40px;

	height: auto;

	clear: both;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 20px;

	padding-left: 0px;

	position: relative;

	float: left;

}



#homecatNav  {

	font-family:"Myriad Pro", "PT Sans", Arial, Helvetica, sans-serif,;

	height: 38px;

	margin: 0px;

	width: 940px;

	position: relative;

	padding-bottom: 20px;

	clear: both;

}

#homecatNav h3 {

	float: left;

	font-weight: bold;

	display: block;

	padding-right: 4px;

	padding-left: 4px;

	line-height: 38px;

	margin: 0px;

	font-size: 36px;

	color: #494949;

	font-family: "Myriad Pro Cond", "PT Sans Narrow", sans-serif ;

}

#homecatNav ul {

	list-style-type: none;

	display: block;

	float: right;

	width: 700px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

}

#homecatNav li {

	display: block;

	float: left;

	border-right:solid 1px #666666;

	margin-top: 15px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-right: 2px;

	padding-left: 2px;

}



#homecatNav li:last-child {

	border:none;

}

#homecatNav ul li a {

	font-family: "Open Sans", sans-serif;

	text-decoration: none;

	font-size: 18px;

	padding-right: 10px;

	padding-left: 10px;

	color: #494949;

	line-height: 18px;

	height: 38px;

	font-weight: 600;

}



#homecatNav ul li a:hover {

	color: #FFF;

	background-color: #5e5e5e;

}



#homeitems {

	width: 940px;

	border-top: 1px solid #CFCFCF;

	clear: both;

	height: auto;

	padding-top: 60px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	float: left;

	min-height:500px;

}

#homeitems ul {

	width: 940px;

	margin: 0px;

	float: left;

	position: absolute;

}

#homeitems li.itembox {

	width: 220px;

	margin-right: 15px;

	margin-bottom: 20px;

	margin-left: 0px;

	float: left;

	display: block;

	position: relative;

	z-index: 0;

}



#homeitems h5, #homeitems h5 a {

	text-align: center;

	display: block;

	font-family: "Myriad Pro Cond", "PT Sans Narrow", sans-serif , Helvetica, sans-serif, Arial ;

	font-size: 18px;

	color: #494949;

	letter-spacing: 13;

	line-height:18px;

	margin:10px 0px 0px 0px;

	text-decoration: none;

	font-weight: bold;

}

#homeitems h5 a:hover {

	text-decoration: underline;

}

#homeitems p {

	text-align: center;

	display: block;

	color: #999797;

	margin: 0px;

}

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

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

.hide { position: absolute; top: -9999px; left: -9999px; }

#homecatNav li a.current,#homecatNav li a.current:hover { background-color:#656565; !important; color:white;}

#homecatNav ul li a:hover, #homecatNav ul li a:focus { background: #494949;}



.cattopics li a.current,.cattopics li a.current:hover { !important; color:black;}

.cattopics ul li a:hover, .cattopics ul li a:focus { background: none;}



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

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





/********************Home products section ends*************************/



#featureposts {

	width: 940px;

	position: relative;

	clear: both;

	margin-top: 40px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #d2d0d0;

	padding-top: 70px;

	float: left;

}

#featureposts ul {

	width: 940px;

	position: relative;

	float: left;

}

#featureposts ul li {

	display: block;

	height: 140px;

	margin-bottom: 18px;

	margin-top: 0px;

	width: 460px;

	margin-left: 18px;

	position: relative;

	float: left;

}



#featureposts li:first-child {

	height: 456px;

	width: 462px;

	margin: 0px;

}



#featureposts li:first-child img {

	height: 300px;

	width: 460px;

	float:none;

	margin: 0px;

}



#featureposts li:first-child h4, #featureposts li:first-child h4 a  {

	margin-top: 10px;

	margin-bottom: 10px;

	width: 450px;

	margin-left: 0px;

	text-decoration: none;

}

#featureposts li:first-child p {

	width: 450px;

	margin: 0px;

}

#featureposts li img {

	height: 140px;

	width: 140px;

	float:left;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}



#featureposts li h4, #featureposts li h4 a {

	font-size: 24px;

	color: #494949;

	font-weight: bold;

	font-family: "Myriad Pro Cond", "PT Sans Narrow", sans-serif ;

	display: block;

	float: left;

	width: 300px;

	line-height: 24px;

	text-align: left;

	padding: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 10px;

}

#featureposts li p {

	color: #959595;

	margin-top: 20px;

	margin-left: 18px;

	float: left;

	width: 300px;

	font-family:"Myriad Pro", "PT Sans", Arial, Helvetica, sans-serif, "Open sans";

	font-size: 14px;

	line-height: 16px;

	text-align: justify;

	display: block;

	word-spacing: 1px;

	-webkit-text-justify: distribute;

}



#featureposts li .read-more {

	float: right;

	text-align: right;

	display: block;

	margin-top: 18px;

	font-family:"Myriad Pro", "PT Sans", Helvetica, sans-serif, Arial ;

	font-size: 14px;

	font-style: italic;

	color: #2a99d8;

	text-decoration: none;

	font-weight:400;

}

#footer {

	width: 100%;

	clear: both;

	background-color: #232323;

	height: 280px;

	margin: 30px 0px 0px 0px;
	padding: 60px 0px 10px 0px;
	color: #9a9797;

	font-size: 1.2em;

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

	background-repeat: repeat-x;

	display: block;

}


#fwidgets {
	width: 940px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	height: auto;
}

.fwidget {
	width: 210px;
	display: block;
	padding: 0px;
	float: left;
	overflow: hidden;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-right: 25px;
}



.fwidget h3, .twitter_title_link {

	font-size: 14px;

	text-transform: uppercase;

	text-align: left;

	display: block;

	color: #9a9797;

	font-weight: bold;

	text-shadow:0px 1px 0px #ffffff;

	line-height: 16px;

	margin-bottom: 20px;

	margin-top: 0px;

	font-family: "Myriad Pro Cond", "PT Sans Narrow", sans-serif ;

}



.fwidget .post-title {

	font-family: "Myriad Pro Cond", "PT Sans Narrow", sans-serif ;

	font-size: 18px;

	line-height: 20px;

	font-weight: bold;

	color: #9a9797;

	text-decoration: none;

	text-align: left;

	display: block;

	margin-bottom: 15px;

}



.fwidget .post-date, .fwidget .comment-num {

	font-family:"Myriad Pro", "PT Sans", Helvetica, sans-serif, Arial ;

	font-size: 12px;

	font-style: italic;

	font-weight: 600;

	color: #999797;

	display: block;

	margin-bottom: 10px;

}



.fwidget p {

	text-align: left;

	display: block;

	font-family:"Myriad Pro", "PT Sans", Helvetica, sans-serif, Arial ;

	font-size: 14px;

	line-height: 16px;

}

.fwidget .more-link {

	display: block;

	clear: both;

	margin-top: 10px;

}

.quick-flickr-item a img:nth-child(3n+3) {

	margin-right: 0px;

}



.quick-flickr-item {

	width: 58px;

	height: 58px;

	float: left;

	display: block;

	margin-right: 8px;

	border: 2px solid #FFF;

	margin-bottom: 10px;

}



.quick-flickr-item img {

	height: 58px;

	width: 58px;

}





.featured-thumbnail {

	display: block;

	margin: 5px;

	float: left;

	border: 2px solid #FFF;

	overflow: hidden;

		}



.widget-sidebar {

	margin-bottom: 18px;	

		

}

	

#searchform .screen-reader-text {

    display:none;

}

#searchform {

	position:relative;

	padding: 0px;

}

 

input#s {

	top:30px;

	border-radius: 15px 15px 15px 15px;

	-moz-border-radius: 15px 15px 15px 15px;

	-webkit-border-radius: 15px 15px 15px 15px;

	-o-border-radius: 15px 15px 15px 15px;

	height: 1.5em;

	width: 150px;

	line-height: 1.2em;

	outline:none;

	padding-right: 5px;

	padding-left: 18px;

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

	background-repeat: no-repeat;

	background-position: 2px;

	box-shadow:none;

	border: 1px solid #959595;

	font-size: 1.2em;

}

input#searchsubmit {

	display: none;

	

}



.widget-area {

	font-size: 14px;	

}



.widget-area h3 {

	font-size: 16px;

	font-weight: bold;

}



.widget-sidebar ul {

	display: block;

	margin-bottom: 10px;	

}



.widget-sidebar ul li {

	font-size: 14px;

	display: block;

	margin-bottom: 8px;

	line-height: 16px;

}

.widget-sidebar ul ul li a {

	font-size: 12px;

	text-decoration: none;

	line-height: 14px;

}



.none { /* this class is used to hid the skip to content link at the beginning of the document for accessibility */

	display: none;

}

.clear {

	clear: both;

}

.left {

	float: left;

}

.right {

	float: right;

}

.aligncenter {

	text-align: center;

}

.alignleft {

	text-align: left;

}

.alignright {

	text-align: right;

}



/* Always remember to compress your live stylesheet and keep an uncompressed backup */



#map {

	height: 440px;

	width: 1100px;

	margin-left: -80px;

	overflow: hidden;

}

#contactcontent {

	width: 740px;

	float: left;

	margin-left: 200px;

	margin-top: 30px;

	font-size: 30px;

	line-height: 30px;

	margin-bottom: 145px;

}

#contactcontent h2 {

	line-height: 30px;

	font-size: 30px;

	font-weight: normal;

	color: #727272;

}

#contactcontent form {

	width: 220px;

	float: left;

	margin-top: 28px;

	height: 420px;

}


#contactdetails {

	margin-left: 30px;

	height: 300px;

	float: left;

	width: 490px;

	padding-top: 28px;

	font-size: 12px;

	line-height: 16px;

	color: #838383;

}

#contactcontent form div input {

	height: 28px;

	width: 220px;

	margin-bottom: 12px;

	border:none;

	box-shadow:none;

	font-family:"Myriad Pro", "PT Sans", Helvetica, sans-serif, Arial ;

	font-size: 12px;

	color: #727272;

	line-height: 14px;

	padding-left: 5px;

}

#contactcontent form textarea {

	width: 220px;

	margin-top: 10px;

	height: 220px;

	font-family:"Myriad Pro", "PT Sans", Helvetica, sans-serif, Arial ;

	font-size: 12px;

	color: #727272;

	padding-top: 10px;

	padding-left: 5px;

	border:none;

}#contactcontent form #submit {

	height: 46px;

	width: 140px;

	float: right;

	margin-top: 20px;

	border: 1px;

	font-size: 16px;

	font-weight: bold;

	color: #FFF;

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

	background-repeat: repeat-x;

	border-radius: 5px 5px 5px 5px;

	-moz-border-radius: 5px 5px 5px 5px;

	-webkit-border-radius: 5px 5px 5px 5px;

}

#aboutsec {

	float: left;

	margin: 0px;

	padding: 0px;

}



#aboutsec .column1 {

	float: left;

	width: 700px;

	position: relative;

}

#aboutsec .column2 {

	float: right;

	width: 220px;

	margin-left:20px;

}

.column2 p, .column2 {

	color: #959595;

	font-family:"Myriad Pro", "PT Sans", Helvetica, sans-serif, Arial ;

	font-size: 14px;

	line-height: 18px;

	text-align: left;

}



#aboutsec h1 {

	font-size: 40px;

	font-weight: normal;

	color: #494949;

	font-family: "Myriad Pro Cond", "PT Sans Narrow", sans-serif ;

	text-align: right;

	display: block;

	line-height: 40px;

	padding-top: 0px;

	padding-right: 25px;

	padding-bottom: 0px;

	padding-left: 0px;

	border-right-width: 5px;

	border-right-style: solid;

	border-right-color: #DADADA;

	float: right;

	font-style: normal;

	margin: 0px;

}



#aboutslider {

	margin-top: 40px;

	height: 320px;

	width: 700px;

	overflow: hidden;

	position: relative;

	float: left;

}

#aboutsec2 {

	width: 940px;

	float: left;

	margin-top: 65px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #d2d0d0;

}

#aboutsec2 h1 {

	font-family: "Myriad Pro Cond", "PT Sans Narrow", sans-serif ;

	font-size: 36px;

	font-weight: bold;

	float: left;

	margin-top: 60px;

	color: #494949;

	line-height: 30px;

	text-align: left;

	display: block;

	width: 460px;

	font-style: normal;

}

#aboutsec2 section {

	font-family:"Myriad Pro", "PT Sans", Helvetica, sans-serif, Arial ;

	font-size: 14px;

	line-height: 18px;

	color: #959595;

	column-width:220px;

	-moz-column-width:220px; /* Firefox */

	-webkit-column-width:220px; /* Safari and Chrome */

	-moz-column-count:2; /* Firefox */

	-webkit-column-count:2; /* Safari and Chrome */

	column-count:2;

	float: left;

	width: 460px;

	margin-top: 30px;

	clear: left;

	height: 400px;

	overflow: hidden;

}

.aboutsec2img {

	float: right;

	height: 460px;

	width: 460px;

	overflow: hidden;

	display: block;

	margin-top: -25px;

	background-repeat: no-repeat;

	background-size: 100% 100%;

}





#newsarchive {

	width: 640px;

	float: right;

	margin-right: 10px;

}

#newsarchive li {

	display: block;

	width: 300px;

	float: right;

	margin-right: 40px;

	margin-bottom: 20px;

}

#newsarchive li:first-child {

	width: 640px;

	float: right;

	height: auto;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #d2d0d0;

	padding-bottom: 15px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #B7B5B5;

	display: block;

	margin-bottom: 40px;

	margin-right: 0px;

	margin-left: 0px;

}

#newsarchive li:first-child .newsbigimgs {

	height: 220px;

	width: 640px;

	background-repeat: no-repeat;

	background-size:cover;

	float: left;

	margin-top: 40px;

	margin-bottom: 20px;

	overflow: hidden;

}

#newsarchive li:nth-child(2) .newsbigimgs {

	height: 220px;

	width: 300px;

	background-repeat: no-repeat;

	background-size:cover;

	margin-bottom: 15px;

	}

#newsarchive h3 a {

	font-size: 22px;

	font-family: "Myriad Pro Cond", "PT Sans Narrow", sans-serif ;

	line-height: 22px;

	text-align: left;

	display: block;

	color: #494949;

	margin: 0px;

	text-decoration: none;

	float: left;

	font-style: normal;

	font-weight: bold;

}

#newsarchive li:first-child h3 a, #newsarchive li:first-child .blogmeta {

	clear: both;

	width: 600px;

}

#newsarchive li:nth-child(2) h3 a {

	clear: both;

	width: 300px;

	float: left;

}

.blogmeta {

	font-size: 14px;

	font-style: italic;

	line-height: 14px;

	font-family: "Myriad Pro Cond", "PT Sans Narrow", sans-serif ;

	display: block;

	margin-top: 30px;

	color: #999797;

	text-align: left;

	height: 18px;

	position: relative;

	float: left;

}



#newscontent {

	display: block;

	float: left;

}



.blogmeta .newsmeta {

	float:left;

	margin-right: 5px;}



#newsarchive p {

	font-family:"Myriad Pro", "PT Sans", Helvetica, sans-serif, Arial ;

	font-size: 14px;

	color: #959595;

	margin-top: 5px;

}



#newsarchive li:nth-child(1) p, #newsarchive li:nth-child(2) p {

	margin-top: 20px;

}

#newsarchive li:nth-child(2) a {

	margin-top: 30px;

	}



#newsarchive a {

	text-align: right;

	display: block;

	float: right;

	font-family: "Myriad Pro Semibold";

	font-size: 14px;

	font-style: italic;

	color: #2a99d8;

	text-decoration: none;

	margin-top: 10px;

}



#newsarchive li img {

	float: left;

	height: 100px;

	width: 100px;

	margin-right: 10px;

}



#newsarchive #second, #newsarchive li:nth-child(2) {

	display: block;

	float: right;

	width: 300px;

	margin: 0px;

}



.newsthumb .blogmeta, .newsthumb .read-more{

	display: inline;

	visibility: hidden;

	}



#sidebar {

	width: 240px; /* 3 columns */

	float: left;

	overflow: hidden;

	margin-top: 56px;

	position: relative;

	height: auto;

	margin-left: -8px;

}

#sidebar .widget {

	margin-bottom: 25px;

	margin-left: 8px;

}



.widget h3 {

	display: block;

	margin-bottom: 10px;

}



.widget li.paint-categories, li.paint-brand, li.applicablepaint {

	font-family:"Myriad Pro", "PT Sans", Helvetica, sans-serif, Arial ;

	font-size: 14px;

	color: #484848;

	line-height: 14px;

	text-align: left;

	display: block;

	font-weight: 600;

	margin-top: 15px;

}



.widget li.paint-categories a.current-cat {

	color: #454545;

}

li.cat-item a {

	font-family:"Myriad Pro", "PT Sans", Helvetica, sans-serif, Arial ;

	font-size: 14px;

	line-height: 10px;

	font-weight: normal;

	color: #888888;

	text-decoration: none;

}



li.cat-item a:hover {

	color: #E5E5E5;

}



.widget li ul li:first-child {

	margin-top: 5px;

}

#sidebar .widget a {

	font-family:"Myriad Pro", "PT Sans", Helvetica, sans-serif, Arial ;

	font-size: 14px;

	line-height: 14px;

	color: #888888;

	display: block;

	text-decoration: none;

}



#sidebar .divider {

	height: 10px;

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

	background-repeat: repeat-x;

	display: block;

	width: 240px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}

#sidebar {
	-webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
	}

#sidebar ul li ul.children {
	display: none;
}
#sidebar ul li ul.children li a {
	border-left-width: 1px;
	color: #6B6B6B;
	border-left-style: solid;
	border-left-color: #888888;
	padding-left: 3px;
}
#sidebar ul li.cat-item:hover ul.children{
	display: block;
	margin-left: 4px;
}

#content {

	float: right;

	margin-top: 56px;

	min-width: 640px;

	display: block;

	width: 700px;

}

#singlepage {

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #d2d0d0;

}

.singlepagetitle {

	font-family: "Myriad Pro Cond", "PT Sans Narrow", sans-serif;

	font-size: 36px;

	font-weight: bold;

	line-height: 36px;

	text-transform: uppercase;

	display: block;

	margin-top: 20px;

	margin-bottom: 20px;

	color: #454545;

}

#productsingle {

	width: 700px;

	padding: 0px;

	float: right;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #d2d0d0;

	margin-bottom: 5px;

}

.productdetails {
	float: right;
	width: 220px;
	margin-top: 34px;
	height:460px;
	overflow: scroll;
	overflow-x:hidden;
}

.productdetails::-webkit-scrollbar {
    width: 5px;
}
 
.productdetails::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.productdetails::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

.productdetails li span {
	font-family: "Myriad Pro Cond", "PT Sans Narrow", sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #454545;
	letter-spacing:0.1em;
	}

#productsingle h2 {

	font-family: "Myriad Pro Cond", "PT Sans Narrow", sans-serif ;

	font-size: 36px;

	line-height: 30px;

	font-weight: bold;

	color: #494949;

	display: block;

}

.productdetails ul {

	display: block;

	margin-top: 20px;

}

.productdetails li {

	font-family:"Myriad Pro", "PT Sans", Helvetica, sans-serif, Arial ;

	color: #959595;

	font-size: 15px;

	display: block;

	line-height: 24px;

}



#image{

	height:460px;

	width:460px;

	float: left;

	margin-top: 34px;

	overflow: hidden;}

	

#image img {

	height: 460px;

	width: 460px;

}

#productsingle #thumbimages {

	width: 700px;

	margin-top: 40px;

	float: left;

	padding: 0px;

}





.thumb{

	float:left;

	height: 220px;

	width: 220px;

	padding: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 20px;

}

#content .single {

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #B7B7B7;

	width: 640px;

	float: right;

}



.singleimg {

	background-repeat: no-repeat;

	height: 220px;

	width: 640px;

	background-size: 100%;

	margin-top: 40px;

}

.single .blogmeta {

	float: left;

	clear: both;

	width: 100%;

}

.single h3 a {

	margin-top: 25px;

	line-height: 22px;

	font-family: "Myriad Pro Cond", "PT Sans Narrow", sans-serif ;

	font-size: 22px;

	font-weight: bold;

	color: #494949;

	text-decoration: none;

	text-align: left;

	display: block;

	float: left;

}



.post-content, .page-content {
	display: block;

	margin-bottom: 20px;

	margin-top: 20px;

	float: left;

	width: 100%;

	}
	
article.single .post-content h1, .page-content h1 {
	font-size: 2em;
	font-style: normal;
	float: left;
}
	
.post-content h2 {font-size:1.75em;}
	
.post-content h3 {font-size:1.50em;}
	
.post-content h4 {font-size:1.25em;}
	
.post-content h5 {font-size:1.225em;}
	
.post-content h6 {font-size:1.1em;}


.post-content p, .page-content p {
	display: block;

	margin-bottom: 10px;

} 



#archiveset {

	width: 700px;

	float: right;

	position: relative;

	height: auto;

	padding-bottom:20px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #CCC;

	padding-top: 35px;

}



#archiveset ul {

	height: auto;

	width: 720px;

}

#archiveset ul li {

	width: 220px;

	margin-right: 20px;

	height: 220px;

	margin-bottom: 20px;

	float: left;

}

#archiveset ul li:hover {

	background-color: #FFF;

}

#archiveset a h4 {

	font-family: "Myriad Pro Cond", "PT Sans Narrow", sans-serif ;

	font-size: 18px;

	line-height: 20px;

	font-weight: bold;

	color: #494949;

	text-align: center;

	display: block;

	margin-top: 10px;

}

#archiveset a li p {

	font-family:"Myriad Pro", "PT Sans", Helvetica, sans-serif, Arial ;

	font-size: 12px;

	line-height: 12px;

	font-weight: bold;

	color: #959595;

	text-align: center;

	display: block;

	margin-top: 10px;

}

#archiveset li .category {

	font-family:"Myriad Pro", "PT Sans", Helvetica, sans-serif, Arial ;

	font-size: 12px;

	line-height: 14px;

	font-weight: 600;

	color: #999797;

	text-align: center;

	display: block;

	margin-top: 5px;

}



#archiveset ul li:nth-child(3n) {

	margin-right: 0px;

}



.archivesetimg {

	width: 220px;

	height: 160px;

	background-repeat: no-repeat;

	background-size:cover;

	background-position: 0px -20px;

}



.cattopics ul li a {

	text-decoration: none;

	color: #888888;

	font-size: 14px;

	line-height: 16px;

	font-weight: normal;

	width: auto;

	padding-top: 4px;

	padding-right: 6px;

	padding-bottom: 4px;

	padding-left: 4px;

	font-family:"Myriad Pro", "PT Sans", Helvetica, sans-serif, Arial ;

}

/* iPhone 4 ----------- */

@media

only screen and (-webkit-min-device-pixel-ratio : 1.5),

only screen and (min-device-pixel-ratio : 1.5) {

html {overflow-x: scroll;}

#slider, #footer {

	width: 1100px;

	overflow: hidden;

	height: 480px;

}

/* Styles */

}

/* Smartphones (portrait and landscape) ----------- */

@media only screen 

and (min-device-width : 320px) 

and (max-device-width : 480px) {

	html {

		overflow-x: scroll;}

	#slider, #footer {

	width: 1100px;

	overflow: hidden;

	height: 480px;

}

/* Styles */

}