html {
    height:100%;
    margin-bottom:1px;
}

body {
    margin:0;
	padding:0;
    background:#FBF5E3;
    color:#746D69;
    font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	font-size:14px;
}

h1, h1 a:link, h1 a:visited,
h2, h2 a:link, h2 a:visited,
h3, h3 a:link, h3 a:visited,
h4, h4 a:link, h4 a:visited,
h5, h5 a:link, h5 a:visited,
h6, h6 a:link, h6 a:visited {
    color:#a21d27;
    font-weight:normal;
}

h1 a:link, h1 a:visited,
h1 a:hover, h1 a:active,
h2 a:link, h2 a:visited,
h2 a:hover, h2 a:active,
h3 a:link, h3 a:visited,
h3 a:hover, h3 a:active,
h4 a:link, h4 a:visited,
h4 a:hover, h4 a:active,
h5 a:link, h5 a:visited,
h5 a:hover, h5 a:active,
h6 a:link, h6 a:visited,
h6 a:hover, h6 a:active {
    border-bottom-color:#a21d27;
}

h1,h2,h3,h4,h5,h6,p,ul {
    margin-bottom:12px;
	margin:10px 0 12px 0;
    padding:0;
}

h1 {
	font-size:20px;
	line-height:1.8;
}

h2 {
    font-size:18px;
	line-height:1.8;
}

h3 {
    font-size:16px;
	line-height:1.8;
}

h4 {
    font-size:15px;
}

h5,
h6 {
    font-size:14px;
}

p,ul,ol,th,td,dt,dd {
    font-size:14px;
	line-height:1.8;
}

/*.widecolumn p,
.widecolumn ul,
.widecolumn ol,
.widecolumn th,
.widecolumn td,
.widecolumn dt,
.widecolumn dd {
    font-size:14px;
	line-height:1.8;
}*/

ul, ol {
    margin:10px 0 10px 20px;
    padding:0;
}

form,
fieldset {
    border:none;
}


a:link,
a:visited {
    text-decoration:none;
    border-bottom:1px dotted #746D69;
    color:#746D69;
}

a:hover,
a:active {
    border-bottom:1px solid #746D69;
}

a img {
    border:none;
}

#header,
#main,
#content,
#footer,
#badges {
    float:none;
	clear:both;
}

#header {
	height:161px;
	background:url(/images/header_bg.png) repeat-x top left;
}

#header .inner {
    width:960px;
	height:161px;
	margin:0 auto;
	padding:0 25px;
}

#logo {
    width:370px;
    height:161px;
    float:left;
    margin:0;
    padding:0;
}


#header a:link,
#header a:visited {
    border-bottom:none;
}

#header .contact-header {
    float:left;
    clear:right;
    width:310px;
    height:75px;
    padding:43px 0 43px 280px;
}

#header .contact-header h2 {
    margin:0;
    padding:0;
    font-size:15px;
    line-height:25px;
    color:#58341A;
}

#main {
	background:url(/images/main_bg.png) repeat-x top left;
	min-height:45px;
}

#content {
    width:1010px;
	margin:0 auto;
	/*min-height:625px;*/
}

#main .column,
#footer .column {
    width:290px;
	min-height:300px;
	float:left;
	padding:5px 15px 30px 15px;
	background-color:#fbf5e3;
	background-repeat:no-repeat;
	background-position:top left;
}

#content .home {
    padding:5px 25px 30px;
    width:960px;
    background-image:url(/images/main_home.png);
}

#left {
    padding-left:40px;
	background-image:url(/images/main_left.png);
}

.widecolumn #left {
    width:610px;
}

.widecolumn #pricing {
    width:875px;
    padding:0 0 30px 40px;
	background-image:url(/images/main_left.png);
}

.widecolumn #pricing .inner {
    width:820px;
    padding:5px 40px 30px 15px;
	background:url(/images/main_right.png) no-repeat top right;
}

.widecolumn #pricing table {
    border-collapse:collapse;
}

.widecolumn #pricing th,
.widecolumn #pricing td {
    padding:3px 6px;
    border:2px solid #f0efda;
    text-align:left;
    font-weight:normal;
}

.widecolumn #pricing .header th {
    text-align:center;
    font-weight:bold;
}

.widecolumn #pricing .included {
    text-align:center;
}

.widecolumn #pricing .price {
    text-align:right;
}

#middle {
	background-image:url(/images/main_middle.png);
	background-position:0 20px;
}

#right,
.widecolumn #middle {
    padding-right:40px;
	background-image:url(/images/main_right.png);
	background-position:top right;
}

.box {
    background-color:#fdf8eb;
	box-shadow: 3px 3px 0 #eeebd5;
	-moz-box-shadow: 3px 3px 0 #eeebd5;
	-webkit-box-shadow: 3px 3px 0 #eeebd5;
	padding:5px 15px 15px;
	margin:15px;
	border:1px solid #f0efda;
}

.box h3 {
    padding:2px 0;
	margin:0 0 10px;
	border-bottom:1px solid #f2efde;
}

.box img {
    border-bottom:1px solid #e3e4ce;
    /*margin-top:32px;*/
}

#content .intro {
    width:648px;
    padding:5px 140px 15px;
    overflow:hidden;
}
               
#content .home .web,
#content .home .ecommerce,
#content .home .portfolio {
    width:253px;
    min-height:525px;
    float:left;
    margin:15px 0 15px 15px;
}

#content .home .portfolio {
    width:298px;
}

#content .home .about {
    clear:both;
}

#pricing p,
#pricing dl {
    width:715px;
}

#pricing dt {
    font-weight:bold;
    margin:5px 0 0;
}

#pricing dd {
    margin:0 0 20px;
}

.definition {
    font-size:14px;
    padding:10px 20px;
}

.portfolio ol {
    margin:0;
	padding:10px 0 0;
	list-style:none;
    clear:both;
}

.portfolio ol h4 {
	border-bottom:1px solid #f0ecd7;
	line-height:1.6;
	padding:5px 0;
	margin:0;
}

.portfolio ol a:link[rel=client],
.portfolio ol a:visited[rel=client],
.portfolio ol h4 a:link,
.portfolio ol h4 a:visited {
    color:#3b563b;
	text-decoration:none;
	border-bottom:none;
}

.portfolio ol h4 a:link,
.portfolio ol h4 a:visited {
    padding-right:20px;
    background:url(/images/newwin.gif) no-repeat right 5px;
}

.portfolio ol img {
    border:1px solid #e3e4ce;
    margin-top:0;
}

.portfolio ul {
    margin:0;
	padding:0;
	list-style:none;
	float:none;
	clear:both;
    overflow:hidden;
}

.portfolio ul li {
    display:block;
	width:20px;
	height:20px;
	line-height:20px;
	background:#fbfaf9;
	border:1px solid #e3e4ce;
	color:#95a45a;
	text-align:center;
	float:left;
	margin-right:2px;
	font-size:12px;
}

.portfolio ul li:hover {
    background:#fff;
}

.portfolio ul li.current {
	color:#a21d27;
}

.portfolio ol li {
    display:none;
}

.portfolio ol li.current {
    display:block;
}

.client:link,
.client:visited {
    text-decoration:none;
    border:1px solid #CCC;
    background:#FFF;
    padding:5px;
    margin:5px 0 20px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;
}

.client:link img,
.client:visited img {
    vertical-align:top;
}

.left {
    float:left;
}

.right {
    float:right;
}

#footer-wrapper {
    margin:20px 0 0;
    padding:0;
    background:#a51d27 url(/images/footer_top.gif) repeat-x top left;
    clear:both;
	min-height:200px;
}

#footer_inner {
    background:transparent url(/images/footer_bottom.gif) repeat-x bottom left;
    clear:both;
}

#footer {
    width:1010px;
    margin:20px auto 0;
    padding:0;
    clear:both;
    position:relative;
    z-index:4;
	min-height:200px;
    color:#FFF;
}

#footer,
#footer ul,
#footer ol {
	font-size:13px;
	line-height:1.6;
}

#footer a:link,
#footer a:visited {
    color:#FFF;
    border-bottom:1px dotted #FFF;
}

#footer a:hover,
#footer a:active {
    border-bottom:1px solid #FFF;
}

#footer .column {
    background-color:transparent;
	background-image:none;
	/*height:199px; */
	min-height:199px;
    margin:-50px 0 0;
    padding:5px 15px;
}

#footer #updates,
#footer #links {
	min-height:151px;
	/*height:151px;*/
}

#footer #updates {
	padding-left:40px;
}

#footer #links {
    clear:none;
	padding-left:30px;
	padding-right:30px;
	width:260px;
}

#contact {
    padding:30px;
}

#footer #contact {
    padding-right:40px;
	margin:-50px 0 0;
}

#updates h2,
#updates h3,
#updates h2 a:link,
#updates h2 a:visited,
#updates h3 a:link,
#updates h3 a:visited,
#links h3,
#contact h3 {
    color:#650011 !important;
    font-size:18px;
	margin:5px 0;
	text-decoration:none;
	border:none;
	font-weight:bold;
	width:260px;
	height:55px;
	line-height:45px;
}

#footer #contact h3 {
	width:200px;
    background:url(/images/contact_transparent.gif) no-repeat top right;
}

#updates ul,
#links ul {
    margin:0;
    padding:0;
    list-style:none;
}

#updates li,
#links li {
    margin:0 0 3px;
}

#contact div {
    overflow:hidden;
	margin:0 0 10px;
	min-height:15px;
    clear:both;
}

#footer #contact div {
    margin:0 0 5px;
}

#contact label {
	width:75px;
	float:left;
}

#footer #contact label {
	color:#FFF;
}

#contact input.text,
#contact textarea {
    width:250px;
	float:left;
}

#footer #contact input.text,
#footer #contact textarea {
    width:190px;
}

#contact input.text {
	padding:2px 5px;
	height:15px;
}

#contact textarea {
	height:40px;
	padding:5px;
}

#footer #contact textarea {
    width:265px;
    margin:5px 0 0;
    clear:both;
}

#footer #contact .text {
    background:#c9777d;
	border:1px solid #dea0a5;
    color:#FFDCBF;
    font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	font-size:14px;
    line-height:15px;
}

#contact #submit {
    margin:0 0 0 75px;
}

#footer #contact #submit {
    float:right;
	margin:10px 10px 0 0;
}

#updates,
#updates li,
#updates a:link,
#updates a:visited,
#links,
#links li,
#links a:link,
#links a:visited {
    color:#FFF;
}

#updates a:link,
#updates a:visited,
#links a:link,
#links a:visited {
    text-decoration:none;
    border-bottom:1px dotted #FFF;
}

#updates a:hover,
#updates a:active,
#links a:hover,
#links a:active {
    border-bottom:1px solid #FFF;
}

/* old footer */

#standards {
    width:444px;
    height:18px;
    clear:both;
    padding:10px 30px;
    margin:1px auto 0;
    background:url(/images/standards_bg.png) no-repeat 0 0;
    list-style:none;
}

#standards li {
    float:left;
    padding:0 5px;
}

#standards li,
#standards li a:link,
#standards li a:visited {
    color:#73161D;
    display:block;
}

#standards li a:link,
#standards li a:visited {
    border-bottom:1px dotted #73161D;
    text-decoration:none;
}

#standards li a:hover,
#standards li a:active {
    border-bottom:1px solid #73161D;
}

#standards li+li {
    border-left:1px solid #73161D;
}

#standards li.wordpress a:link,
#standards li.wordpress a:visited {
    display:inline;
}

/* end old footer */

#badges {
    clear:left;
    margin:5px auto;
    padding:0 0 10px;
	width:475px;
}

#badges ul {
    margin:0;
    padding:0;
    list-style:none;
}

#badges li {
    display:inline;
    margin:0 5px 0 0;
}

#badges li,
#badges li a:link,
#badges li a:visited,
#badges img {
    vertical-align:middle;
	border-bottom:none;
}

.clear {
    clear:both;
}