body {
	padding:0;
	margin:0 20px;
	background:#efefef;
        background-image: url(images/main-back.jpg);
        background-repeat: repeat-x;
	font:12px verdana;
        text-align: center;
}

.main-wrapper {
    margin: auto;
    padding: 0px;
    width: 940px;
    text-align: left;
}

.sub-content {
	width: 600px;
	float: left;
	margin: 0;
	padding: 0;
}

.sub-content img {
	border: 1px solid #a09b9a;
	margin: 10px 0 10px 0;
}

.sub-content img.sq {
	border: 0;
	width: 280px;
	margin: 5px;
}

.left-subnav {
	margin: 10px 10px 0 0;
	width: 200px;
	float: left;
	background-color: #fefeff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #cdcbcb;
	padding: 10px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: -webkit-gradient(linear, left top, left bottom, from(#fefeff), to(#b7dbf5));
	background: -moz-linear-gradient(top,  #fefeff,  #b7dbf5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefeff', endColorstr='#b7dbf5');

}

ul.subnav {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}

ul.subnav a {
	text-decoration: none;
}

ul.subnav li {
	border-bottom: 1px solid #cdcbcb;
	margin: 0;
	padding: 5px 0 5px 0;
}

ul.subnav span {
	font-weight: bold;
	color: #676161;
}

.left-subnav a.button {
	color: #ffffff;
}

.header {
    margin: 0;
    padding: 0;
    height: 166px;
}

.navigation {
    padding: 0px;
    margin: 0px;
    list-style: none;
    width: 900px;
    height: 166px;
}

.navigation li {
    margin: 0;
    padding: 0;
    display: inline;
}

.navigation li a {
    display: block;
    height: 166px;
}

.navigation li span {
    margin: 0;
    padding: 0;
    display: none;
    visibility: hidden;
}

.navigation .one {
    width: 218px;
    height: 166px;
    background-image: url(images/home-logo.gif);
    background-repeat: no-repeat;
    float: left;
    margin: 0;
    padding: 0;
}

.navigation .two {
    width: 209px;
    height: 165px;
    background-image: url(images/web-design.jpg);
    background-repeat: no-repeat;
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
}

.navigation .three {
    width: 244px;
    height: 165px;
    background-image: url(images/branding-illustration.jpg);
    background-repeat: no-repeat;
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
}

.navigation .four {
    width: 207px;
    height: 166px;
    background-image: url(images/resume.jpg);
    background-repeat: no-repeat;
    float: left;
}


a.selected {
	text-decoration:underline !important; 
	color:#4b412f !important;
}

#scroller-header {
	background:url(images/header.gif) no-repeat;
	width:277px;
	height:24px;
	padding:35px 0 0 15px;
	font-weight:700;
}

#scroller-body {
	background:url(images/body.gif) no-repeat bottom center;
	width:277px;
	padding-bottom:30px;

}

#mask {
	width:940px;
	overflow:hidden;
	margin:0 auto;
}

#panel {

}

#panel div {
float:left;

}


/* extra optional styling for each tab content */
#panel-1 {
	width: 940px;
	margin: 0;
	padding: 0;
}

.home-wrapper {
	margin: 0;
	padding: 0;
}

.home-wrapper .home-left {
	float: left !important;
	width: 401px !important; 
	margin: 0;
	padding: 25px 0 0 0;
	text-align: center;
}

.home-wrapper .home-left hr {
	background-color: #ffa526;
	border: 1px solid #ffa526;
	height: 10px;
	color: #ffa526;
	margin: 10px 0 10px 0;
	padding: 0;
}

.home-wrapper .home-left .sm-contact1
	{float: left !important;
	width: 160px !important;
	text-align: left;}
	
.home-wrapper .home-left .sm-contact2
	{float: left !important;
	width: 55px !important;
	text-align: left;}

.home-wrapper .home-left .sm-contact3
	{float: left !important;
	width: 175px !important;
	text-align: left;}
	
.home-wrapper .home-left .sm-contact1 h2 {
	display: inline;
	margin: 0px 10px 0 0;
}

.home-wrapper .home-right {
	float: left !important;
	width: 500px !important;
	margin: 0;
	padding: 25px 0 0 30px;
}

.home-wrapper .home-right hr {
	color: #0090ff;
	height: 5px;
	background-color: #0090ff;
	border: 1px solid #0090ff;
	margin: 0 0 15px 0;
	padding: 0;
}

.home-wrapper .home-right img {
	border: 1px solid #4a3f3f;
	margin: 0 15px 5px 0;
}

h1 {
	color: #ffa526;
	font: 30px verdana;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
	text-transform: uppercase;
}

h2 {
	color: #4a3e3f;
	font: 20px verdana;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 0;
}

p {
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 10px 0;
	padding: 0;
}

p.small {
	font-size: 12px;
	line-height: 14px;
	margin: 10px 0 5px 0;
	padding: 0;
}



hr.light {
	border: 1px dotted #e1e0e0 !important;
	height: 0px !important;
	background-color: #efefef !important;
}


#panel-2 {
}

#panel-3 {}

#panel-3 .thumb {
	padding: 5px;
	border: #1px solid #a09b9a;
	background-color: #ffffff;
}

#panel-3 .vectors {
	width: 170px !important;
	float: left;
	margin: 0 10px 10px 10px;
	padding: 5px;
}

#panel-3 .vectors h3 {
	margin: 0;
	padding: 0;
	text-align: center;
}

#panel-3 .clear {
	clear: both;
	height: 1px;
}

#panel-4 {
}

#panel-2 .web {
	width: 450px !important;
	height: 285px !important;
	float: left;
	margin: 0 10px 10px 0;
	padding: 4px;
	text-align: left;
	background-color: #fafafa;
	border: 1px solid #d9d9d9;
}

#panel-2 .web p {
	font-size: 12px;
	line-height: 16px;
	margin: 0;
	padding: 0;
}

#panel-2 .web h3 {
	margin: 0;
	padding: 0;
}


#panel-2 .right-box {
	width: 225px !important;
	float: right;
	margin: 10px 0 10px 10px;
	padding: 10px;
	background-color: #ffffff;
	border: 1px solid #77c8ea;
}

hr {
	color: #0090ff;
	height: 5px;
	background-color: #0090ff;
	border: 1px solid #0090ff;
	margin: 0 0 10px 0;
	padding: 0;
}

.screenReader
{
	display: none;
	height: 1px;
	margin-bottom: 5px;
}

pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}

img.logo {
	padding: 5px;
	background-color: #ffffff;
	border: 1px solid #a4a4a4;
	margin: 5px 10px 5px 10px;
}

img.thumb {
	padding: 5px;
	background-color: #ffffff;
	border: 1px solid #a4a4a4;
	margin: margin: 5px;
	padding: 0px;
}

img.thumb:hover {
	opacity:0.6;filter:alpha(opacity=60);
}

p.link {
	text-align: right;
	font-size: 11px;
}

a:link {
	color: #046fc2;
}

a:hover {
	color: #ffa628;
}

a:visited {
	color: #046fc2;
}

a:active {
	color: #046fc2;
}

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	color: #ffffff;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
	color: #ffffff;
}
.button:active {
	position: relative;
	top: 1px;
	color: #ffffff;
}
.orange {
	color: #ffffff;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	color: #ffffff;
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

.right-box {
	width: 200px !important;
	float: right !important;
	border: 1px solid #a29a98;
	background-color: #edf6fb;
	padding: 10px;
	margin: 0 0 10px 0;
}