/** Generic CSS Information **/

body {
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: arial;
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.6em;
}

p {
	font-family: arial;
	color:#000000;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.6em;
}

img {
	border: 0;
}

h2 {
	font-size: 16px;
    font-weight: bold;
    font-family: arial;
    color: #990000;
}


a:link { 
	color: #990000;
	text-decoration: none;
}

a:visited { 
	color: #990000;
	text-decoration: none;
}

a:hover { 
	color: #990000;
	text-decoration: none;
}

a:active { 
	color: #990000;
	text-decoration: none;
}

#container {
	text-align: left;
	width: 960px;
	height: 360px;
	margin-left: auto;
	margin-right: auto; 
}

#navigation {
	width: 960px;
	height: 37px;
	margin-top: 28px;
	text-align: right;
}

	#navigation ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: inline;
	}

		#navigation ul li {
			list-style: none;
			display: inline;
			margin-left: 20px;
			margin-right: 10px;
			font-family: verdana;
			font-weight: bold;
			font-size: 11px;
			color: #990000;
		}

#heading-large {
	background: url('/images/heading-large.png') top center no-repeat;
	height: 380px;
	width: 960px;
    text-indent: -10000px;
}

#heading-small {
	background: url('/images/heading-small.png') top center no-repeat;
	height: 190px;
	width: 960px;
}

#footer {
	clear: both;
	width: 960px;
	padding: 80px 10px 20px 10px;
	color: #BBBBBB;
	font-size: 11px;
}

/** H2 Background References **/

#cms {
	background: url('/images/h2/content.jpg') no-repeat;
}

#design {
	background: url('/images/h2/template.jpg') no-repeat;
}

#iphone {
	background: url('/images/h2/iphone.jpg') no-repeat;
}

#maintenance {
	background: url('/images/h2/maintenance.jpg') no-repeat;
}

#identity {
	background: url('/images/h2/identity.jpg') no-repeat;
}

#hosting {
	background: url('/images/h2/hosting.jpg') no-repeat;
}

/** Main Page **/

#content {
	width: 960px;
	padding: 10px;
}

#main-services {
	float: left;
	width: 720px;
}

.service {
	float: left;
	width: 220px;
	margin-right: 20px;
	display: block;
	height: 150px;
}

	.service h2 {
		font-size: 16px;
		font-weight: bold;
		font-family: arial;
		color: #990000;
		padding: 0;
		margin: 0 0 8px 0;
		display: block;
		width: 200px;
		/*text-indent: -10000px; */
	}

#top-trump {
	float: left;
	background: url('/images/top-trump.jpg') no-repeat;
	width: 220px;
	padding-top: 305px;
}

#home-side {
    float: left;
    margin-top: -13px;
	width: 220px;
    padding-left: 10px;
}

#mini-bio {
	background: url('/images/mini-bio.jpg') no-repeat;
    height: 180px;
	width: 220px;
}

    .bioLabel {
        width: 100px;
        height: 18px;
    	font-family: arial;
    	color: #000000;
    	font-size: 11px;
    	font-weight: bold;
    	line-height: 1.6em;
        margin-bottom: 3px;
    }

    .bioValue {
        width: 115px;
        height: 18px;
    	font-family: arial;
    	color: #000000;
    	font-size: 11px;
    	font-weight: normal;
    	line-height: 1.6em;
        text-align: right;
        margin-bottom: 3px;
    }

 /**
#testimonial {
	float: left;
	background: url('/images/testimonial.jpg') no-repeat;
	width: 700px;
	padding-top: 75px;
}
  **/

#testimonial {
	float: left;
	background: url('/images/testimonial2.jpg') no-repeat;
	width: 700px;
	padding-top: 35px;
}

#testimonial #client {
	text-align: right;
	width: 700px;
	font-style: italic;
}

#vCard {
	float: left;
	background: url('/images/vcard.jpg') no-repeat;
	width: 200px;
	padding-left: 35px;
	margin-top: 15px;
}

/** Sub Pages - Single Column **/

.column {
    float: left;
    width: 180px;
    min-height: 390px;
    background: url('/images/divide.jpg') top right no-repeat;
    margin-right: 20px;
    padding-right: 10px;
}

    .column a {
        display: block;
        width: 150px;
        height: 24px;
        padding-top: 10px;
        margin-bottom: 10px;
        text-align: right;
        padding-right: 14px;
    }

    .column .active {
        background: #C90000;
        color: #FFF;
        font-weight: bold;
    }

#right-content {
    float: left;
    width: 740px;
    margin-top: -10px;
}

/** Portfolio page **/

#portfolio-content {
    float: left;
    width: 520px;
    margin-top: -10px;
}

.preview {
    width: 519px;
    height: 173px;
}


/** Contact Page **/

#contact-main {
    float: left;
    width: 620px;
    height: auto;
    margin-top: -10px;
    margin-right: 25px;
    padding-right: 15px;
    background: url('/images/divide-right.jpg') top right no-repeat;
}

#contact-sub {
    float: left;
    width: 290px;
    margin-top: -10px;
    line-height: 2em;
}

#contact-main form {
    margin-top: 20px;
}


#contact-main form .default {
    background: #FFFFFF;
    display: block;
    margin-bottom: 15px;
}

#contact-main form label {
    font-weight: bold;
    display: block;
    clear: both;
    margin-bottom: 3px;
}

#contact-main form label b {
    color: red;
}

#contact-main #name {
    width: 200px;
    border-top: solid 1px #7C7C7C;
    border-left: solid 1px #C3C3C3;
    border-right: solid 1px #C3C3C3;
    border-bottom: solid 1px #DDDDDD;
    background: url('/images/inputPixel.jpg') repeat-x top;
}

#contact-main #email {
    width: 200px;
    border-top: solid 1px #7C7C7C;
    border-left: solid 1px #C3C3C3;
    border-right: solid 1px #C3C3C3;
    border-bottom: solid 1px #DDDDDD;
    background: url('/images/inputPixel.jpg') repeat-x top;
}

#contact-main #budget {
    width: 190px;
    border-top: solid 1px #7C7C7C;
    border-left: solid 1px #C3C3C3;
    border-right: solid 1px #C3C3C3;
    border-bottom: solid 1px #DDDDDD;
    background: url('/images/inputPixel.jpg') repeat-x top;
}

#contact-main #url {
    width: 200px;
    border-top: solid 1px #7C7C7C;
    border-left: solid 1px #C3C3C3;
    border-right: solid 1px #C3C3C3;
    border-bottom: solid 1px #DDDDDD;
    background: url('/images/inputPixel.jpg') repeat-x top;
}

#contact-main #desc {
    border-top: solid 1px #7C7C7C;
    border-left: solid 1px #C3C3C3;
    border-right: solid 1px #C3C3C3;
    border-bottom: solid 1px #DDDDDD;
    background: url('/images/inputPixel.jpg') repeat-x top;
}

#contact-main .hr {
    border-top: dotted 1px #CCC;
    width: 545px;
    margin-bottom: 15px;
}

.error {
    clear: both;
    width: 545px;
    height: auto;
    padding: 10px;
    margin-top: 10px;
    background: #FFCCCC;
}

.success {
    clear:			both;
    width:			545px;
    height:			auto;
    padding:		10px;
    margin-top: 	10px;
    background: 	#CCFFCC;
}

.work_thumb
{	
	width:			245px;
	height:			185px;
	float:			left;
	padding:		0 20px 20px 0;
}

.work_thumb_right
{
	width:			245px;
	height:			185px;
	float:			left;
	clear:			right;
	padding:		0 0 20px 0;	
}

.work_thumb_bg
{
	background:		transparent url('/images/work_thumb_bg.gif') no-repeat scroll center center;
	height:			148px;
	padding:		8px 0 0 0;
	position:		relative;
	text-align:		center;
	width:			245px;	
}

.work_thumb h3 a, .work_thumb_right h3 a
{
	font-size:		12px;
	font-weight:	bold;
	padding-left:	3px;
	line-height:	20px;
}

img.featured
{
	position:		absolute;
	top:			-4px;
	right:			-4px;
}

#portfolio-left
{
    float:			left;
    width:			150px;
    min-height:		480px;
    background:		url('/images/divide.jpg') top right no-repeat;
    margin-right:	10px;
    padding-right:	10px;
}

	#portfolio-left a {
        display: block;
        width: 120px;
        height: 24px;
        padding-top: 10px;
        margin-bottom: 10px;
        text-align: right;
        padding-right: 14px;
    }

    #portfolio-left .active {
        background: #C90000;
        color: #FFF;
        font-weight: bold;
    }

#portfolio-right
{
    float:			left;
    display:		block;
    width:			770px;
    margin-top:		-10px;
    height:			auto;
}