* {
	margin: 0;
	padding: 0;
}

body {
	font: 90% Arial, Helvetica, Verdana, sans-serif;
	line-height: 135%;
	padding-top: 35px;
	background-color: #336633;
}
html>body {font-size: 12px;}

a {
	color: #33037D;
	text-decoration: underline;
	border: none;
}
img {
	border-style: none;	
}
h1 {
	margin: 0px;
	color: #000000;
	font-size: 140%;
	font-weight: normal;
	padding-bottom: 20px;
	line-height: 120%
}
h1.templates {
	margin: 15px 0px;
	width: 220px;
	color: #440E97;
	background-color: #ff9933;
	font-size: 140%;
	font-weight: normal;
	padding: 10px;
	line-height: 120%
}

h2 {
	margin: 0px;
	color: #440E97;
	font-size: 115%;
	padding-top: 15px;
	padding-bottom: 0px;
}
.skip {
       position: absolute;
       left: -999em;
       width: 990em;
}
a.skip:active,  a.skip:focus {
        left: 8.5em;
        color: #000000;
}
a.skip:hover,  a.skip:focus {
        left: 8.5em;
        color: #000000;
}
#pagewrapper {
	width: 921px;
	margin: 0px auto;
}
#header {
	height: 101px;
	background: url(images/header.gif) no-repeat;
}

#content {
	background: url(images/middle.gif) repeat-y;
	min-height: 540px;
	position: relative
}
#content p {
	padding-top: 10px;
}


/* ===== LEFT ===== */

#content div.left {
	padding-top: 110px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	float: left;
	width: 254px;
}

#content div.special {
	padding-top: 110px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	float: left;
	width: 254px;
}
#content div.special .steps {
	width: 200px;
	text-align: center;
	background-color: #ffcc33;
	padding-bottom: 10px;
}
#content div.special .steps p {
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
}
#content div.special .steps h1 {
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	background-color: #333399;
	color: #ffffff;
}
#content div.special h3 {
	width: 160px;
	text-align: center;
	padding: 10px 20px;
	background-color: #ff9933;
	color: #000000;
	border-top: 1px solid #ffffff;
	font-size: 100%;
}
#content div.special h3 a {
	color: #000000;
}
#content div.template {
	padding-top: 100px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	float: left;
	width: 254px;
}

#content div.left p {
	color: #1875A3;
	text-align: center;
	padding-right: 50px;
}

#content div.left img {
	padding-top: 20px;
	padding-bottom: 50px;
}
#content div.leftbottom {
	position:absolute;left:10px;bottom:0px;
	height: 198px;
}
#content div.left form {
}
#content div.left form fieldset {
	border: none;
}

/* ===== PORTFOLIO ===== */

#content div.portfolio {
	float: left;
	width: 500px;
	padding-top: 100px;
	padding-left: 63px;
}
#steve, #gfuse, #spring, #passion, #ukcae {
	display: none;
	float: left;
}
#steve, #gfuse, #spring, #passion, #ukcae p {
	padding-top: 15px;
	line-height: 140%;
}

#content div.portfolio ul {
	list-style: none;
	padding-top: 5px;
}

#content div.portfolio li {
	list-style: none;
	padding-right: 32px;
	padding-bottom: 15px;
}
#content div.portfolio h1 {
	margin: 0px;
	color: #000000;
	font-size: 140%;
	font-weight: normal;
	padding-left: 0px;
	padding-bottom: 20px;
	line-height: 120%
}
#content div.portfolio .sample {
	border-bottom: solid 1px #cccccc;
	padding-bottom: 15px;
	color: #6a85a8;
}


/* ===== RIGHT ===== */

#content div.right {
	float: left;
	width: 565px;
	padding-top: 100px;
	padding-bottom: 20px;
}

#content div.weblink {
    font-family:Arial, Helvetica, sans-serif;
    font-size:.8em;
    height: 170px;
    float: left;
    padding-top: 20px;
}
#content div.weblink a {
    width:180px;
    height: 2px;
    color:#000;
    text-decoration:none;
    text-align: center;
    background:url(images/weblinks.jpg) no-repeat top;
    float:left;
    padding-top: 168px;
}
#content div.weblink a:hover { 
    background-position:0 -170px;
    height: 10px;
    color:#1e5ebd;
}
#content div.weblink1 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:.8em;
    height: 170px;
    float: right;
    padding-top: 20px;
}
#content div.weblink1 a {
    width:180px;
    height: 2px;
    color:#000;
    text-decoration:none;
    text-align: center;
    background:url(images/weblinks2.jpg) no-repeat top;
    float:left;
    padding-top: 168px;
}
#content div.weblink1 a:hover { 
    background-position:0 -170px;
    height: 10px;
    color:#1e5ebd;
}
#content div.right .quote {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #006699;
	line-height: 140%;
	padding: 40px 10px 0px 0px;
}

/* ===== Menu ===== */

#header .menu {
	width: 755px;
	height: 31px;
	padding-top: 55px;
	padding-left: 295px;
}
#header .menu ul {
	height: 31px;
}
#header .menu li {
	float: left;
	list-style: none;
	padding-right: 35px;
	height: 31px;
}
#header .menu li a {
	display: block;
	padding-top: 7px;
	text-align: center;
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}
#header .menu li a.current {
	color: #006699;
	padding-bottom: 3px;
}
#header .menu li a:hover {
	color: #006699;
	padding-bottom: 3px;
	height: 31px;
}	
#header .menu li a.website:hover {
	color: #cc6600;
	padding-bottom: 3px;
	height: 31px;
}
#header .menu li a.graphic:hover {
	color: #39940c;
	padding-bottom: 3px;
	height: 31px;
}	

/* ===== Portfolio ===== */
}
#cp, #sunanda, #jimmy, #richard, #jan {
	display: none;
	float: left;
}
#cp, #sunanda, #jimmy, #richard, #jan p {
	padding-top: 15px;
	line-height: 130%;
}
#content div.right {
	float: left;
	width: 565px;
	padding-top: 100px;
}
#content div.right ul {
	list-style: none;
	padding-top: 5px;
}

#content div.right li {
	list-style: none;
	padding-right: 20px;
	padding-bottom: 15px;
}
#content div.right ol {
	padding-top: 5px;
}

#content div.right ol li {
	padding-right: 20px;
	padding-bottom: 15px;
}


#content div.offer {
	float: left;
	width: 565px;
	padding-top: 100px;
	padding-bottom: 20px;
}
#content div.offer ul {
	padding-top: 5px;
}

#content div.offer li {
	padding-right: 20px;
	padding-bottom: 5px;
}

#content div.offer ul.no {
	list-style: none;
}
#content div.offer img {
	padding-right: 25px;
	padding-bottom: 10px;
}

#content div.right .sample {
	border-bottom: solid 1px #cccccc;
	padding-bottom: 15px;
	color: #6a85a8;
}
/* ===== Footer ===== */

#footer {
	background: url(images/footer-home.gif) no-repeat;
	font: 80% Helvetica, Arial, Verdana, sans-serif;
	padding-top: 10px;
	padding-bottom: 25px;
	text-align: right;
	padding-right: 15px;
	height: 20px;
}
#footerblank {
	background: url(images/footer-blank.jpg) no-repeat;
	font: 80% Helvetica, Arial, Verdana, sans-serif;
	padding-top: 10px;
	padding-bottom: 25px;
	text-align: right;
	padding-right: 15px;
	height: 20px;
}
#footerwebsite {
	background: url(images/footer-website.jpg) no-repeat;
	font: 80% Helvetica, Arial, Verdana, sans-serif;
	padding-top: 0px;
	padding-bottom: 25px;
	text-align: right;
	padding-right: 15px;
	height: 20px;
}
#footergraphic {
	background: url(images/footer-graphic.jpg) no-repeat;
	font: 80% Helvetica, Arial, Verdana, sans-serif;
	padding-top: 0px;
	padding-bottom: 25px;
	text-align: right;
	padding-right: 15px;
	height: 20px;
}
#footerportfolio {
	background: url(images/footer-portfolio.jpg) no-repeat;
	font: 80% Helvetica, Arial, Verdana, sans-serif;
	padding-top: 0px;
	padding-bottom: 25px;
	text-align: right;
	padding-right: 15px;
	height: 20px;
}
#footernews {
	background: url(images/footer-news.jpg) no-repeat;
	font: 80% Helvetica, Arial, Verdana, sans-serif;
	padding-top: 0px;
	padding-bottom: 25px;
	text-align: right;
	padding-right: 15px;
	height: 20px;
}
#footeroffer {
	font: 80% Helvetica, Arial, Verdana, sans-serif;
	padding-top: 0px;
	padding-bottom: 25px;
	text-align: right;
	padding-right: 15px;
	height: 20px;
}

.clear {
	clear: both;
}