html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: arial;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	background-image:url(images/page-bg.jpg);
	background-repeat:repeat;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

h1 {
letter-spacing:-.8px;
font-size:16px;
color:#2a3031;
margin-bottom:20px;
font-family:Helvetica;
}

h2 {
font-size:14px;
font-weight:normal;
color:#2a3031;
font-family:Helvetica;
}

p {
font-size:12px;
line-height:20px;
color:#2a3031;
}

a:link, a:visited {
color:#3B5998;
font-size:12px;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

#main-wrap {

}



#content-wrap {
width:960px;
margin:0px auto;
}

#left-wrap {
display:block;
width:100%;
margin: 50px auto;
text-align: center;
}

#logo {


}

#logo-text {

padding-top:6px;
}

#nav-wrap {
margin-top:120px;
font-size:14px;
}

#slash {
position:relative;
left:-40px
}

#page-heading-wrap {
position:relative;
top:-45px;
margin-left:50px;
margin-bottom:4px;
}

#slider-wrapper {
width:730px;
height:354px;
background-image: url(images/main-frame.png);
background-repeat: no-repeat;
margin-bottom:40px;
}

#screenshot {
width:728px;
height:505px;
background-image:url(images/portfolio/safari.png);
background-repeat: no-repeat;
}

h1.logo {
font-family:arial;
font-size:18px;
letter-spacing:-1px;
margin-bottom:6px;
}

h1.page-headline {
font-size:arial;
font-style: italic;
text-transform: uppercase;
margin-bottom:10px;
letter-spacing: -.8px;
}

h2.page-sub-headline {
font-size:14px;
color:#2a3031;
letter-spacing: 0px;
line-height: 18px;
}

p.sub-logo {
font-size:10px;
letter-spacing:0px;
line-height:10px;
}

li.last {
border-bottom:solid 1px #7ab4dd;
}

p.sub-nav-text {
margin-top:10px;
font-size:10px;
margin-left:20px;
line-height: 10px;
}

.two-column-left {
width:350px;
float:left;
margin-right:30px;
}

.two-column-right {
width:350px;
float:left;
}

.pixeldiv {
height:2px;
background-image:url(images/pixel-div.jpg);
background-repeat: repeat-x;
margin:40px 0px 30px 0px;
}

.portfolio-item {
float:left;
margin-right:10px;
margin-bottom:10px;
}

.portfolio-item img {
border:solid 4px white;
-moz-box-shadow: 0px 0px 4px #777;
-webkit-box-shadow: 0px 0px 4px #777;
box-shadow: 0px 0px 4px #777;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777');
}

.portfolio-item-large img {
-moz-box-shadow: 0px 0px 4px #777;
-webkit-box-shadow: 0px 0px 4px #777;
box-shadow: 0px 0px 4px #777;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777');
}

.portfolio-last {
margin-right:0px
}

h2.portfolio-title {
margin:10px 0px;
}

.portfolio-description {
line-height:14px;
color:#2a3031;
font-size:12px;
}

.portfolio-head-left {
float:left;
}

.portfolio-head-right {
float:right;
margin-top:25px;
margin-right:10px;
text-align:right;
}

.portfolio-details {
margin-top:20px;
}

.services-wrap-left {
float:left;
margin-left:10px;
}

.services-wrap-right {
float:left;
margin-left:30px;
}

.services-list {
line-height:20px;
font-size:12px;
list-style-type: circle;
margin-left:5px;
}

.contact-form {
font-size:12px;
font-weight:normal;
font-family:Helvetica;
float:left;
width:320px;
margin-right:20px;
}

.contact-details {
float:left;
width:350px;

}

.contact-label {
color:#2a3031;
}

.contact-form-field {
width:290px;
border:none;
margin-top:2px;
padding:4px 5px 0px 5px;
}

.submit {
margin-top:0px;
}

.facebook-button {
margin-top:20px;
margin-bottom:0px;
}

.like-side {
margin:15px 0px 0px 10px;
}

.copyright {
	font-size:11px;
	color: #909090;
}

.clear{height:1px; clear:both; font-size:0px; line-height:0px; overflow:hidden; }