* { padding: 0; margin: 0;}

body {font-family: Arial, Helvetica, sans-serif; font-size: 13px; background-color:#e3f5ff; background-image:url(images/bg.jpg); background-repeat:repeat-x; background-position:top}
#wrapper {margin: 0 auto; width: 930px;}
#header {width: 930px; height: 111px;}
#header h3{font-family:"Myriand Pro", Arial, Helvetica, sans-serif; font-size:18px; color:#fff; padding:50px 0 0 320px; font-weight:normal}
#logo {width:294px; height:111px; float:left}
#logo img{border:none}
#navigation {width: 930px; height:40px; float:left}
#navigation ul li{display:inline; border-right:1px solid #f56200; float:left}
#navigation ul {margin:4px 0 0 25px}
#navigation a {line-height:38px; padding:11px 15px 9px 15px;  font-weight:bold; font-size:13px}
#navigation a:link{color:#fff; text-decoration:none;}
#navigation a:visited {color:#fff; text-decoration:none}
#navigation a:hover {background-color:#333; background-image:url(images/active.gif); background-repeat:repeat-x; background-position:top}
#navigation #active {background-color:#333; background-image:url(images/active.gif); background-repeat:repeat-x; background-position:top}

#content {width:930px; background-image:url(images/box_bg.jpg); background-repeat:repeat-y; float:left}
#contenttop{width:930px; background-image:url(images/top.jpg); background-repeat:no-repeat; background-position:top; float:left}
#contentbottom{width:930px; background-image:url(images/box_bottom.jpg); background-repeat:no-repeat; background-position:bottom; float:left}
p {color:#626262}
#text {float:left; width:610px; padding:10px 10px 10px 20px}
#text ul {list-style:inside}
#text p{margin:0 0 10px 0}
#text h1 {color:#55820d; font-size:22px; font-weight:normal; text-decoration:underline}
#form {width:317px; height:368px; background-image:url(images/form.gif); background-repeat:no-repeat; float:left; margin:0 0 0 10px; font-size:12px; color:#656565}
#form table {border:none; width:280px; margin:0 0 0 20px}
#form input{margin:0 5px 0 0}
#form img{border:none}
#form h2 {color:#24a8fe; font-size:20px; margin:10px 0 0 22px; font-weight:normal}
#form p{margin:0 0 0 22px; font-size:13px}
#form p b{color:#474747;}

/*Seo PAgaes*/

#seopack table {width:610px; margin:5px 0 30px 20px; border:2px solid #9f9f9f; border-collapse:collapse; float:left}
#seopack table td{padding:4px 0 4px 10px; height:35px; border:1px solid #fff;  border-bottom:1px solid #9f9f9f;}
#seopack h2{color:#3f700a; line-height:30px}
#seopack h1{color:#fff; line-height:30px; font-size:13px;}
#seopack span{color:#c61414; font-weight:bold}
#seopack .topa {background-color:#3f700a}
#seopack .topb {background-color:#358dd1}
#seopack .topc {background-color:#a0b1bb}
#seopack .topd {background-color:#f77b0d}
#seopack .s{background-color:#d0dff2; text-align:center}
#seopack .p{background-color:#dadfe3; text-align:center}
#seopack .g{background-color:#f8e4cb; text-align:center}
#seopack .c{background-color:#f8e4cb; text-align:center;}
#seopack .c span{text-align:center; padding:0 15px 0 0; margin:0}
#seopack a{color:#666;}


#bigb{float:left; width:280px}
#bigb ul{margin:5px 0 15px 0}
#bigb ul li{display:block; margin:1px 0 0 10px}
#bigb a{color:#fff; text-decoration:none; margin:0 10px 0 10px; display:block; width:249px; height:85px;}
#bigb p{color:#fff}
#bigb b{font-size:20px; font-family:"Myrian Pro", Arial, Helvetica, sans-serif; font-weight:normal; line-height:40px}
#bigb span {}
#bigb #ba {width:269px; height:85px; background-image:url(images/01_seo.gif); background-position:left; background-repeat:no-repeat;}
#bigb #ba:hover {width:269px; height:85px; background-position:right; background-repeat:no-repeat; color:#fbb50e}
#bigb #bb {width:269px; height:85px; background-image:url(images/02_ppc.gif); background-position:left; background-repeat:no-repeat;}
#bigb #bb:hover {width:269px; height:85px;  background-position:right; background-repeat:no-repeat; color:#fbb50e}
#bigb #bc {width:269px; height:85px; background-image:url(images/03_web.gif); background-position:left; background-repeat:no-repeat;}
#bigb #bc:hover {width:269px; height:85px; background-position:right; background-repeat:no-repeat}
#bigb #bd {width:269px; height:85px; background-image:url(images/04_hosting.gif); background-position:left; background-repeat:no-repeat;}
#bigb #bd:hover {width:269px; height:85px;  background-position:right; background-repeat:no-repeat; color:#fbb50e}

#bigb .bb {width:259px; height:85px; background-image:url(images/02_ppc.gif); background-position:left; background-repeat:no-repeat; padding:0 0 0 10px}
#bigb .bb:hover {width:259px; height:85px;  background-position:right; background-repeat:no-repeat; color:#fbb50e; padding:0 0 0 10px}

#footer {width:100%;height:62px; bottom:0; background-image:url(images/footer.jpg); background-repeat:repeat-x; float:left; margin:30px 0 0 0; text-align:center; padding:20px 0 0 0}
#footer p{color:#fff;}

/*Gallery*/
div.sc_menu {
	/* Set it so we could calculate the offsetLeft */
	position: relative;
	height: 200px;
	width: 620px;
	overflow: auto;
}
ul.sc_menu {
	display: block;
	height: 110px;
	/* max width here, for users without javascript */	
	width: 2000px;	
	padding: 15px 0 0 0px; 
	/* removing default styling */
	margin: 0;
	background: url('navigation.png');		
	list-style: none;
}
.sc_menu li {
	display: block;
	float: left;	
	padding: 0 4px;
}
.sc_menu a {
	display: block;
	text-decoration: none;
}
.sc_menu span {
	display: none;
	margin-top: 3px;
	
	text-align: center;
	font-size: 12px;	
	color: #fff;
}
.sc_menu a:hover span {
	display: block;
}
.sc_menu img {
	border: 3px #fff solid;	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.sc_menu a:hover img {
	filter:alpha(opacity=50);	
	opacity: 0.5;
}
 
 
/* Here are styles for the back button, don't look at them */
#back {
	display: block;
	width: 500px;
	text-align: center;
	color: #003469;
	font-size: 16px;
}