*, body {margin: 0; padding: 0; position: static;}
body {background-color: #FFFFFF; color: #666; font-size: medium; font-family: Helvetica, Arial, sans-serif; background-image: url('background.png'); background-repeat: repeat-x;}

h1 { color: #A33258; font-weight: bold; margin: 10px 0; font-family: "Arial Black", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: -2px; font-size: 24px;}
h2 { color: #A33258; font-weight: bold; margin: 10px 0; font-family: "Arial Black", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: -2px; font-size: 24px;}
p {margin: 17px 0;}
a {text-decoration: none; color: #A33258; font-weight: bold;}
a:hover { color: #A0E655; }
li {margin: 5px 0 5px 50px;}
hr{ width: 80%; margin-left: 10%;}
h3{margin: 5px 0; padding: 0; line-height: normal;}
td {vertical-align: top;}

#wrapper {display: block; position: absolute; min-height: 100%; width: 100%; }
#maxminwidth {margin: 0 auto; width: 100%; max-width: 1200px; min-width: 1000px; }
#content {display: block; margin-bottom: 245px; width: 100%; width: 100%;}
#footer {position: absolute; bottom: 0; display: block; height: 225px; width: 100%; background-image: url('dirt.jpg'); background-repeat: repeat-x; background-position: bottom;}
#innerfooter {background-image: url('green-shoots.jpg'); background-repeat: no-repeat; background-position: bottom; height: 100%; width: 100%; display: block; position: relative;}
#footertext {position: absolute; right: 0; bottom: 0; color: #f7f7f7; font-size: 12px; font-weight: bold;}
#footertext p {margin: 0 30px 17px 0;}
#footertext a {color: #f7f7f7; text-decoration: none; font-size: 12px;}
#footertext a:hover {color: #FFF; text-decoration: underline; font-size: 12px;}
#content_inner {width: 90%; margin: 0 auto; }
.wrapper {width: 100%; float: left; margin-bottom: 10px;}
#colleft {width: 45%; float: left; }
#colright {width: 45%; float: left; margin-left: 5%;}
#colleftindex {width: 80%; float: left; margin: 25px 0 0 55px;}
#colrightindex {width: 45%; float: left; margin-left: 5%; margin-top: 50px;}

#name {font-family: "Arial Black", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 75px; font-weight: bold; color: #A0E655; letter-spacing: -8px; margin: 10px 25px 0 25px;}
#name a {text-decoration: none; color: #A0E655;}
#tagline {font-family: "Arial Black", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 26px; color: #999; letter-spacing: -2px; word-spacing: -2px; margin: -25px 25px 5px 35px;}

#menu {width: 92%; min-width: 1024px; margin: 0 auto; clear: both; margin-top: 10px; }
#menu li {width: 22%; min-width: 220px; float: left; list-style: none; margin: 0 1%; display: inline; text-align: left; }
#menu p {margin: 8px 0; }
#menu a {text-decoration: none; color: #A0E655;}
#menu a:hover {color: #A33258;}
.menutext {margin: 8px 0; padding-left: 13px;}

.navlink {text-align: center; font-size: 30px; letter-spacing: -3px; color: #A0E655; font-family: "Arial Black", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.halfpage {width: 45%; float: left; margin-right: 5%;}
.floatwrap {width: 100%; float: left; margin-bottom: 225px; display: block;}
#twitter{position: relative; z-index: 100; width: 100%; }
#twitterimg {width: 200px; float: left;}
#twittertext {width: 300px; float: left; margin-bottom: 50px;}
.floatwrapcase {width: 100%; float: left; margin-bottom: 245px;}
.floatwrapcaseindex {width: 100%; float: left; margin-bottom: 170px;}

.text {font-family: Helvetica, Arial, sans-serif; color: #666;}
.larger {font-family: Helvetica, Arial, sans-serif; color: #666; font-size: 18px;}
.largerred {font-family: Helvetica, Arial, sans-serif; color: #A33258; font-size: 18px; font-weight: bold; }
.red {color: #A33258; }

.port_title {font-family: Helvetica, Arial, sans-serif; color: #A33258; font-weight: bold; font-size: 23px; letter-spacing: -1px; margin: 0 0 15px 0; }
.port_left {width: 160px; float: left; margin-top: 20px; }
.port_left p { margin-top: 0px; margin-bottom: 10px; }
.port_text {width: 30%; float: right; margin-left: 3%; }
.port_textp {margin: 10px 0}
.port_image { float: right; width: 65%;}
.wrap {float: right; margin-bottom: 225px; margin-left: 20px; margin-top: 20px; width: 78%;}
.portwrap {float: right; margin-bottom: 40px; width: 100%}

.contactwrap {float: left; width: 100%;}

#casestudy {width: 68%; margin-left: auto; margin-right: auto;}
.cstitle {color: #A33258; font-weight: bold; letter-spacing: -2px; text-align: left; font-size: 30px; margin-bottom: 15px; float: left;}
#cspicture { width: 100%; margin-bottom: 50px; text-align: center;}
.cstext { font-family: Helvetica, Arial, sans-serif; color: #666; margin-bottom: 15px;}
.cssscreenshot { width: 200px; margin-left: 30px;}

.highlight { width: 29%; margin: 2%; float: left;}
.highlightt { width: 200px; margin: 0 auto; font-size: 75%; margin-top: 10px;}

.column{float: left; width: 49%;}
.mainpanel{width: 73%; float: left; border-right: 1px solid #999; padding: 0 2% 0 0;}
.rightbar{width: 22%; float: right; padding: 0 1%;}
#narrow{margin: 0 auto; width: 100%;}
.socialmedia{float: right; margin: 0 5px 5px 5px; width: 125px; text-align: center;}
.articles{float: left; width: 100%; margin-bottom: 20px;}
.articles a{color: #666;}
.articles a:hover{text-decoration: underline; color: #666;}
.quote{ font-size: 125%; font-weight: bold; color: #777;}
.video{ width: 425px; margin: 0 auto; padding: 15px 0;}
.noroll:hover{color: #A33258;}

/*.label { float: left; width: 150px; clear: left; }
.input2 { float: left; }
.input2 textarea { height: 150px; }
.input { float: left; }
.width { width: 100%;}
.submit { width: 700px; float: left; clear: left; text-align: center; padding-top: 5px; margin: 0 auto;} */

#contactleft{width: 42%; float: left; margin: 0 50px 0 0px; }
#contactleft ul {margin-bottom: 25px; }
#contactright{width: 52%; float: right; margin: 0 0px 15px 0;}
#contactright p {margin-bottom: 15px;}
#contact_textarea {clear: left;}
.contact_talabel {margin-bottom: 10px;}

.tick li {margin: 0; padding: 3px 0 3px 24px; list-style: none; background: url(bullet.png) no-repeat scroll 0 6px transparent}
.cross li {margin: 0; padding: 3px 0 3px 24px; list-style: none; background: url(bullet2.png) no-repeat scroll 0 6px transparent}
.ultitle {margin-bottom: 5px; }

.competitiontr {margin-top: 10px;}
.competitiontr td {margin-top: 10px !important;}
.competitionbutton {
background-color:transparent;
border:medium none;
cursor:pointer;
margin:5px 0 0 225px !important;
overflow:visible;
padding:0;
}

ol li{list-style-type: lower-roman;}

#button {height: 250px;}