/* Qoptimize LLC */
/* Web Solutions */

body, img,html{
	margin:0;
	padding:0;
	background:E6E6E7;
} 
/* reset style */
* {
	outline-style:none;
	outline-width:medium;
}

body {
	line-height: 100%;
	font-family: 'Arial', 'Helvetica','FreeSans', sans-serif;
    font-size: small;
	background-color: #3A3A3A;
}

img {
	border:none;
}

a, a:link, a:visited {
	outline: none;
	color: #5578b0;
	text-decoration: underline;
}

a img, a:link img, a:visited img {
	border: none;
}


.one-through-five {
	margin: 0 0 15px;
	color: #666;
	font-size: 100%;
	line-height: 140%;
}


.thank-you
{
line-height:22px;
list-style:none;
}

/* CLEAR */
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clear {	height: 1%;}/* ie6 */
*:first-child+html .clear {min-height: 1px;}/* ie7 */

.clearfix {
	display: inline-block;
} 
/* Main Layout */

#qoptimize-main-wrapper{
    width:945px;
    margin:auto;
}
#qoptimize-header{
    width: 945px;
	padding: 0 0 27px;
	position: absolute;
	z-index: 100;

}
#qoptimize-header .logo{
    width:175px;
    height:94px;
    float:left;
	padding-top:5px;
	padding-left:0px;
}
#qoptimize-mainmenu{
    width:570px;
    float:right;
}

#qoptimize-menu{
    float:left;
	width:620px;
	padding-top:50px;
}

#qoptimize-menu ul{
    list-style: none;
	margin-bottom: 0;
	padding: 0 12px 0 7px;

}

/* Top navigation */
#qoptimize-menu li{
    float: left;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 100%;
	text-transform: capitalize;
	font-family:tahoma;
}

#qoptimize-menu  a, #qoptimize-menu  a:link, #qoptimize-menu a:visited {
	display: block;
	float: left;
	color:#333333;
	text-decoration: none;
	padding:5px 12px 5px;
	font-weight:800;
}

#qoptimize-menu  a:hover
{
	color:#0194C8;
	border-bottom: 3px solid #0194C8;
	border-style:noshade;
}


/* W3C Valiation */
.w3c {
	float: right;
	font-size:10px;
}
/* Qoptimize LLC */
.qoptimize {
	color:#333333;
	font-size: 80%;
}
/* Bottom Navigation */
.bottom_nav {
	padding: 0 0 20px;
}



.bottom_nav ul {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 0 0px;
	padding:10px 0 0 10px;
	width:147px;
}

.bottom_nav li {
	font-size: 10px;
	line-height: 175%;
	padding:0;
}

.bottom_nav ul.last {
	margin-right: 0;
	width: 290px;
}

.bottom_nav ul a, .bottom_nav ul a:link, .bottom_nav ul a:visited {
	color: #464646;
	font-weight: normal;
	text-transform: capitalize;
	text-decoration: none;
}

.bottom_nav ul a:hover {
	color:#0194C8;
}

/* Main SE */
#promo {
	margin: 0 0 20px;
	border-bottom: 3px solid #D6D6D6;
	position: relative;
	padding-top:20px;
}

.promo_home {
	width: 945px;
	overflow: hidden;
}

#promo h1 {
	margin: 127px 0 2px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}


#promo_nav {
	position: absolute;
	top: 341px;
	right: 0;
	list-style: none;
	float: right;
	display: none;
}

#promo_nav li {
	float: left;
	padding-left: 0;
}

#promo_nav li a, #promo_nav li a:link, #promo_nav li a:visited {
	display: block;
}


#learn_more span {
	display: block;
	
}




/* slider_content ====================================== */
#the_slide {
	position: relative;
}

#slider {
	visibility: hidden;
	margin-left: 0;
	height: 191px;
	width: 945px;

	background-position: 0 0;
	background-repeat: no-repeat;
}

#slider_content {
	position: absolute;
	top: 20px;
	height: 191px;
	border-top: 3px solid #666;
}

#slider_content div {
	float: left;
	width: 189px;
}

#slider_content div div {
	float: none;
	width: auto;
	padding: 0 10px;
	height:168px;
}

#slider_content h2 {
	background-position:0 13px;
	background-repeat:no-repeat;
	border-bottom:1px solid #C2C2C2;
	/*color:#666666; */
	color:#0066FF;
	font-size:135%;
	line-height:170%;
	margin:0;
	padding:11px 0 6px;	
}

#slider_content .websolutions-1, #slider_content .websolutions-2, #slider_content .websolutions-3, #slider_content .websolutions-4, #slider_content .websolutions-5 {
	padding-left: 35px;
}



#home #slider_content p {
	width: auto;
	padding: 10px 0 0;
}

#home #promo p {
	width: auto;
}

#contact-us #promo p {
	width: 335px;
}

#slider_content div:hover {
	/*background-color: #f3f4f5; */
	background-color:#FFFF00;
	cursor: pointer;
}

#slider_content a, #slider_content a:link, #slider_content a:visited {
	margin: 8px 0 0 -3px;
	display: none;
}

/* PROMO SECONDARY ================================================================================================ */
#promo h1 {
	height: 56px;
}

#promo p {
	width: 470px;
}

#promo_inner {
	position: relative;
	z-index: 1;
	padding: 1px 0 0;
	height: 100px;
	padding-top:50px;

}

#content {
	padding: 0 0 16px;
	position: relative;
}

#bg, #bg2 {
	position: absolute;
	background-repeat: no-repeat;
	z-index: 1;
}
#promo_box {
	width: 6000px;
	height: 375px;
	margin-left: -3780px;
	margin-left: -2835px;
	margin-left: -1890px;
	margin-left: -945px;
	margin-left: 0;
}

#promo_box div {
	width: 945px;
	height: 395px;
	float: left;
}

#promo_box h1 {
	margin: 110px 0 15px;
}

#promo_box p {
	margin: 0 0 27px;
}

#promo_box h1, #promo_box p {
	margin-left: 380px;
}
/* Scrolling Begin */



#slider_content p {
	margin-bottom: 0;
}

#slide_in {
	height: 168px;
	width: 945px;
	position: absolute;
	top: 23px;
	left: 0;
	background-color: #fff;
	margin-left: 945px;
}

#slide_in h3 {
	float: left;
	margin: 13px 0 6px;
	padding: 0 0 0 10px;
	font-size: 190%;
}

#promo_box a, #promo_box a:link, #promo_box a:visited,
#slide_in a, #slide_in a:link, #slide_in a:visited {
	color: #000;
	font-weight: normal;
}

 #promo #slide_in p {
	clear: left;
	float: left;
	margin: 0 100px 0 0;
	padding: 0 0 0 10px;
	width: 620px;
	font-size: 117%;
	line-height: 135%
}

#slide_in_buttons {
	margin: 20px 0 0;
	padding: 0 50px 0 0;
	float: right;
	width: 163px;
}

#slide_in_buttons li {
	padding: 1px 0;
}

#slide_in_buttons li a, #slide_in_buttons li a:link, #slide_in_buttons li a:visited {
	display: block;
	margin: 0 0 5px;
}

#slide_in_buttons li a img, #slide_in_buttons li a:link img, #slide_in_buttons li a:visited img {
	display: block;
}
#the_slide {
	position: relative;
}

#slider {
	visibility: hidden;
	margin-left: 0;
	height: 191px;
	width: 945px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#slider_content {
	position: absolute;
	top: 20px;
	height: 191px;
	border-top: 3px solid #666;
}

#slider_content div {
	float: left;
	width: 189px;
}

#slider_content div div {
	float: none;
	width: auto;
	padding: 0 10px;
	height:168px;
}

#slider_content h2 {
	background-position:0 13px;
	background-repeat:no-repeat;
	border-bottom:1px solid #C2C2C2;
	color:#666666;
	font-size:135%;
	line-height:170%;
	margin:0;
	padding:11px 0 6px;	
}

#slider_content .visibility, #slider_content .design, #slider_content .usability, #slider_content .process, #slider_content .portfolio, #slider_content .what {
	padding-left: 35px;
}



 #slider_content p {
	width: auto;
	padding: 10px 0 0;
}

#promo p {
	width: auto;
}

#contact-us #promo p {
	width: 335px;
}

#slider_content div:hover {
	background-color: #f3f4f5;
	cursor: pointer;
}

#slider_content a, #slider_content a:link, #slider_content a:visited {
	margin: 8px 0 0 -3px;
	display: none;
}



#contact-us #promo p{
width: 375px;
}
/* end */
/* Name + Sub Section per page  Begin */



#seo-services #promo p{
width: 374px;
}
/* end */
/* Name + Sub Section per page  Begin */



#about-qoptimize #promo p{
width: 374px;
}
/* end */
/* Name + Sub Section per page  Begin */



#services-seo-design  #promo p{
width: 374px;
}
/* end */
/* Name + Sub Section per page  Begin */



#site-map  #promo p{
width: 374px;
}
/* end */




#site-map-list li
{

line-height:30px;
list-style:inside;

}

#left_sidebar {
	width: 185px;
	float: left;
	margin: 36px 25px 0 0;
}

#left_sidebar ul {
	margin: 0 0 2px 10px;
}

#left_sidebar li {
	padding: 1px 0;
	line-height: 120%;
	text-transform: capitalize;
	border-top: 1px solid #c2c2c2;
}

/*#left_sidebar li.current {
	background-image: url(../images/bg-left-nav-li.gif);
	background-repeat: no-repeat;
	background-position: right center;
}*/

#left_sidebar li a, #left_sidebar li a:link, #left_sidebar li a:visited,
#left_sidebar .header ul a, #left_sidebar .header ul a:link, #left_sidebar .header ul a:visited {
	display: block;
	padding: 7px 0 7px 10px;
	color: #666;
	font-size: 90%;
	font-weight: normal;
}

#left_sidebar li a:hover, #left_sidebar li a:visited:hover,
/*
#left_sidebar li.current a, #left_sidebar li.current a:link, #left_sidebar li.current a:visited {
	color: #5578b0;
	background-image: url(../images/bg-left-nav-a.gif);
	background-repeat: repeat-y; */
 

#left_sidebar strong {
	display: block;
	padding: 7px 0 7px 10px;
	color: #000;
	font-size: 90%;
}

#left_sidebar .header {
	border-top: none;
	padding: 0;
	margin: 0 0 30px;
}

#left_sidebar .header a, #left_sidebar .header a:link, #left_sidebar .header a:visited {
	color: #000;
	font-weight: bold;
}

#left_sidebar .header ul {
	margin: 0;
	overflow: hidden;
	height: 200px;
}

#main {
	float: left;
	width: 955px;
	overflow: hidden;
	position: relative;
}
#main_content {
	float: left;
	width: 525px;
	margin: 0 10px 30px 0;
}
#main_content a {
	color:black;
	border-bottom-width: 0px;
	border-bottom-style: none;
}
#right_sidebar {
	margin: 0 0 30px;
	padding: 10px;
	float: right;

}

#right_sidebar li {
	background-image: none;
	padding: 0;
}

#right_sidebar h3 {
	margin: 0 0 0 0;
	padding: 0 0 8px 0;
	border: none;
	
}

#right_sidebar a img {
	width:147px;
}

#right_sidebar ul {
	margin:0px;
	padding:0px;
}
#main_nav {
	padding: 20px 0 0;
	clear: both;
	list-style: none;
	border-top: 1px solid #d6d6d6;
}

#main_nav li {
	float: left;
	padding: 0;
	width: 121px;
	height: 27px;
	text-align: center;
}

#main_nav li.right {
	float: right;
}

#main_nav a, #main_nav a:link, #main_nav a:visited {
	display: block;
	color: #fff;
	font-size: 90%;
	line-height: 232%;
	text-transform: capitalize;
	/*background-image: url(../images/btn-gray.gif); */
	background-repeat: no-repeat;
}


.frame-font
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#333333;
}
/*
.one-through-five
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#333333;
line-height:16px;
}
*/


/* Web Design Section */



.design-top-right
{
 padding-top:80px;
 padding-left:450px;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:36px;
 font-weight:400;
 color:#333333;
}

/* Navigation Top-Right */

#top-right
{
float:right;
font-size:20px;
font-family:"Trebuchet MS";
color:#006699;
padding-top:10px;
}
#top-right a, a:link, a:visited
{
color:#0066CC;
text-decoration: none;
}
#top-right a:hover
{
color:#0194C8;
}



#box-1
{
float:left;
border:solid;
border-color:#CCCCCC;
border-width:1px;
margin-left:10px;
width:290px;
height:550px;
}
#box-1 h2
{
padding-top:5px;
font-size:12px;
font-family:tahoma;
color:#333333;
text-align:center;
}
.box-1-content
{
margin-left:10px;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
}

#box-2
{
float:left;
border:solid;
border-color:#CCCCCC;
border-width:1px;
margin-left:25px;
width:290px;
height:550px;
}
#box-2 h2
{
padding-top:5px;
font-size:12px;
font-family:tahoma;
color:#333333;
text-align:center;
}
.box-2-content
{
margin-left:10px;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
}


#box-3
{
float:left;
border:solid;
border-color:#CCCCCC;
border-width:1px;
margin-left:25px;
width:290px;
height:550px;
}
#box-3 h2
{
padding-top:5px;
font-size:12px;
font-family:tahoma;
color:#333333;
text-align:center;
}
.box-3-content
{
margin-left:10px;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
}

/* Web Design Portfolio */

#design-1
{
float:left;
width:200px;
height:150px;
background-repeat:no-repeat;
padding-left:5px;
}
#design-copy
{
float:left;
padding-left:5px;
padding-top:5px;
}

#div-bg
{
background-image:url(../images/bg-repeat.jpg);
background-repeat:repeat-y;
width:1038px;
margin:auto;
}



#learn-more-button
{
padding-top:320px;
padding-left:10px;
}

#socialmedia
{
float:left;
padding-top:5px;
width:575px;
}

#facebook
{
  float:right;
  display: block;
  width: 38px;
  height: 40px;
  background: url("/images/facebookcss.png") no-repeat 0 0;

}

#facebook:hover
{ 
  background-position: 0 -40px;
}

#facbook span
{
  display: none;
}
#twitter
{
  float:right;
  display: block;
  width: 38px;
  height: 40px;
  background: url("/images/twittercss.png") no-repeat 0 0;

}

#twitter:hover
{ 
  background-position: 0 -40px;
}

#twitter span
{
  display: none;
}


#portfolio-wrap
{
width:600px;
float:left;
font-family:"Trebuchet MS";
}
#portfolio-wrap h3
{
font-size:1.2em;
color:#333333;
}
.portfolio-main
{
border-top:10px solid;
border-bottom:10px solid;
border-bottom-color:#3A3A3A;
border-top-color:#3A3A3A;
}

#portfolio-sites
{
padding-top:10px;
float:left;
padding-bottom:20px;
}
.portfolio-left
{
padding-top:10px;
width:200px;
float:left;
font-size:.70em;
}

.portfolio-right
{
padding-top:10px;
width:395px;
float:left;
font-size:.70em;
color:#666666;
}
.portfolio-right p
{
line-height:20px;
}

/* End Layout ******************************/

/* New Portfolio Section */

/* CSS Document */

#portfolio-wrap
{
width:930px;
margin:auto;
}

#portfolio-top
{
width:900px;
float:left;
padding-bottom: 15px;
border-bottom: 1px solid #EBEBEB;	
margin-left:15px;
}

.title
{
float:left;
width:200;
}
.title span
{
font-size: 2.4em;
font-family: Georgia, 'Times New Roman', Times, Serif;
color: #48B6FF;
letter-spacing:-0.5px;
line-height:1;
font-weight:400;
padding-bottom:10;
}
.phone
{
float:right;
font-size: 1.25em;
font-family: Georgia, 'Times New Roman', Times, Serif;
color:#333333;
letter-spacing:-0.5px;
line-height:1;
font-weight:400;
}
.phone span
{
font-size: 1.5em;
font-family: Georgia, 'Times New Roman', Times, Serif;
color:#333333;
letter-spacing:-0.5px;
line-height:1;
font-weight:400;
}


#portfolio-section
{
width:960px;
float:left;
padding-top:20px;
margin-left:15px;
}

#portfolio-left
{
float:left;
width:475px;
}
#portfolio-right
{
padding-left:20px;
float:left;
width:400px;
vertical-align:baseline;
}
#portfolio-right h2
{
font-size: 1.5em;
font-family: Georgia, 'Times New Roman', Times, Serif;
color: #48B6FF;
letter-spacing:-0.5px;
line-height:1;
font-weight:400;
margin-top:0;

}


#portfolio-right p
{
font-size: .9em;
font-family: Georgia, 'Times New Roman', Times, Serif;
color:#555;
line-height:170%;
}
#portfolio-right a, a:link, a:visited
{
color: #48B6FF;
text-decoration:none;
}

#portfolio-right a:hover
{
text-decoration:underline;
}

/* landing page */
/* CMS */
.cms-top
{
font-size:2.4em;
color:#0194C8;
padding-bottom:0px;
padding-top:10px;
}