/* ---------------------------------
Markup: Dimox
Author URI: http://dimox.name/
--------------------------------- */

* {
	margin: 0;
	padding: 0;
}
body {
	font: 13px/24px "Helvetica", Arial, Tahoma, sans-serif;
	color: #404040;
	background: #FFF url(/img/bg-pattern.png);
}
a {
	color: #8D0000;
	outline: none;
}
a:hover {
	text-decoration: none;
}
p {margin: 0 0 18px}
img {border: none}
input {vertical-align: middle}
input:focus,
select:focus,
textarea:focus {outline: none}
.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}
.red {color:#AA0000;}


/* Header
-----------------------------------------------------------------------------*/
#header {
	position: relative;
	top: -3px;
}
#head {
	width: 960px;
	min-height: 164px;
	height: auto !important;
	height: 164px;
	margin: 0 auto;
	position: relative;
	top: 3px;
  background: #101010 url(i/header_shadow.gif) 0 100% repeat-x;
}
#home #head {
  background: #101010;
}
.head {
	height: 156px;
  background: #202020 url(i/head_bg.gif) repeat-x;
}

#logo {
	position: absolute;
	top: 0;
	left: 21px;
	width: 295px;
	height: 156px;
	background: url(i/logo.png) no-repeat;
  text-indent: -9999px;
}

#nav {
	position: absolute;
	top: 92px;
	left: 316px;
	width: 643px;
	height: 29px;
	background: #990000;
  border: 1px solid #121212;
  border-width: 1px 1px 1px 0;
  font-size: 15px;
  line-height: 28px;
}
#nav ul {
	float: right;
	list-style: none;
}
#nav li {
	float: left;
  border-left: 1px solid #A43333;
}
#nav a {
	float: left;
	color: #FFF;
  text-decoration: none;
	padding: 0 18px;
}
#nav a:hover {
	background: #A43333;
}
#nav li.active a {
	background: #E39600;
	color: #000;
}

#sendMail {
	padding: 25px 50px 23px;
	color: #FFF;
  font: italic 18px/1 Georgia, "Times New Roman", Times;
}
#send {
	float: right;
	width: 293px;
	height: 55px;
  background: #DEA800 url(i/send.png) no-repeat;
  text-indent: -9999px;
	margin: 5px 0 0;
}
#send:hover {
	background-position: 0 -55px;
}
#sendMail .title {
  font: 36px/1 "Helvetica", Arial, Tahoma, sans-serif;
	margin: 0 0 11px;
  letter-spacing: -1px;
}
#sendMail p {
	margin: 0;
}

#shadowLeft,
#shadowRight {
	position: absolute;
	top: 0;
	left: -11px;
	width: 11px;
	height: 609px;
  background: url(/img/shadow.png) no-repeat;
}
#shadowRight {
	left: auto;
	right: -11px;
	background-position: 100% 0;
}


/* Middle
-----------------------------------------------------------------------------*/
#wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 40px 0 0;
	zbackground: #FFF;
	background: #FFF url(/img/text-bg-pattern.png);
}
#home #wrapper {
	padding: 0;
}
#services {
	padding: 54px 0 42px 41px;
	margin: 0 0 2px;
}
#services ul {
	width: 100%;
	overflow: hidden;
	list-style: none;
  font-size: 15px;
  line-height: 21px;
}
#services li {
	float: left;
	display: inline;
	margin: 0 24px 0 0;
}
#services a {
	display: block;
}
#services h2 {
	margin-bottom:15px;
}
a#s1 {background: url(i/services.png) no-repeat}
a#s2 {background: url(i/services.png) -157px 0 no-repeat}
a#s3 {background: url(i/services.png) -314px 0 no-repeat}
a#s4 {background: url(i/services.png) -471px 0 no-repeat}
a#s5 {background: url(i/services.png) -628px 0 no-repeat}
#services a span {
	display: block;
	height: 53px;
	background: #101010;
	padding: 9px 0 0;
	margin: 0 12px;
}
a#s1 span,
a#s4 span {
	padding: 21px 0 0;
}
a#s1:hover {background-position: 0 -285px}
a#s2:hover {background-position: -157px -285px}
a#s3:hover {background-position: -314px -285px}
a#s4:hover {background-position: -471px -285px}
a#s5:hover {background-position: -628px -285px}

#clients {
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
	padding: 2px 0;
	margin: 0 0 7px;
}
#clients .border {
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
	padding: 30px 0 30px 24px;
	overflow: hidden;
	height: 1%;
}
#clients .title {
	float: left;
  font: italic 18px/21px Georgia, "Times New Roman", Times;
	color: #101010;
  text-align: right;
	padding: 0 40px 0 0;
}
#clients .title span {
	display: block;
  font-size: 13px;
  font-style: normal;
  padding-right: 8px;
	color: #606060;
}
#clients ul {
	float: left;
	width: 760px;
	list-style: none;
}
#clients li {
	display: inline;
	margin: 0 35px 0 0;
}
li#arrowRight {
	margin: 0;
}
#arrowLeft a,
#arrowRight a {
	display: inline-block;
	vertical-align: middle;
	width: 19px;
	height: 27px;
  background: url(i/arrows.gif) no-repeat;
}
#arrowRight a {
	background-position: 100% 0;
}
#arrowLeft a:hover {
	background-position: 0 100%;
}
#arrowRight a:hover {
	background-position: 100% 100%;
}
#clients img {
	vertical-align: middle;
}

h2 {
	font: bold italic 30px/1 "Helvetica", Arial, Tahoma, sans-serif;
	margin: 0 0 33px;
	color: #101010;
  letter-spacing: -1px;
}
h2.center {
  text-align: center;
}
h3 {
	font: bold 21px/24px "Helvetica", Arial, Tahoma, sans-serif;
	color: #101010;
  text-transform: uppercase;
	margin: 0 0 12px;
}
.wrap {
	width: 100%;
	height: 1%;
	margin: 0 0 100px;
}
.wrap:after {
	content: '';
	clear: both;
	display: table;
}
.wrap p {
  font-style: italic;
}
.wrap ul,
.wrap ol {
	margin: 0 0 18px 30px;
}
.wrap img.alignleft {
	float: left;
	margin: 0 0 18px 32px;
}
.wrap img.alignright {
	float: right;
	margin: 28px 32px 18px 37px;
}
.section3 img.alignleft {
	margin: 0 25px 10px 10px;
}

.column1 {
	float: left;
	width: 381px;
	padding: 0 35px 0 36px;
}
.column1 p {
  font: italic 14px/24px Georgia, "Times New Roman", Times;
}
#map {
	width: 393px;
	margin: 0 -6px;
}
#map img {
	display: block;
}
#map .caption {
	height: 63px;
  background: #101010 url(i/map_caption.gif) no-repeat;
  text-align: center;
	color: #FFF;
  font: 18px/63px "Helvetica Narrow", "Arial Narrow", Tahoma, sans-serif;
}

#or {
	float: left;
	width: 30px;
	height: 540px;
  background: url(i/divider.gif) 50% 0 no-repeat;
	font: bold 21px/540px "Helvetica", Arial, Tahoma, sans-serif;
	color: #101010;
	margin: 40px 0 0;
}

.column2 {
	float: left;
	width: 408px;
	padding: 0 0 0 27px;
}
#sendEmail {
	margin: 18px 0 0;
}
#sendEmail .field {
	width: 100%;
	overflow: hidden;
	margin: 0 0 19px;
}
#sendEmail .field input {
  border: 1px solid #000;
	padding: 11px 10px 12px;
	width: 214px;
  font: 14px Georgia, "Times New Roman", Times;
}
#sendEmail textarea {
  border: 1px solid #000;
	padding: 11px 10px 12px;
  font: 14px Georgia, "Times New Roman", Times;
	width: 390px;
	height: 300px;
	margin: 0 0 35px;
}
#sendEmail .submit {
	width: 293px;
	height: 56px;
  background: #3C3C3C url(i/send.png) 0 -110px no-repeat;
	border: none;
	cursor: pointer;
	margin: 0 0 0 120px;
}
#sendEmail .submit:hover {
	background-position: 0 100%;
}

.content {
	float: right;
	width: 614px;
	padding: 0 45px 0 60px;
}
.section1 {
	width: 614px;
	zheight: 262px;
	zmargin: -47px -45px 53px -60px;
	zpadding: 53px 45px 0 60px;
	padding: 53px 0 0 0;
	margin: -47px 0 53px 0;
  zbackground: url(i/section1_bg.jpg) no-repeat;
  background: url(i/dash.gif) 0 100% repeat-x;
	position: relative;
  font: 14px/24px Georgia, "Times New Roman", Times;
	overflow: hidden;
}
.section1 h2 {
  margin-bottom: 27px;
}
h2.choose-your-solution {
  padding-left:25px;
  background: url(i/choose-your-solution.png) no-repeat;
}
.section1 p {
  margin-left:150px;
  text-align:left;
}
.section2 {
  background: url(i/dash.gif) 0 100% repeat-x;
	overflow: hidden;
	height: 1%;
	padding: 0 0 10px;
	margin: 0 0 35px;
}
.section3 {
  text-align: right;
	overflow: hidden;
	height: 1%;
	margin: 0 0 46px;
}
.section3 p {
  margin-left:200px;
  text-align:left;
}
.section4 {
  background: url(i/dash.gif) 0 100% repeat-x;
	padding: 0 0 10px;
	margin: 0 0 35px;
}

#send2 {
	display: block;
	width: 293px;
	height: 56px;
  background: #3C3C3C url(i/send.png) 0 -110px no-repeat;
	margin: 0 0 0 325px;
  text-indent: -9999px;
}
#send2:hover {
	background-position: 0 100%;
}

#menu {
	float: left;
	display: inline;
	width: 220px;
	margin: 0 0 0 21px;
  background: #EDEDED url(i/) no-repeat;
}
#menu ul {
	margin: 0;
}
#menu li {
	list-style: none;
  border-top: 1px solid #D1D1D1;
  font: bold italic 15px/22px Georgia, "Times New Roman", Times;
}
#menu a {
	display: block;
  border-top: 1px solid #FFF;
  text-decoration: none;
	color: #303030;
	padding: 12px 0 13px 53px;
}
#menu li.first,
#menu li.first a {
	border: none;
}
#menu a span {
	display: block;
	font: 13px/20px "Helvetica", Arial, Tahoma, sans-serif;
	color: #909090;
}
#menu a:hover,
#menu .current a {
  background-color: #313131;
	color: #FFF;
}
a#m1 {background: url(i/menu.gif) no-repeat}
a#m2 {background: url(i/menu.gif) -220px 0 no-repeat}
a#m3 {background: url(i/menu.gif) -440px 0 no-repeat}
a#m4 {background: url(i/menu.gif) -660px 9px no-repeat}
/* a#m5 {background: url(i/menu.gif) -880px 9px no-repeat} */

#sideMenu {
	float: left;
	width: 220px;
	margin: 0 0 0 21px;
}
#sideMenu h2 {
  margin: 53px 0 10px 0;
}
#sideMenu #clients img {
  margin: 15px 0 15px 0;
  border-bottom: 2px solid #999;
}
.sidebox {
  display:block;
  width:220px;
  height:220px;
  margin-bottom:20px;
  background-repeat:no-repeat;
  background-position: 0 0;
}
.sidebox:hover {
  background-position: 0 -220px;
}
#adwords-certification {
  background-image: url(i/adwords-certification.png);
}

.headerSection {
	width: 614px;
	padding: 53px 0 0 0;
	margin: -47px 0 53px 0;
  background: url(i/dash.gif) 0 100% repeat-x;
	position: relative;
  font: 14px/24px Georgia, "Times New Roman", Times;
	overflow: hidden;
}
.headerSection p {
  text-align:center;
}

#turnkey-solutions .first a {background: url(i/menu.gif) -1100px 0px no-repeat !important}
#turnkey-solutions .first a:hover, #turnkey-solutions .first.current a {background: #313131 url(i/menu.gif) -1100px -98px no-repeat !important}

#turnkey-solutions a {background: url(i/menu.gif) -1320px 0px no-repeat}
#turnkey-solutions a:hover, #turnkey-solutions .current a {background: #313131 url(i/menu.gif) -1320px -98px no-repeat}

#turnkey-solutions .last a {background: url(i/menu.gif) -880px 9px no-repeat !important}
#turnkey-solutions .last a:hover, #turnkey-solutions .last.current a {background: #313131 url(i/menu.gif) -880px 100% no-repeat !important}


a#m1:hover, .current a#m1 {background-position: 0 -98px}
a#m2:hover, .current a#m2 {background-position: -220px -98px}
a#m3:hover, .current a#m3 {background-position: -440px -98px}
a#m4:hover, .current a#m4 {background-position: -660px 100%}
/* a#m5:hover, .current a#m5 {background-position: -880px 100%} */


/* Footer
-----------------------------------------------------------------------------*/
#copyright {
	display: inline-block;
	background: #101010;
	color: #9a9999;
	padding: 3px 20px;
}

.signature { width:100%; text-align: right; font-weight: bold; }
#creations { 
  width: 700px; 
  height:550px;
  margin-left: -45px;
}