html, body {
	margin: 0;
	padding: 0;
	background-color: #1d2835;
	color: #ffffff;
}
body {
	margin: 0;
	padding: 0;
	width: 100%;
}
body,td,th {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	background-color: #1d2835;
}
img {
	border: 0;
}
h1 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 19px;
	color: #ffffff;
	background-color: transparent;
}
h2 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 15px;
	color: #ffffff;
	background-color: transparent;
}
#nav {
 float: left;
}
#nav ul {
 margin: 0px 0 0 0;
  padding: 5px 0;
}
#nav li {
 display: block;
 padding-top: 3px;
padding-bottom: 3px;
}

#nav li a {

padding-top: 3px;

padding-bottom: 3px;

 text-decoration: none;
}
#nav li a:hover {
 color: #ffff00 !important;
 text-decoration: none;
}
.subtitle {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	margin-left: 0px;
	color: #F69B00;
	background-color: transparent;
}
.color {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	margin-left: 0px;
	color: #F69B00;
	background-color: transparent;
}
.outer {
	width: 781px;
	/*position: relative;*/
	margin: 0 auto;
	background: url(images/08.png) left top repeat scroll;
}
#header {
	width: 781px;
	height: 379px;
}
#header_top {
	width: 100%;
	height: 324px;
}
#header_left {
	width: 255px;
	height: 324px;
	float: left;
}
#header_left_1 {
	width: 100%;
	height: 120px;
	background: url(images/logo.png) left top no-repeat scroll;
	float: left;
	text-align: center;
}
#header_left_2 {
	width: 100%;
	height: 191px;
	background: url(images/05.png) left top no-repeat scroll;
	float: left;
}
#header_right {
	width: 526px;
	height: 324px;
	float: right;
}
#header_right_1 {
	width: 526px;
	height: 10px;
	background: url(images/02.png) left top no-repeat scroll;
	float: left;
}
#header_right_2 {
	width: 526px;
	height: 84px;
	background: url(images/03.png) left top no-repeat scroll;
	float: left;
}
#header_right_21 {
	width: 263px;
	float: left;
}
#header_right_22 {
	width: 263px;
	float: right;
}
#header_right_3 {
	width: 526px;
	height: 217px;
	background: url(images/04.png) left top no-repeat scroll;
	float: left;
	text-align: center;
}
#slogan {
    float : left ;
	font-size: 16px;
    font-family: arial, helvetica, sans-serif;
	padding: 80px 10px 10px 20px;
}
#title {
	width: 100%;
	height: 55px;
	padding-top: 4px;
	background: url(images/07.png) left top no-repeat scroll;
	z-index: 100;
}
.innertitle {
	margin: 16px 0 10px 40px;
}
#content {
	width: 100%;
	background: url(images/08.png) left top repeat scroll;
}
#content_right {
	width: 538px;
	padding: 20px;

	text-align: justify;
	float: right;
}
#content_right_1, #content_right_2, #content_right_3 {
	text-align: left;
	width: 169px;
	padding: 5px;
	/*position: relative;*/
}
#content_right_container {
	width: 359px;
	float: left;
}
#content_right_1 {
	float: left;
}
#content_right_2 {
	float: right;
}
#content_right_3 {
	float: right;
}
#content_left {
	width: 170px;
	padding: 15px 15px 0 15px;
}
#footer {
	width:781px;
	height: 35px;
	text-align: center ;
	padding: 5px 0 0 0;
	font-size: 11px;
	background-color: #1d2835;
	color: #ffffff;
}
#footer p {
	margin: 2px 0 2px 0;
}
.amenu {
	text-decoration: none;
	display: block;
}
a:link, .amenu:link {
	color: #ffcc00;
}
a:visited, .amenu:visited {
	color: #ff9900;
}
a:hover, .amenu:hover {
	color: #ffff00;
}
a:active, .amenu:active {
	color: #ffff00;
}
.package {
	height: 440px;
}
.package_title {
	font-size: 13px;
	font-weight: 700;
	margin-left: 27px;
	color: #fbc200;
	background-color: #1d2835;
}
.right_title {
	font-size: 13px;
	color: #ff0000;
	font-weight: 700;
	text-align: center;
}
#m1, #m2, #m3, #m4 {
	width: 90px;
	padding: 19px;
	position: relative;
	text-align: center;
	font-size: 13px;
	background-color: transparent;
	color: #fbc200;
	font-weight: 600;
	cursor: pointer;
	margin-top: 17px;
}
#m1 {
	float: left;
}
#m2 {
	float: right;
}
#m3 {
	float: left;
}
#m4 {
	float: right;
}
#m1:hover, #m2:hover, #m3:hover, #m4:hover {
	background-color: transparent;
	background: url(images/button.png) left top repeat-x scroll;
	color: #ffffff;
}
.whitehat {
	width: 1px;
	height: 20px;
}
.google {
	float: left;
	width: 84px;
	height: 35px;
	padding: 5px 20px 10px 0;
}
.msn {
	float: right;
	width: 100px;
	height: 100px;
	padding: 0 0 10px 20px;
}
.spacer {
	width: 100%;
	height: 1px
}




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowlistmenu{
width: 180px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(http://www.searchengineoptimizationtoronto.com/images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 5px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #fbc200;
background: url(http://www.searchengineoptimizationtoronto.com/images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 6px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #fbc200;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}