/* Title:Jay Yaskiw Designs
Description:Jay Yaskiw Designs 2009 Portfolio Page 
Author:Jay Yaskiw
Date:December 2009


/**** HTML ******/
* {
	margin:0;
	padding:0px;
	outline:none;
}
html,body {
	background:#FFF;
	margin:0;
	padding:0px;
}
a {
	color:#ec008c;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	line-height:19px;
	text-decoration:underline;
}
a:hover {
	color:#000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	line-height:19px;
}
p {
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	line-height:19px;
	margin-bottom:10px;
	color:#4d4d4d;
}
h2 {
	text-indent:-9999px;
	width:350px;
	height:30px;
	
}
h3 {
	width:290px;
	height:27px;
	margin:4px 0px 4px 0px;
	text-indent:-9999px;
	border-bottom:1px solid #4d4d4d;
}
li {
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	color:#4d4d4d
}
h6 {
	text-indent:-9999px;
	width:290px;
	height:30px;
	margin-bottom: 7px;
}
/* ----------CENTER OF THE LAYOUT-------------- */
#container {
	clear:left;
	float:left;
	width:100%;
	padding: 20px 0px 20px 0px;
}
/* --------------MAIN------------- */
#main {
	margin:0 auto;
	width: 960px;
}
/* ----------Header-------------- */
.wrapper {
	width:960px;
	margin:0 auto;
}
#header {
	background:url(assets/sitegraphics/topheader1.gif) repeat-x;
	height:200px;
	width:100%;
	padding:0px 0px
}
#header h1 {
	float:left;
	background:url(assets/sitegraphics/logo1.png) no-repeat;
	text-indent:-9999px;
	width:300px;
	height:128px;
	margin-right:50px;
}
#header h1 a {
	text-decoration:none;
	display:block;
	width:300px;
	height:128px;
}
#header h1 a:hover {
	text-decoration: none !important;
}
/*menu*/
ul#navbar {
	width:600px;
	height:150px;
	outline:none;
	float:right
}
ul#navbar li {
	float:left;
	list-style-type:none;
	outline:none;
}
ul#navbar li a {
	text-indent:-9999px;
	display:block;
	margin-right:3px;
	position:relative;
	outline:none;
	margin-top:10px;
	width:111px;
	height:150px;
}
ul#navbar li#home a {
	background:url(assets/sitegraphics/home_btn.png) top center;
	margin-left:25px;
}
ul#navbar li#home a:hover {
	background:url(assets/sitegraphics/home_btn.png) bottom center;
}
ul#navbar li#about a {
	background:url(assets/sitegraphics/about_btn.png) top center;
}
ul#navbar li#about a:hover {
	background:url(assets/sitegraphics/about_btn.png) bottom center;
}
ul#navbar li#work a {
	background:url(assets/sitegraphics/work_btn.png) top center;
}
ul#navbar li#work a:hover {
	background:url(assets/sitegraphics/work_btn.png) bottom center;
}
ul#navbar li#contact a {
	background:url(assets/sitegraphics/contact_btn.png) top center;
}
ul#navbar li#contact a:hover {
	background:url(assets/sitegraphics/contact_btn.png) bottom center;
}
ul#navbar li#blog a {
	background:url(assets/sitegraphics/blog_btn.png) top center;
}
ul#navbar li#blog a:hover {
	background: url(assets/sitegraphics/blog_btn.png) bottom center;
}
/* ----------Main-------------- */
.wrapper img {
	width:960px;
	height:460px;
}
#recentworksamples {
	width:960px;
	height:830px;
}
.worksample {
	float:left;
	width:320px;
	height:300px;
	margin-bottom:90px
}
.worksample p {
	margin-top:0px;
	margin-right:30px;
}
h3.galleryoffloors {
	background:url(assets/sitegraphics/galleryoffloorsheader.gif) no-repeat;
}
h3.rockymountainbbq {
	background:url(assets/sitegraphics/rockymountainbbqheader.gif) no-repeat;
}
h3.primelandservices {
	background: url(assets/sitegraphics/primelandservicesheader.gif) no-repeat;
}
/* ----------about-------------- */
.about1 {
	margin:0 auto;
	height:750px;
}
h4.aboutjayyaskiwmain {
	background:url(assets/sitegraphics/aboutmainheader.gif) no-repeat;
	width:960px;
	height:100px;
	text-indent:-9999px;
	margin-bottom:20px;
}
.about1 li {
	line-height:19px;
}
.aboutleft1 {
	float:left;
	width:365px;
	padding-bottom:50px;
}
.aboutright1 {
	float:right;
	width:595px;
}
.aboutright1 p {
	padding-left:20px;
}
h2.jayyaskiwabout {
	background:url(assets/sitegraphics/jayyaskiwdesignsheader.gif) no-repeat;
	margin-left:20px;
}
h2.whatido {
	background:url(assets/sitegraphics/whatido.gif) no-repeat;
	margin-left:20px;
}
h2.aboutusheader {
	background:url(assets/sitegraphics/jayyaskiwaboutheader.gif) no-repeat;
}
h2.servicesheader {
	background:url(assets/sitegraphics/jayyaskiwservicesheader.gif) no-repeat; margin-left:0px;
}
h2.howithappens {
	background:url(assets/sitegraphics/howitallhappens.gif) no-repeat;
	margin-left:20px;
}

.servicescontainer{ width:345px; height:150px; padding-left:20px;   }

.servicescontainer ul li {font-size:13px;}

.services1 {
	list-style-image:url(assets/sitegraphics/listimage.png);
	float:left;
	line-height:19px;
	width:170px;
	
	
}
.services2 {
	list-style-image:url(assets/sitegraphics/listimage.png);
	float:right;
	line-height:19px;
	width:170px;
}
.mountainimg p {
	text-align:right;
	font-style:italic;
	color:#4d4d4d;
	padding-right:5px;
	font-size: 11px;
}
/* ----------Work-------------- */
.mywork {
	width:960px;
	height:750px;
}
h4.myworkheader {
	background:url(assets/sitegraphics/myworkheader.gif) no-repeat;
	width:960px;
	height:100px;
	margin-bottom:20px;
	text-indent:-9999px;
}
.description {
	background:#ec008c;
	font-size:15px;
	line-height:20px;
	width:400px;
	height:400px;
	position:relative;
	top:500px;
	color: #FFF
}
/* ----------Contact Form Page-------------- */
.contactform {
	height:900px;
}
h4.contactmain {
	background:url(assets/sitegraphics/contactmain.gif) no-repeat;
	width:960px;
	height:100px;
	text-indent:-9999px;
	margin-bottom:20px;
}
.contactformright {
	float:left;
	width:620px;
	height:680px;
	padding-bottom:50px;
}
.contactformright1 {
	float:left;
	width:620px;
	height:880px;
}
.contactformright2 {
	float:left;
	width:620px;
	height:790px;
}
form {
	height:750px;
}
.location {
	float:right;
	width:310px;
	height:750px;
	clear:right;
}
.contactme {
	background:url(assets/sitegraphics/contactmeheader.gif) no-repeat;
}
.jyd {
	background:url(assets/sitegraphics/jayyaskiwdesignsheader.gif) no-repeat;
}
.contactmetop {
	margin-bottom: 10px;
}
/* ----------Contact Form -------------- */
fieldset {
	margin-bottom:-15px;
}
fieldset ol {
	padding:1em 1em 0 1em;
	list-style:none;
}
fieldset li {
	float:left;
	clear:left;
	width:100%;
	padding-top:7px;
}
label {
	float:left;
	width:10em;
	margin-right:1em;
	text-align:right;
}
label em {
	display:block;
	color:#ec008c;
	font-size:85%;
	font-style:italic;
	text-transform:lowercase;
}
.radio {
	background:none;
	width:16px;
	height:15px;
}
input {
	background:url(assets/sitegraphics/inputgraphiclarge.png) no-repeat;
	width:413px;
	height:45px;
	border:none;
	font-size:18px;
	padding-left:10px;
	
	
}
input.error {
	background:url(assets/sitegraphics/inputgraphicerror.png) no-repeat;
	width:413px;
	height:45px;
	border:none;
	font-size:18px;
}
.errorspam {
	background:url(assets/sitegraphics/inputspamerror.png) no-repeat;
	width:150px;
	height:45px;
}
.inputsmall {
	background:url(assets/sitegraphics/inputgraphicsmall.png) no-repeat;
	width:291px;
	height:45px;
	border:none;
	font-size:18px;
	padding-left:10px;
}
.messagebox {
	background:url(assets/sitegraphics/inputgraphicmessage.png) no-repeat;
	width:405px;
	height:119px;
	position:relative;
	left:143px;
	padding-left:10px
}
textarea {
	border:none;
	width:360px;
	height:93px;
	overflow:auto;
	position:relative;
	bottom:17px;
	font-family:Arial,Helvetica,sans-serif;
}
.submit {
	background:url(assets/sitegraphics/submitup.btn.png) no-repeat;
	width:150px;
	height:38px;
	border:none;
	text-indent:-9999px;
	margin:20px 0px 0px 140px;
}
.submit:hover {
	background:url(assets/sitegraphics/submitdown.btn.png) no-repeat
}
h2.dropmealine {
	background:url(assets/sitegraphics/legendheader1.gif) no-repeat;
	width:500px;
	height:30px;
	margin-left:73px;
	margin-bottom:-10px;
}
h2.worktogether {
	background:url(assets/sitegraphics/worktogether.gif) no-repeat;
	margin-left:150px;
}
.messagereceived p {
	padding-left:95px;
}
.requiredfields p {
	padding-left:100px;
}
.errorlist {
	color:#ec008c;
	padding-left:150px;
}
#inputspam {
	background:url(assets/sitegraphics/inputspam.png) no-repeat;
	width:110px;
	height:45px;
}
.inputspam {
	background:url(assets/sitegraphics/inputspam.png) no-repeat;
	width:110px;
	height:45px;
}
#inputspam.errorspam {
	background:url(assets/sitegraphics/inputspamerror.png) no-repeat;
	width:150px;
	height:45px;
}
.errormessage1 {
	background:url(assets/sitegraphics/inputgraphicmessageerror.png) no-repeat;
	width:405px;
	height:119px;
	border:none;
	position:relative;
	left:143px;
	padding-left:10px
}
.errormessage2 {
	background:url(assets/sitegraphics/inputgraphicmessage.png) no-repeat;
	width:405px;
	height:119px;
	border:none;
	position:relative;
	left:143px;
	padding-left: 10px
}
/* ----------Footer-------------- */
.footerwrapper {
	width:960px;
	margin:0 auto;
	height:320px;
}
#footer {
	background:url(assets/sitegraphics/bottomfooter.png) repeat-x;
	clear:both;
	float:left;
	width:100%;
}
#footer p {
	color:#FFF;
}
.footersections {
	width:320px;
	float:left;
	height:270px;
	margin-top:35px;
}
.footersections h3 {
	text-indent:-9999px;
	width:180px;
	height:50px;
	margin-bottom:0px;
	border-bottom:none;
}
.breaks {
	border-bottom:1px dashed #999;
	margin:0px 20px 5px 0px;
}
.valid img {
	float: left;
}
/* ----------Flikr-------------- */
.flikrimages {
	width:98%
}
.flikrimages img {
	border:5px solid #fff;
	margin:0px 7px 0px 0px;
}
.flikrheader {
	background: url(assets/sitegraphics/flikrheader.png) no-repeat;
}
/* ----------RecentBlogs-------------- */
.recentblogs {
	background:url(assets/sitegraphics/recentblogsheader.png) no-repeat;
}
.recentblogcontent p {
	padding-right: 10px;
}
/* ----------Twitter-------------- */
.twitterheader {
	background:url(assets/sitegraphics/twitterheader.png) no-repeat;
}
#twitter_update_list li span {
	color:#FFF;
	font-size:13px;
	font-weight:normal;
	text-transform:none;
}
#twitter_update_list li {
	margin-top: 5px;
}
/*---------- jflow--------------- */
h4.workmain {
	background:url(assets/sitegraphics/myworkheader.gif) no-repeat;
	width:960px;
	height:100px;
	text-indent:-9999px;
	margin-bottom:20px;
}
#worksliders {
	width:960px;
	height:650px;
}
#jFlowSlide {
	background:#FFF;
	font-family:Arial,Helvetica,sans-serif;
}
#myController {
	padding:7px 0;
	width:955px;
}
#myController span.jFlowSelected {
	margin-right:0px;
}
.slide-wrapper {
	padding:5px;
}
.slide-wrapper a {
	line-height:0px;
}
.slide-thumbnail {
	width:690px;
	float:left;
}
.slide-thumbnail img {
	max-width:680px;
}
.slide-details p {
	font-size:13px;
	color:#4d4d4d
}
.slide-details .description {
	margin-top:10px;
	width:260px;
}
.jFlowControl,jFlowPrev .jFlowNext {
}
.jFlowControl:hover,.jFlowPrev:hover,.jFlowNext:hover {
}
span {
	font-size:15px;
	font-weight:600;
	font-family:Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	color:#000;
}
.textd {
	font-size:13px;
	line-height:20px;
	padding-top:0px
}
.sss {
	padding-bottom:5px;
	padding-top: 8px;
}