@charset "UTF-8";

/* CSS Document */

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



	http://patrickcarterdesign.com



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



html {font-size:62.5%;font-family:Arial,Helvetica,sans-serif;font-color:#666;}

body {font-size:1.2em;color:#666;background-image:url(../images/bg.gif);background-repeat: no-repeat;background-position: center top;font-family:Arial,Helvetica,sans-serif;line-height:2}

img {border:0;}


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



	Links



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


a {color:#0099ff;text-decoration:none;font-weight:bold;}

a:hover {color:#0099ff;text-decoration:line-through;}


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



	Structure



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



#outterstage {
	float:left;
	width:100%;
	position:relative;
	padding-top:270px;
}

#stagewrapper {width:960px;margin-left:auto;margin-right:auto;position:relative;}

#footerstage {width:960px;margin-left:auto;margin-right:auto;position:relative;}

#stage {float:left;width:960px;}

.sectioncontainer {float:left;width:960px;padding-bottom:0px;}

.sectioncontainernobg {float:left;width:960px;padding-top:20px;padding-bottom:64px;}

#outerfooterwrapper {float:left;width:100%;position:relative;background-position:center bottom;background-image: url(../images/footer.jpg);background-repeat: no-repeat;}
#outerfooterwrapper404 {
	float:left;
	width:100%;
	position:relative;
}

#footerwrapper {height:330px;margin-left:auto;margin-right:auto;padding-top:30px;position:relative;width:100%;}

.coolcatimages {background-color: #dddddd;float: left;border: 1px solid #CCCCCC;height: 35px;width: 35px;margin-top: 9px;margin-right: 9px;margin-bottom: 9px;margin-left: 8px;}

#footer {float:left;width:100%;background:#000;}

.left2column {float:left;width:605px;padding-left:35px;}

.right1column {float:left;width:240px;background-image: url(../images/header_nutshell.gif);padding-top:60px;background-repeat: no-repeat;background-position: top;}

.blogarea1 {
	float:left;
	width:270px;
	margin-right:10px;
	margin-left: 10px;
	margin-top: 15px;
}

.storyarea1 {float:left;width:270px;margin-right:10px;margin-left: 10px;}

.storyarea2 {float:left;width:270px;margin-bottom: 10px;padding-bottom: 10px;}

.footerbucket3 {float:left;width:270px;margin-bottom: 10px;padding-bottom: 10px;height: 320px;overflow:hidden;}

.footerbucket3 li {margin-top: -7px;margin-bottom: 10px;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #999999;border-top-width: 1px;border-top-style: solid;border-top-color: #CCCCCC;margin-right: 10px;margin-left: 10px;}

.blog_column_right li {
	margin-top: -7px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-right: 10px;
	font-size: 10px;
	list-style-type: none;
	font-variant: small-caps;
	text-transform: lowercase;
}

.workarea {float:left;width:270px;margin-right:10px;padding-top:20px;background-repeat:no-repeat;margin-left: 10px;height: 350px;}

.contactarea3 {float:left;width:270px;}

.blogarea3 {float:left;width:270px;}

.line {float:left;width:880px;height:60px;background-image:url(../images/line.gif);background-repeat:no-repeat;background-position:center;}

.line_blog {float:left;width:600px;height:60px;background-image:url(../images/line.gif);background-repeat:no-repeat;background-position:center;}

.blog_content {float:left;width:600px;padding-left: 50px;}

.blog_column_right {float:left;width:220px;margin-left:40px;}


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



	Navigation



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


.sectionav {float:left;width:960px;display:inline;}

.sectionav a {display:block;height:90px;float:left;text-indent:-2000px;}

.sectionav span {display:block;height:90px;float:left;text-indent:-2000px;margin-left:5px;}

.hiddentext {text-indent:-2000px;}

.section1 {width:270px;background-image:url(../images/nav_01.gif);background-repeat:no-repeat;background-position:0px -90px;}

.section1:hover {width:270px;background-image:url(../images/nav_01.gif);background-repeat:no-repeat;background-position:0px 0px;}

.section1on {width:270px;background-image:url(../images/nav_01.gif);background-repeat:no-repeat;background-position:0px 0px;}

.section2 {width:240px;background-image:url(../images/nav_02.gif);background-repeat:no-repeat;background-position:0px -90px;}

.section2:hover {width:240px;background-image:url(../images/nav_02.gif);background-repeat:no-repeat;background-position:0px 0px;}

.section2on {width:240px;background-image:url(../images/nav_02.gif);background-repeat:no-repeat;background-position:0px 0px;}

.section3 {width:210px;background-image:url(../images/nav_03.gif);background-repeat:no-repeat;background-position:0px -90px;}

.section3:hover {width:210px;background-image:url(../images/nav_03.gif);background-repeat:no-repeat;background-position:0px 0px;}

.section3on {width:210px;background-image:url(../images/nav_03.gif);background-repeat:no-repeat;background-position:0px 0px;}

.section4 {width:240px;background-image:url(../images/nav_04.gif);background-repeat:no-repeat;background-position:0px -90px;}

.section4:hover {width:240px;background-image:url(../images/nav_04.gif);background-repeat:no-repeat;background-position:0px 0px;}

.section4on {width:240px;background-image:url(../images/nav_04.gif);background-repeat:no-repeat;background-position:0px 0px;}


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



	Typography and Content



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

h1 {color: #000000;}

h2 {font-size: 20px;margin-bottom: 20px;}

.blog_content h1 {color: #000000;font-size: 50px;margin-bottom: 20px;}

.storyarea1 h2 {color: #FF0099;margin: 0px;padding: 0px;text-transform: lowercase;font-size: 14px;background-image: url(../images/dot.gif);background-repeat:repeat-x;background-position: center;}

.storyarea1  h3 {color: #666666;padding: 0px;text-transform: lowercase;font-size: 10px;margin-top: 10px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}

.storyarea3 h1 {color: #FF0066;font-size: 14px;background-image: url(../images/dot.gif);background-repeat:repeat-x;background-position: center;margin:0px;background-color: #FFFFFF;}

.storyarea3 h2 {color: #FF0099;margin: 0px;padding: 0px;text-transform: lowercase;font-size: 14px;background-image: url(../images/dot.gif);background-repeat:repeat-x;background-position: center;}

.workarea h2 {color: #FF0099;margin: 0px;padding: 0px;text-transform: lowercase;font-size: 14px;background-image: url(../images/dot.gif);background-repeat:repeat-x;background-position: center;}

.contactarea3 h2 {color: #dddddd;margin: 0px;padding: 0px;font-size: 16px;}

.contactarea3 h1 {color: #FF0066;font-size: 14px;background-image: url(../images/dot.gif);background-repeat:repeat-x;background-position: center;margin:0px;background-color: #FFFFFF;}

h3 {font-size:1.2em;margin-top:0px;font-weight: normal;}

h4 {font-size:1em;margin-top:0px;font-weight:normal;font-variant:small-caps;text-transform:lowercase;}

.blogdate {font-size:0.8em;font-style:italic;color:#999;text-transform:lowercase;padding-top:15px;padding-bottom:15px;}

.sectionheader {float:left;width:880px;margin-left:40px;margin-bottom:30px;margin-top:30px;display:inline;text-align:center;font-size: 50px;}

.sectioncontent {float:left;width:880px;margin-left:40px;display:inline;margin-bottom: 25px;}

.sectioncontent p {font-size:1.1em;line-height:2.0em;padding-bottom:10px;}

.rectangle {padding:3px;font-weight:bold;font-variant: small-caps;background-color: #CCCCCC;}

.sectionart {float:left;width:960px;background-color: #333333;}

.sectionartbuttons {float:left;width:880px;margin-left:40px;display:inline;margin-bottom:47px;}

.sectionartbuttons span {float:left;display:block;margin-right:10px;}

.written {float:left;width:880px;background:url(..image/bg_section_1.gif);background-position:bottom right;background-repeat:no-repeat;padding-bottom:20px;}

.sectionname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-variant: small-caps;
	text-transform:lowercase;
	color: #999999;
	margin-bottom: 20px;
}

.sectionname2 {font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-variant: small-caps;color: #999999;margin-bottom: 20px;margin-top: 30px;text-transform: lowercase;}

.sectionname3 {font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-variant: small-caps;color: #999999;margin-top: 30px;text-transform: lowercase;margin-bottom: 15px;}

.sectionname4 {font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-variant: small-caps;text-transform:lowercase;color: #999999;margin-bottom: 20px;}

.sectionname5 {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #999999;}

.sectionname6 {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #999999;float: left;width: 100px;margin-right: 20px;}

.sectionname7 {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #999999;float: left;width: 100px;}

.linespacer {font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-variant: small-caps;color: #999999;margin-top: 20px;margin-bottom: 30px;}

.subtitle {font-size: 10px;text-transform: lowercase;color: #666666;}

.toplink {font-family:Arial,Helvetica,sans-serif;font-size: 9px;font-variant: small-caps;text-align: right;}

.toplinkleft {font-family:Arial,Helvetica,sans-serif;font-size: 9px;font-variant: small-caps;}

.topnumber {font-family:Arial,Helvetica,sans-serif;font-size: 9px;font-variant: small-caps;text-align: right;}

hr {color: #CCCCCC;border: 0;background-color: #dddddd;height: 1px;width: 100%;}

.contactarea3 hr {color: #dddddd;border: 0;background-color: #dddddd;height: 1px;width: 100%;margin-top: 8px;margin-bottom: 20px;}

.blogdetail {
	font-size: 9px;
	font-variant: small-caps;
	text-transform: uppercase;
}


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



	Images



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

.blogimage {width: 270px;height: 100px;}

.imageborder {border: 1px solid #999999;margin-bottom: 20px;}

.imageborderblog {border: 1px solid #999999;}

.imageleft {border: 1px solid #999999;float: left;margin-right: 40px;margin-top: 5px;}

.blogimg {float:left;border:1px solid #CCCCCC;margin-right: 30px;margin-bottom: 30px;margin-top: 10px;}

.likebutton {
	margin-top: 15px;
	height: 30px;
	margin-bottom: 0px;
	overflow: hidden;
}
.likebutton2 {
	margin-top: 10px;
	margin-bottom: 0px;
	float: left;
	width: 220px;
	overflow: hidden;
}


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



	Form



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

.fieldcontainer {float:left;margin-right:10px;width:284px;height:51px;text-align:right;padding-top:12px;padding-right:6px;display:inline;}

input.text {font-size:1.2em;font-weight:bold;padding:5px;border:0;width:200px;background:#5eb8f4;color:#fff;border:1px solid #5eb8f4;}

input.text:focus {font-size:1.2em;font-weight:bold;padding:5px;border:0;width:200px;background:#0099ff;color:#fff;border:1px solid #0099ff;}

.submitbutton {float:left;color:#0099ff; background-repeat:no-repeat;border:0px;font-weight:normal;font-family:Arial,Helvetica,sans-serif;width:80px;height:30px;font-size:1.3em;}

.submittext {float:left;padding-left:38px;padding-top:16px;font-family:Arial;}

#thankyouhidden {float:left;width:930px;margin-left:40px;display:none;font-size:2.6em;text-align:center;font-style:italic;padding-top:40px;padding-bottom:40px;}

.error {border-color:red !important;}

.errorlabel {color:red;}

.contactformarea {float: left;width: 560px;margin-right: 35px;font-family: Arial, Helvetica, sans-serif;font-size: 9px;font-variant: small-caps;}

.contactform1 {float: left;width: 260px;margin-right: 40px;margin-bottom: 20px;}

.contactform2 {float: left;width: 260px;margin-bottom: 20px;}

.contactform3 {float: left;width: 560px;margin-bottom: 10px;font-family: Arial, Helvetica, sans-serif;}

.commentform1 {float: left;width: 280px;margin-right: 40px;margin-bottom: 20px;}

.commentform2 {float: left;width: 280px;margin-bottom: 20px;}

.commentform3 {float: left;width: 600px;margin-bottom: 20px;}

.message {float: left;width: 600px;margin-bottom: 20px;}

.radio {float: left;width: 600px;margin-bottom: 20px;}

.sectionname560 {font-family: Arial, Helvetica, sans-serif;font-size: 9px;font-variant: small-caps;margin-top: 0px;margin-bottom: 20px;}

.topform {background-color: #dddddd;width: 260px;height: 20px;border-width: 1px;border-style: solid;border-color: #cccccc;}

.urlform {background-color: #dddddd;width: 600px;height: 20px;border-width: 1px;border-style: solid;border-color: #cccccc;}

.topformcomment {background-color: #dddddd;width: 280px;height: 20px;border-width: 1px;border-style: solid;border-color: #cccccc;}

.bottomform {background-color: #dddddd;width: 560px;height: 80px;border-width: 1px;border-style: solid;border-color: #cccccc;}

.bottomformcomment {background-color: #dddddd;width: 600px;height: 80px;border-width: 1px;border-style: solid;border-color: #cccccc;}

.centertext {text-align: center;margin-right: auto;margin-left: auto;}


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



	Comment Bubble
	


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


.spch-bub-inside {
  position: relative;
}
a.spch-bub-inside {
  color: #0099ff;
  text-decoration: none;
}
.spch-bub-inside em {
  font-style: normal;
}
.spch-bub-inside em {
  background: #0099ff;
  color: #FFF;
  padding: 0.2em 0.6em;
  -moz-border-radius: 0.35em;
  -webkit-border-radius: 0.35em;
  border-radius: 0.25em;
  position: relative;
}
.spch-bub-inside .point {
  width: 0;
  height: 0;
  position: absolute;
  top: 1.3em;
  left: 0.6em;
  display: block;
  border-left: 0.45em solid #0099ff; 
  border-bottom: 0.45em solid #0099ff; /* IE fix */
  border-bottom: 0.45em solid rgba(0,0,0,0); 
  overflow: hidden; /* IE fix */
}
a.spch-bub-inside:hover {
  color: #fff;
}
a.spch-bub-inside:hover em {
  cursor: pointer;
  background: #ff00ff;
  color: #fff;
}
a.spch-bub-inside:hover .point {
  width: 0;
  height: 0;
  position: absolute;
  top: 1.3em;
  left: 0.6em;
  display: block;
  border-left: 0.45em solid #ff00ff; 
  border-bottom: 0.45em solid #ff00ff; /* IE fix */
  border-bottom: 0.45em solid rgba(0,0,0,0); 
  overflow: hidden; /* IE fix */ 
}

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



	Slider
	


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


	#slider{
	padding:0;
	border: 1px solid #CCCCCC;
		}
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:878px;
		height:200px;
		overflow:hidden; 
		}
	span#prevBtn{}
	span#nextBtn{}