/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* Styles */
body {font-family: Tahoma, Geneva, sans-serif; font-size:90%;}
strong {font-weight:bold;}
h2 {font-size:4em;}
h4 {font-weight:bold;}
a {color:#ec118f;}
header {display:block;}
.ie6 header {height:1%;}
#logo {padding:20px 0 20px 30px;}
ul#mainNav {background:#dddddd; font-size:18px; height:42px; margin:0 0 10px 0; padding:0 30px; overflow:hidden;}
.ie6 ul#mainNav {height:1%;}
ul#mainNav li {float:left;}
ul#mainNav li a {color:#5f6062; display:block; padding:10px 9px 10px 10px; text-decoration:none;}
ul#mainNav li a:hover {
	background-color: #ffbbe3;
	background-image: -moz-linear-gradient(top, #ffbbe3, #fca4d8); 
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffbbe3),color-stop(1, #fca4d8));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffbbe3', EndColorStr='#fca4d8'); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffbbe3', EndColorStr='#fca4d8')";
}
ul#mainNav li a.active {
	background-color: #ec118f;
	background-image: -moz-linear-gradient(top, #ec118f, #bf0f79); 
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ec118f),color-stop(1, #bf0f79));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ec118f', EndColorStr='#bf0f79'); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ec118f', EndColorStr='#bf0f79')";
	color:#ffffff;
}
#scroller {overflow:scroll;}
.container {width:13580px;}
section.panel {float:left; position:relative; width:920px; zpadding-top:200px; padding:0 30px 0 30px;}
#section-home {width:600px;}
#section-can-we-help-you {width:550px;}
#section-mobile {width:600px;}
#section-development {width:600px;}
#section-web-design {width:600px;}
#section-social-media {width:600px;}
#section-terms {width:550px;}
section.copy {float:left; width:390px;}
section.copy ul {list-style-position:inside; list-style-type:disc; margin-left:20px;}
section.copy ul li {margin-bottom:5px;}
section.copy ul li a {}
section h2 {color:#999; padding:0.2em 0 0.2em 0;}
section h3 {color:#999; font-size:1.6em; margin-bottom:0.5em;}
section h4 {color:#999999; font-size:1.4em; margin-bottom:0.5em;}
section p {line-height:1.5em; margin-bottom:1.4em;}
section ul,
section ol {line-height:1.5em; margin:0 0 1em 2em;}
section ul {list-style-type:disc;}
section ol.list-lower-roman li {list-style-type:lower-roman;}
section ul.list-lower-alpha li {list-style-type:lower-alpha;}
.case-study,
.contact-box {float:right; width:500px; margin-left:30px;}
.case-study h3 {margin-left:20px;}
.case-study h3 span {color:#74a600;}
.case-study div,
.contact-box form {background:url(/images/backgrounds/case-study-bg.jpg) repeat-x 0 0; padding:8px 0 10px 0;}
.case-study div {text-align:center; position:relative;}
.case-study div img {display:block; margin:0 auto;}
footer {border-top:1px solid #dadada; display:block; margin:0 auto; margin-top:19px;}
footer div {background:#999999; color:#ffffff; font-size:10px; padding:10px;}
footer div ul {font-size:12px;}
footer div ul li {border-right:1px solid #ffffff; float:left; padding-left:10px; padding-right:10px;}
footer div ul li.last {border:none;}
footer div ul li a,
footer div ul li a:hover,
footer div ul li a:visited {color:#ec118f;}
footer div ul li a {text-decoration:none;}
footer div ul li a:hover {text-decoration:underline;}
.form {}
.form * {vertical-align:middle;}
.form p {margin:0; padding:0 0 0 20px;}
.form input,
.form select {padding:3px;}
.form label {float:left; text-align:right; margin-right:15px; padding-top:2px; width:150px;}
.form fieldset div {padding:8px 0;}
.form fieldset input {border:1px solid #5f6062; width:308px;}
.form fieldset input.button {border:none; margin:0; padding:0; width:auto;}
.form fieldset select {border:1px solid #5f6062; width:316px;}
.form fieldset textarea {border:1px solid #5f6062; width:314px;}
.form fieldset div.form-foot {text-align:right; padding-right:20px;}
#map_canvas {float:right; width:420px; height:300px}
section.copy #map_canvas {width:390px; height:300px}
.case-study div.overlay {position:absolute; bottom:0; left:0; text-align:left; width:500px;}
