body{
 margin:0px;
 padding:0px;
 background-color:#e5e4c6;
 font-family: "Lucida Sans Unicode", arial;
 font-size:12px;
 color:#4c4c4b;
 text-align:left;
 background-image:url('/images/gradientTop.gif');
	background-repeat:repeat-x;
	background-position:top;
}

* {
 margin:0;
 padding:0;
}
html,body {
}

img {
 border:0;
}

.clearBoth {
	clear: both;
	font-size:0;
	line-height:0;
	height:1px;
	padding:20px 0;
}

/* HEADLINES */


h1, h2, h3, h4, h5, h6 {
 color:#6e8d03;
 font-weight:normal;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
 color:#000;
}

h1, h2, h3, h4, h5, h6 {
 /*margin: 10px 0;*/
 padding-bottom: .1em;
}

h1 {font-size: 36px;}
h2 {font-size: 15px;}
h3 {font-size: 26px;}
h4 {font-size: 20px;}
h5 {font-size: 16px;}
h6 {font-size: 12px;}


/* TYPOGRAPHY */

a:link    { color:#6e8d03; text-decoration:underline; font-weight: normal; }  
a:visited { color:#6e8d03; text-decoration:underline; font-weight: normal;}   
a:active  { color:#6e8d03; text-decoration:underline; font-weight: normal;}  
a:hover   { color:#6e8d03; text-decoration:none; font-weight: normal;} 

.signuplink {
 margin: 0 0 0 55px;
 font-size:11px;
}

.hilite { background-color: #fffb95;  }

.white a:link, .white a:visited, .white a:active, .white a:hover {
 color:#fff;
}

p {
 font-size:14px;
 line-height:18px;
 margin:0; 
 padding:0 0 14px 0;
 font-weight:normal;
}
 

/* General */

#container {
 width:955px;
 margin:0 auto;
}


/* Header */

#header {
 padding:30px 0 0 0;
}
#header #logo {
 float:left;
}
#header #text {
}

/* Blockquote */

blockquote {
 background: transparent url(/images/quoteUp.gif) left top no-repeat;
 float:left;
 width:600px;
 margin:20px 0 0 30px;
}
blockquote div {
 padding: 10px 10px 20px 60px;
 background: transparent url(/images/quoteDown.gif) right bottom no-repeat;
}
blockquote div p {
 font-size:18px;
 line-height:18px;
}


/* MENU */
#menu
{
    float:right;
    height:15px;
    width:800px;
    margin-bottom:15px !important;
    margin-bottom:-25px;
  
}

#menu ul {
 list-style-type:none;
 float:right;
 padding:30px 0 0 0;
}
#menu li {
 display:inline;
 border-right: 1px solid #b4c479;
 display: block;
 float: left;
}
#menu li a {
 font-size:14px;
 font-weight:normal;
 color:#6e8d03;
 text-decoration:underline;
 display:inline;
 padding:0 0.8em;
}
#menu li a:visited {
 text-decoration:underline;
}
#menu li a:active {
 text-decoration:underline;
}
#menu li a:hover {
 text-decoration:none;
}
#menu li.lastnavoption {
 border-right: none;
}


#menunav ul {
 list-style-type:none;
 float:left;
 padding:20px 0 0 10px;
}
#menunav li {
 display:inline;
 border-right: 1px solid #b4c479;
 display: block;
 float: left;
}
#menunav li a {
 font-size:14px;
 font-weight:normal;
 color:#6e8d03;
 text-decoration:underline;
 display:inline;
 padding:0 0.8em;
}
#menunav li a:visited {
 text-decoration:underline;
}
#menunav li a:active {
 text-decoration:underline;
}
#menunav li a:hover {
 text-decoration:none;
}
#menunav li.lastnavoption {
 border-right: none;
}



/* Footer menu */


#footer ul {
 list-style-type:none;
 float:left;
 padding:10px 0 40px 0;
}
#footer li {
 display:inline;
 border-right: 1px solid #b4c479;
 display: block;
 float: left;
}
#footer li a {
 font-size:12px;
 font-weight:normal;
 color:#a56604;
 text-decoration:underline;
 display:inline;
 padding:0 0.6em;
}
#footer li a:visited {
 text-decoration:underline;
}
#footer li a:active {
 text-decoration:underline;
}
#footer li a:hover {
 text-decoration:none;
}
#footer li.lastnavoption {
 border-right: none;
}
#footerinfo
{
    margin:5px 0 0 8px;
    height:20px;
}
/* newsletter and signup */ /* Bottom Box */

#bgButton {
 padding:7px;
 font-size:18px;
 color:#000;
}
#bgButton span {
  background-color:#fffb95;
  padding:7px;
}
#bgButton span.newsletter {
 margin:0 171px 0 7px;
}
#bgButton span.login {
}
#bgButton span.sidebar {
 margin:0 0 0 7px;
}

#bottomBox {
 background-image:url('/images/bottomBox.gif');
 background-repeat:no-repeat;
 width:905px;
 height:183px;
 padding:20px;
}

#bottomBox #newsletter {
 float:left;
 width:420px;
}
#bottomBox #signup {
 float:left;
 /*padding:0 0 0 150px;*/
 width:340px;
}

#bottomBox #signup #lock {
 float:left;
}

#bottomBox label{
 float:left;
 padding:3px 0;
 color:#000;
 font-size:18px;
}
#bottomBox label.newsletter {
	width:60px;
}
#bottomBox label.signup {
 width:95px;
}
#bottomBox label.signupremember {
}
#bottomBox input.checkbox {
 margin:7px 0 0 0;
 *margin:4px 0 0 0;
 _margin:4px 0 0 0;
}


#bottomBox input.thin {
	margin: 0 0 12px 0;
	padding: 5px;
	width: 201px;
	border: 1px solid #9b7f35;
}

#bottomBox input.submit {
	padding: 0;
	background: url(/images/buttonSignUp.gif) 0 0 no-repeat;
	width: 213px;
	height: 48px;
}

#bottomBox input.submit:hover {
	padding: 0;
	background: url(/images/buttonSignUp.gif) 0 -48px no-repeat;
	width: 213px;
	height: 48px;
}

#bottomBox input.submitLogin {
	padding: 0;
	margin:5px 0 0 0;
	background: url(images/buttonLogin.gif) 0 0 no-repeat;
	width: 142px;
	height: 48px;
}

#bottomBox input.submitLogin:hover {
	padding: 0;
	background: url(images/buttonLogin.gif) 0 -48px no-repeat;
	width: 142px;
	height: 48px;
}


/* middle box */

#middleBoxes {
 margin:0;
 clear:both;
}

#middleBoxes #designers {
	float: left;
	background: url(/images/buttonDesigners.gif) 0 0 no-repeat;
	width: 307px;
	height: 236px;
}

#middleBoxes #businesses{
	float: left;
	margin:0 0 0 17px;
	background: url(/images/buttonBusinesses.gif) 0 0 no-repeat;
	width: 307px;
	height: 236px;
}

#middleBoxes #screencast{
	float: right;
	background: url(/images/buttonScreencast.gif) 0 0 no-repeat;
	width: 306px;
	height: 236px;
}

#middleBoxes a.letsgo {
	float: left;
	background: url(/images/buttonLetsGo.gif) 0 0 no-repeat;
	width: 173px;
	height: 48px;
	margin:72px 0 0 122px;
}

#middleBoxes a.letsgo:hover {
	background: url(/images/buttonLetsGo.gif) 0 -48px no-repeat;
	width: 173px;
	height: 48px;
}

#middleBoxes a.video{
	float: left;
	background: url(/images/sidebarVideoButton.gif) 0 0 no-repeat;
	width: 173px;
	height: 48px;
	margin:72px 0 0 122px;
}

#middleBoxes a.video:hover {
	background: url(/images/sidebarVideoButton.gif) 0 -48px no-repeat;
	width: 173px;
	height: 48px;
}

#middleBoxes #screencast p {
 float:left;
 color:#fff;
 padding:20px 0 0 190px;
 width:96px;
}

#middleBoxes #screencast IMG {
 vertical-align:middle;
}


/* INFO PAGE ******************************************************************************/


#contentarea {
 width:100%;
}

#content {
 float:left;
 width:590px;
 padding:0 40px 0 0;
}
#content ul{
 list-style:outside;
 padding:25px 25px 25px 40px;
 background-color:#f5f4e5;
 background-position:-40px;
 border:1px solid #8fa63a;
}
#content li
{
 list-style-type:square;
 font-size:16px;
 color:#6e8d03;
 
}

#sidebar {
 float:right;
 width:325px;
 margin:22px 0 0 0;
}

.hrLine {
 background-image:url('/images/hrLine.gif');
 background-repeat:repeat-x;
 height:3px;
 margin:10px 0;
}

.hrLineEnd {
 background-image:url('/images/hrLineEnd.gif');
 background-repeat: no-repeat;
 height:3px;
 width:70px;
 float:right;
}

.rightImage {
 float:right;
 margin:0 0 10px 10px;
 background-color:White;
 padding:3px;
 border:1px solid #cccccc;
}

.leftImage {
 float:left;
 margin:0  10px 10px 0;
 background-color:White;
 padding:3px;
 border:1px solid #cccccc;
}


/* sidebar button */

.button {
 background-color:#c5c49e;
 width:324px;
 margin:0 0 40px 0;
}

.button .content {
 padding:20px;
}

.button .up {
 background-image:url('/images/sidebarButtonUp.gif');
 background-repeat:no-repeat;
 background-color:#e5e4c6;
 width:324px;
 height:15px;
 font-size:0;
}

.button .down {
 background-image:url('/images/sidebarButtonDown.gif');
 background-repeat:no-repeat;
 background-color:#e5e4c6;
 width:324px;
 height:15px;
 font-size:0;
}

/* form newsletter */

.button label{
 float:left;
 padding:3px 0;
 color:#000;
 font-size:18px;
}


.button label.newsletter {
	width:60px;
}

.button input.thin {
	margin: 0 0 12px 0;
	padding: 5px;
	width: 201px;
	border: 1px solid #9b7f35;
}

.button input.submit {
	padding: 0;
	background: url(/images/buttonSignUp.gif) 0 0 no-repeat;
	width: 213px;
	height: 48px;
}

.button input.submit:hover {
	padding: 0;
	background: url(/images/buttonSignUp.gif) 0 -48px no-repeat;
	width: 213px;
	height: 48px;
}

/* sidebar wathch it video */

#sidebar #video {
 background-image:url('/images/sidebarVideoBg.gif');
 background-repeat:no-repeat;
 width:275px;
 height:147px;
}

#sidebar a.video{
	float: right;
	background: url(/images/sidebarVideoButton.gif) 0 0 no-repeat;
	width: 173px;
	height: 48px;
}

#sidebar a.video:hover {
	background: url(/images/sidebarVideoButton.gif) 0 -48px no-repeat;
	width: 173px;
	height: 48px;
}

#sidebar #video p {
 float:left;
 color:#fff;
 padding:20px 0 0 180px;

 width:96px;
}

#sidebar #video IMG {
 vertical-align:middle;
}

/* what other says */

.button .contentQuote {
}

.button .contentQuote p{
 font-family:Arial;
 font-size:14px;
 color:#2f2f2f;
 font-style:italic;
 padding:10px 19px;
}

.button .contentQuote p span{
 font-family:Arial;
 font-size:14px;
 color:#2f2f2f;
 font-weight:bold;
 float:right;
 padding:0 20px 0 0;

}

.line {
 margin:0 auto 10px auto;
 width:70%;
 height:1px;
 clear:both;
 border-bottom:1px #7a7954 solid;
 padding:10px 0;
}

/* button contact os */

#sidebar a.contactus{
	float: right;
	margin:30px 20px 0 0;
	background: url(/images/buttonContactus.gif) 0 0 no-repeat;
	width: 213px;
	height: 48px;
}

#sidebar  a.contactus:hover {
	background: url(/images/buttonContactus.gif) 0 -48px no-repeat;
	width: 213px;
	height: 48px;
}




/* CONTACT PAGE ******************************************************************************/


/* messages positive & negative */

#messages {
}

#messages h1 {
 font-size:23px;
 padding:20px 0 0 90px;
}

#messages .positive h1 {
 color:#6e8d03;
}

#messages .negative h1 {
 color:#c41a0d;
}

#messages p {
 padding:2px 0 0 92px;
}

.positive {
 background-image:url('/images/msgPositive.gif');
 background-repeat:no-repeat;
 width: 586px;
 height:87px;
 margin:25px 0 0 0;
}

.negative {
 background-image:url('/images/msgNegative.gif');
 background-repeat:no-repeat;
 width: 586px;
 height:87px;
 margin:-20px 0 10px 0;
}


/* contact form */

#contact {
 padding:20px 0;
}

#contact #formcontent {
 width:546px;
 background-color:#c5c49e;
 padding:20px;
}

#contact #up {
 background-image:url('/images/contactformTop.gif');
 background-repeat:no-repeat;
 width:586px;
 height:11px;
 font-size:0;
}

#contact #down {
 background-image:url('/images/contactformBottom.gif');
 background-repeat:no-repeat;
 width:586px;
 height:11px;
 font-size:0;
}

#contact label{
	float: left;
	padding: 0;
	color: #606060;
	width: 100px;
	font-size:18px;
	color:#000;
	margin:3px 0;
}

#contact input.thin {
	margin: 0 0 15px 0;
	padding: 5px;
	width: 315px;
	border: 1px solid #987b2e;
}


#contact textarea {
	margin: 0 0 15px 0;
	padding: 3px;
	width: 319px;
	border: 1px solid #987b2e;
}

#contact input.submit {
	padding: 0;
	background: url(/images/buttonSendIt.gif) 0 0 no-repeat;
	width: 153px;
	height: 48px;
	margin:0 0 0 100px;
}

#contact input.submit:hover {
	padding: 0;
	background: url(/images/buttonSendIt.gif) 0 -48px no-repeat;
	width: 153px;
	height: 48px;
}




/* GALLERY PAGE ******************************************************************************/

#gallery img {
 border:1px #c7c7c3 solid;
 float:left;
 margin:0 10px 15px 0;
}

#gallery h2 {
 font-size:18px;
 margin:0 0 15px 0;
}

#gallery .entry {
 clear:both;
}
.price
{
    float:left;
    margin:6px 6px 0 0;
}