@charset "utf-8";
/* CSS Document */
body{
	margin: 0;
	padding: 0;
	background: #5F5F5F;
	text-align: center;
}
p,h1,h2,h3,h4,h5,h5,ol,ul,a {
	margin: 0px;
	padding: 0px;
	font-family:"Century Gothic", "Gill Sans MT", Arial, sans-serif;
}
h1{
	font-size: 18px;
	color: #AA0000;
	font-weight: 500;
}
#wrapper{
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	background: #FFF;
	text-align: left;
}
#copyright{
	font-family:"Century Gothic", "Gill Sans MT", Arial, sans-serif;
	font-style: italic;
	color: #EEE;
	font-size: 12px;
	text-align: center;
}
p{
	font-size: 16px;
	font-family:"Century Gothic", "Gill Sans MT", Arial, sans-serif;
	color: #666;
}
/* --------------------------------------toolbar and banner ----------------------------------------*/
#banner{
	background-image: url(assets/toolbar/logo.jpg);
	height: 123px;
	position: relative;
}
ul#mainNav{
	list-style-type: none;
	padding-left: 0;
	margin-left: 325px;
	padding-right: 0;
	margin-right: 0;
	float: left;
	padding-top: 0px;
	position: absolute;
}
ul#mainNav li{
	float: left;
}
ul#mainNav a{
	display: block;
	text-decoration: none;
	text-align: center;
	font-family:"Century Gothic", "Gill Sans MT", Arial, sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #FFF;
	width: 85px;
	height: 70px;
	padding-top: 75px;
}
/*---------Nav Bar Links--------------------*/
a#home{
	background-image: url(assets/toolbar/home.gif);
	background-position: center 0px;
	background-repeat: no-repeat;
}
a#products{
	background-image: url(assets/toolbar/products.gif);
	background-position:center 0px;
	background-repeat: no-repeat;
}
a#pricing{
	background-image: url(assets/toolbar/pricing.gif);
	background-position:center 0px;
	background-repeat: no-repeat;
}
a#partners{
	background-image: url(assets/toolbar/partners.gif);
	background-position:center 0px;
	background-repeat: no-repeat;
}
a#contact{
	background-image: url(assets/toolbar/contact.gif);
	background-position:center 0px;
	background-repeat: no-repeat;
}

/*---------Nav Bar Links Hover---------------*/
a#home:hover{
	background-image: url(assets/toolbar/home.gif);
	background-position: center -152px;
	background-repeat: no-repeat;
}
a#products:hover{
	background-image: url(assets/toolbar/products.gif);
	background-position:center -152px;
	background-repeat: no-repeat;
}
a#pricing:hover{
	background-image: url(assets/toolbar/pricing.gif);
	background-position:center -152px;
	background-repeat: no-repeat;
}
a#partners:hover{
	background-image: url(assets/toolbar/partners.gif);
	background-position:center -152px;
	background-repeat: no-repeat;
}
a#contact:hover{
	background-image: url(assets/toolbar/contact.gif);
	background-position:center -152px;
	background-repeat: no-repeat;
}
/*---------You are here link code ---------------------*/
body#homePage a#home{
	background-image: url(Assets/toolbar/home.gif);
	background-position:center -310px;
	background-repeat: no-repeat;
}
body#productsPage a#products {
	background-image: url(Assets/toolbar/products.gif);
	background-position:center -310px;
	background-repeat: no-repeat;
	}
body#pricingPage a#pricing {
	background-image: url(Assets/toolbar/pricing.gif);
	background-position:center -310px;
	background-repeat: no-repeat;
}
body#partnersPage a#partners {
	background-image: url(Assets/toolbar/partners.gif);
	background-position:center -310px;
	background-repeat: no-repeat;
}
body#contactPage a#contact {
	background-image: url(Assets/toolbar/contact.gif);
	background-position:center -310px;
	background-repeat: no-repeat;
}
/*--------- mainContent ---------------------*/
#mainContent img{
	border: 1px solid #CCCCCC;
}
#mainContent .gallery{
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 15px;
}
#threePictures{
	margin-left: 60px;
}
#mainContent p{
	clear: both;
	text-align: center;
	margin-right: 75px;
	margin-left: 75px;
	padding-bottom: 10px;
}
#mainContent a{
	text-decoration: none;
}
#mainContent a:hover{
	text-decoration: underline;
}
/*--------- Products Page ---------------------*/
#leftSidebar{
	background: url(assets/sidebar_pencil.jpg) no-repeat top #DD0200;
	float: left;
	width: 310px;
	height: 450px;
}
#leftSidebar a{
	text-decoration: none;
	color: #fff;
}
#leftSidebar a:hover{
	text-decoration: underline;
}
#leftSidebar p{
	color: #fff;
	padding-top: 215px;
	padding-bottom: 5px;
	text-align: center;
}
#leftSidebar li{
	color: #fff;
	font-size: 14px;
	list-style-type: square;
	padding-top: 5px;
}
#leftSidebar ul{
	margin-left: 50px;
}
#productPara{
	float: left;
	width: 400px;
	text-align: left;
	padding-left: 20px;
	padding-top: 30px;
	padding-bottom: 10px;
}
#productPara p{
	padding-bottom: 5px;
	text-align: center;
}
#productPara a{
	text-decoration: underline;
	color: #666;
}
/*--------- Pricing Page ---------------------*/
#pricingPage h1{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
#mandatory{
	float: left;
	width: 320px;
	margin-left: 50px;
	text-align: center;
}
#mandatory p{
	padding-bottom: 5px;
	font-size: 14px;
}
#optional{
	margin-right: 50px;
	text-align: center;
	float: right;
	width: 320px;
}
#optional p{
	padding-bottom: 5px;
	font-size: 14px;
}
.gray{
	color:#333333;
	font-size: 18px;
}
#special{
	float: right;
	width: 320px;
	height: 250px;
	margin-right: 60px;
	background: url(assets/sale_splat.gif) no-repeat center -30px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding-bottom: 70px;
	margin-top: 30px;
}
#special p{
	margin-top: 75px;
	margin-left: 48px;
	margin-right: 50px;
}
/*--------- Integration Page ---------------------*/
#integration{
	background: url(assets/circle.jpg) no-repeat center center;
	height: 400px;
}
#integration p{
	font-size: 14px;
	text-align: center;
}	
#integration h1{
	font-size: 18px;
	font-weight: 500;
	text-align: center;
}
#circle{
	width: 242px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-top: 120px;
	padding-bottom: 30px;
}
/*--------- FAQ Page ---------------------*/
#faqPage img{
	float: left;
}
#faqPara{
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 20px;
}
#faqPara a{
	text-decoration: none;
	color: #666666;
}
#faqPara a:hover{
	text-decoration: underline;
	color: #666666;
}
/*--------- Social Media Page ---------------------*/
#socialPage img{
	float: left;
	margin-top: 0px;
	padding-right: 60px;
}
#socialPara{
	margin-right: 10px;
	margin-left: 0px;
	margin-top: 20px;
	text-align: center;
}
#socialPara p{
	margin-right: 20px;
	text-align: center;
}
#socialPara ol{
	margin-right: 20px;
}
#socialPara li{
	text-align: left;
	font-size: 14px;
	padding-bottom: 10px;
	font-family:"Century Gothic", "Gill Sans MT", Arial, sans-serif;
	color: #666;
	padding-left: 0px;
	margin-left: 0px;
}
/*--------- Partners Page ---------------------*/
#partnersPage p{
	text-align: center;
	margin-right: 20px;
	margin-left: 20px;
}
.space{
	margin-top: 10px;
	margin-right: 20px;
	margin-left: 20px;
}
#partnersPage img{
	float: left;
	margin-top: 10px;
	padding-right: 30px;
}
#partnersPara{
	margin-right: 10px;
	margin-left: 0px;
	margin-top: 20px;
	text-align: center;
}
#partnersPara a{
	text-decoration: none;
	color: #AA0000;
}
#partnersPara a:hover{
	text-decoration: underline;
	color: #AA0000;
}
#partnersPara h1{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#partnersPara li{
	text-align: left;
	font-size: 14px;
	padding-bottom: 10px;
	font-family:"Century Gothic", "Gill Sans MT", Arial, sans-serif;
	color: #AA0000;
	padding-left: 5px;
	margin-left: 0px;
	text-decoration: none;
	text-align: center;
	padding-top: 5px;
	list-style-type: square;
}
/*--------- Footer ---------------------*/
#footer {
	background: url(assets/footer.gif) center no-repeat;
	height: 50px;
	clear: both;
}
#footerFirst{
	margin-left: 135px;
}
#footerFirst a{
	font-size: 16px;
	color: #AA0000;
	font-weight: 500;
	text-decoration: none;
	padding-right: 5px;
}
#footerFirst a:hover{
	text-decoration: underline;
}
.line{
	border-right: #333333 thin solid;
	padding-right: 5px;
}
#footerSecond{
	margin-left: 130px;
}
#footerSecond p{
	font-size: 14px;
	color: #666666;
	font-weight: 500;
	text-decoration: none;
}
/*----------------------------------Response TO Contact Page-----------------------------*/
#thanks{
	text-align: center;
	margin-left: 250px;
	margin-right: 250px;
	margin-top: 50px;
	margin-bottom: 50px;
	}
/*----------------------------------Contact Form-----------------------------*/
#contactPage p{
	font-size: 15px;
	font-weight: 500;
	margin-top: 35px;
	text-align: center;
}
	
#form_header{
	float: left;
	width: 400px;
	margin-left: 45px;
}

#rightSidebar{
	float: right;
	width: 300px;
	margin-top: 35px;
}
#rightSidebar p{
	color: #999999;
	font-size: 16px;
}
#form{
	width: 640px;
	text-align: center;
	margin-left: 120px;
}
/*----------------------------------SEO Page----------------------------*/
#optimizationPara{
	text-align: center;
	margin-bottom: 10px;
	margin-left: 30px;
	margin-right: 30px;
	margin-top:15px;
}
#optimizationPara p, #optimizationPara h1{
	padding-bottom: 10px;
}
#optimizationPara a{
	text-decoration: none;
	color: #333;
}
#optimizationPara a:hover{
	text-decoration: underline;
}
/*----------------------------------restrictions Page----------------------------*/
#restrictionsPara{
	background: url(assets/bigSplat.jpg) no-repeat center center #ffffff;
		padding: 40px 40px 40px 40px;
		font-size: 16px;
		color: #333;
}
#restrictionsPara h1{
	text-align: center;
}
#restrictionsPara p{
	text-align: center;
}
#center{
	text-align: center;
	padding: 40px 40px 40px 40px;
	font-size: 16px;
}
#restrictionsPara ul{
	text-align: center;
}
#restrictionsPara li{
	list-style-type: square;
}
/*----------------------------------Design Page----------------------------*/
#designPara{
	background:url(assets/dna.jpg) no-repeat 2px 0px;
	width: 761px;
	height: 450px;
}
#mainHeader{
	margin-left: 110px;
}
#offerings{
	float: left;
	padding-top: 240px;
	display: block;
	margin-left: 40px;
}
#designPara li{
	list-style-type: square;
	color: #666;
	padding-left: 3px;
	list-style-position: inside;
}
#designPara ul{
	list-style-type: square;
}
#offerings h1{
	margin-bottom: 5px;
}
#goal {
	float: right;
	width: 300px;
	padding-right: 25px;
	margin-left: 30px;
	font-size: 14px;
}
#indent{
	width: 240px;
	float: right;
	font: "Century Gothic", "Gill Sans MT", Arial, sans-serif;
	font-size: 14px;
}
#expect{
	font-size: 14px;
	margin-right: 25px;
}
#indentTwo{
	width: 200px;
	float: right;
	font: "Century Gothic", "Gill Sans MT", Arial, sans-serif;
	font-size: 14px;
}