/*  

Theme Name: Website Design of Orlando

Author URI: http://websitedesignoforlando.com

Version: 1

Author: Mike Hawkins, based on the Clean Copy theme by Cory Miller

Description: Our website

The CSS, XHTML and design is released under GPL: 

http://www.opensource.org/licenses/gpl-license.php

*/





body {

color: #00000;

font-size: 14px;

font-family: “Century Gothic”, “Apple Gothic”, sans-serif;

margin: 0px 0px 0px 0px;

background: #fff url("http://websitedesignoforlando.com/images/new/bkgd.jpg");

}

#bgtop    {

width: 100%;

height: 99px;

background: url("http://websitedesignoforlando.com/images/new/bg-top.jpg") repeat-x;

}

#bgtop_container  {

width: 970px;

height: 99px;

margin: 0 auto;

}

#logo    {

width: 300px;

height: 89px;

float: left;

padding-top: 10px;

}

#altmenu  {

float: right;  

width: 413px;

height: 37px;

display: inline;

text-align: right;

padding: 0px;

position: relative;

}

#altmenu a   {

padding: 0px;

}



#menu { 

margin: 0 auto;

padding: 4px 30px 4px 0px;

text-align: center;

width: 970px;


}

#menu img{ border: none; }

#menu h2 {

color: #000;

font-size: 12px;

font-family: Helvetica, Arial, Verdana, Sans-Serif;

font-weight: bold;

margin: 0px;

padding: 0px 0px 0px 0px;

}

#menu li {

display: inline;

list-style-type: none;

margin: 0px;

padding: 0px;

}

#menu ul {

margin: 0px;

padding: 4px;

}

#menu ul li a {

font-family: Helvetica, Arial, Verdana, Sans-Serif;

font-weight: bold;

font-size: 10px;

color: #000;

padding: 8px 20px 8px 20px;

margin: 0px 0px 0px 0px;

text-decoration: none;

}

#menu ul li a:hover {

color: #000;

padding: 15px 20px 8px 20px;

text-decoration: none;

border-bottom: 1px solid #C5EBFF;

}






body * {margin: 0px; padding: 0px;}

a, a:visited { 

color: #2397E9;

font-weight: bold;

text-decoration: underline;

}

a:hover {

font-weight: bold;

text-decoration: none;

color: #000000;

}

#container { 

background: url("http://websitedesignoforlando.com/images/new/content_bg.png");

width: 970px;

text-align: left; 

margin: 0px auto 0px auto; 


}

#header {

padding: 0px 0px 0px 0px;

text-align: left;

width: 100%;

height: 250px;

margin-left: auto;

margin-right: auto;

background: url("http://websitedesignoforlando.com/images/new/flashbg.jpg") repeat-x;
}



#flash     {

width: 970px;

height: 250px;

margin-left: auto;

margin-right: auto;

border-right: 1px solid #fff;

border-left: 1px solid #fff;

}


#flashheader    {

width: 100%; 

}

#bannerboxes   {

background: #ffffff;

position: relative;

width: 960px; 

height: 249px;

margin-bottom: 10px;

}


.bb1   {

position: absolute;

width: 338px;

height: 249px;

background-image: url("http://websitedesignoforlando.com/bb1.png");

background-repeat: no-repeat;

left: 0px;

}	

.bb2   {

position: absolute;

width: 364px;

height: 249px;

background-image: url("http://websitedesignoforlando.com/bb2.png");

background-repeat: no-repeat;

left: 300px;

}

.bb3   {

position: absolute;

width: 339px;

height: 258px;

background-image: url("http://websitedesignoforlando.com/bb3.png");

background-repeat: no-repeat;

left: 621px;

bottom: 0px;

}		

#header h2 {

color: #ffffff;

font-size: 30px;

font-family: Helvetica, Arial, Verdana, Sans-Serif;

font-weight: bold;

margin: 0px;

}

#header h2 a {

color: #ffffff;

text-decoration: none;

}



#header h3 {

color: #ffffff;

font-size: 13px;

font-family: Georgia, Times New Roman, Sans-Serif;

text-indent: 35px; 

margin: 0px;

}

#menu { 

margin: 0px;

padding: 4px 0px 4px 0px;

text-align: right;


}

#menu img{ border: none; }

#menu h2 {

color: #ffffff;

font-size: 15px;

font-family: Helvetica, Arial, Verdana, Sans-Serif;

font-weight: bold;

margin: 0px;

padding: 0px 0px 0px 0px;

}

#menu li {

display: inline;

list-style-type: none;

margin: 0px;

padding: 0px;

}

#menu ul {

margin: 0px;

padding: 4px;

}

#menu ul li a {

font-family: Helvetica, Arial, Verdana, Sans-Serif;

font-weight: bold;

font-size: 15px;

color: #ffffff;

padding: 8px 20px 8px 20px;

margin: 0px 0px 0px 0px;

text-decoration: none;

}

#menu ul li a:hover {

color: #000;

padding: 15px 20px 8px 20px;

text-decoration: none;

border-top: 1px solid #C5EBFF;

}
* html #content { width: 340px; margin: 20px 0px; }



#content { 

display: inline;

width: 320px; 

margin-top: 20px;

margin-bottom: 20px;

margin-left: 0px;

margin-right: 0px;

float: left; 

position: relative;

minimum-height: 500px;

overflow: hidden;

padding: 5px;

}

#content p{

margin: 0px;

line-height: 18px;

padding: 0px 0px 10px 0px;

}

#content p img{

border: none;

}

#content p a { text-decoration: none; }

#content p a:hover { color: #68221A; text-decoration: underline;}

#content h1 {

color: #333333;

font-size: 20px;	

font-family: Georgia, Helvetica Bold, Arial Bold, Verdana, Sans-Serif;;

font-weight: bold;

margin: 0px;

line-height: 120%;

font-variant: normal;

}

#content h1 a  {

color: #333333;

text-decoration: none;

}

#content h1 a:hover {

color: #2397E9;

background: none;

text-decoration: underline;

}

#content h2 {

text-align: center;

color: #333333;

font-size: 19px;	

font-family: Georgia, Helvetica Bold, Arial Bold, Verdana, Sans-Serif;;

font-weight: bold;

margin: 0px;

line-height: 150%;

font-variant: normal;

}
#content h2 a  {

color: #333333;

text-decoration: none;

}

#content h2 a:hover {

color: #2397E9;

background: none;

text-decoration: underline;

}

#content h3 {

color: #333333;

font-size: 14px;

font-family: Helvetica Bold, Arial Bold, Verdana, Sans-Serif;;

font-weight: bold;

margin-bottom: 0px;

line-height: 120%;

}

#content h3 a  {

color: #333333;

text-decoration: none;

}

#content h3 a:hover {

color: #2397E9;

background: #ffffff;

text-decoration: underline;

}

#content ol {

list-style-type: decimal;

line-height: 18px;

margin: 0px;

padding: 0px 0px 10px 30px;

}

#content ul {

list-style: none;

margin: 0px;

padding: 0px 0px 10px 0px;

}

#content li {

margin: 0px;

padding: 0px;

}

#content ul li {

list-style: square inside;

margin: 0px 0px 0px 10px;

padding: 5px 0px 0px 0px;

}

#content ul li a {

color: #666666;

text-decoration: underline;

}

#content ul li a:hover {

color: #000000;

text-decoration: underline;

}

blockquote{

margin: 0px 0px 0px 25px;

padding: 0px 25px 0px 10px;

font-style: italic;

color: #666666;

border-left: 1px solid #cccccc;

}

#content blockquote p{

margin: 0px 0px 20px 0px;

padding: 0px;

}

.postspace {

width: 440px;

height: 32px;

margin: 0px;

padding: 0px;

}

.postspace2 {

width: 440px;

height: 0px;

margin: 0px;

padding: 0px;

}

.postspace3 {

width: 440px;

height: 15px;

margin: 0px;

padding: 0px;

}

* html #sidebarl, * html #sidebarr { width: 300px; margin: 0px 10px; }

#sidebarl, #sidebar3, #sidebar4 { 

display: block;

color: #000000;

width: 280px;

float: left; 

position:relative;

padding-right: 10px;

padding-left: 10px;

text-align: left;

border: none;

padding-right: 40px;

}

#sidebarl p, #sidebar3 p, #sidebar4 p{

margin: 0px;

line-height: 16px;


}

#sidebarl h2, #sidebar3 h2, #sidebar4 h2, #sidebarr h2 {

color: #00ccff;

font-size: 18px;

font-family: Georgia, Helvetica Bold, Arial Bold, Verdana, Sans-Serif;;

list-style: none;

margin: 0px;

text-align: center;



}

#sidebarl img, #sidebar3 img, #sidebar4 img, #sidebarr img{

border: none;

}

#sidebarl ul, #sidebarr ul, #sidebar3 ul, #sidebar4 ul {

list-style: none;

margin: 0px;

padding: 0px 0px 0px 0px;

}

#sidebarl li, #sidebarr li, #sidebar3 li, #sidebar4 li {

list-style: none;

margin: 0px;

padding: 10px;

}

#sidebarl ul li, #sidebarr ul li, #sidebar3 ul li, #sidebar4 ul li {

list-style: none;

margin: 0px;

}

#sidebarl ul li a, #sidebarr ul li a, #sidebar3 ul li a, #sidebar4 ul li a {

color: #2397E9;

font-weight: bold;

text-decoration: none;

}

#sidebarl ul li a:hover, #sidebarr ul li a:hover, #sidebar3l ul li a:hover, #sidebar4l ul li a:hover {

color: #68221A;

text-decoration: underline;

}

#sidebarl ul li ul li, #sidebarr ul li ul li, #sidebar3 ul li a:hover, #sidebar4l ul li a:hover {

padding: 10px 0px 0px 15px;

}

#sidebar1 ul li ul li a, #sidebarr ul li ul li a, #sidebar3 ul li ul li a, #sidebar4 ul li ul li a {

color: #0066cc;

}



#sidebarr { 

display: block;

color: #999;

width: 280px;

float: right; 

position: relative;

text-align: left;

border: none;

padding-right: 10px;

padding-left: 10px;

}

#footer { 

height: 45px; 

color: #000;

background: transparent;

font-weight: bold;

padding-top: 45px;

margin: 0px; 

text-align: center;

clear: both;

}

#footer a {

color: #fff;

text-decoration: none;

}

#footer a:hover {

color: #FFFFFF;

text-decoration: underline;

}

#twitter   {

position: relative;

background: url("http://websitedesignoforlando.com/twitter.png") no-repeat;

width: 247px;

height: 400px;

margin: 0px auto 0px auto;

}


#sideport     {

margin: 0px auto 0px auto;

width: 200px;

height: 157px;

}

#content2 { 

display: inline;

width: 620px; 

margin-top: 20px;

margin-bottom: 20px;

margin-left: 30px;

margin-right: 0px;

float: left; 

position:relative;

minimum-height: 500px;

overflow: hidden;

padding: 5px;

}

#content2 p{

margin: 0px;

line-height: 18px;

padding: 0px 0px 10px 0px;

}

#content2 p img{

border: none;

}

#content2 p a { text-decoration: none; }

#content2 p a:hover { color: #68221A; text-decoration: underline;}

#content2 h1 {

color: #333333;

font-size: 20px;	

font-family: Georgia, Helvetica Bold, Arial Bold, Verdana, Sans-Serif;;

font-weight: bold;

margin: 0px;

line-height: 120%;

font-variant: normal;

}

#content2 h1 a  {

color: #333333;

text-decoration: none;

}

#content2 h1 a:hover {

color: #2397E9;

background: none;

text-decoration: underline;

}

#content2 h2 {

color: #333333;

font-size: 19px;	

font-family: Georgia, Helvetica Bold, Arial Bold, Verdana, Sans-Serif;;

font-weight: bold;

margin: 0px;

line-height: 150%;

font-variant: normal;

}
#content2 h2 a  {

color: #333333;

text-decoration: none;

}

#content2 h2 a:hover {

color: #2397E9;

background: none;

text-decoration: underline;

}

#content2 h3 {

color: #333333;

font-size: 14px;

font-family: Helvetica Bold, Arial Bold, Verdana, Sans-Serif;;

font-weight: bold;

margin-bottom: 0px;

line-height: 120%;

}

#content2 h3 a  {

color: #333333;

text-decoration: none;

}

#content2 h3 a:hover {

color: #2397E9;

background: #ffffff;

text-decoration: underline;

}

#content2 ol {

list-style-type: decimal;

line-height: 18px;

margin: 0px;

padding: 0px 0px 10px 30px;

}

#content2 ul {

list-style: none;

margin: 0px;

padding: 0px 0px 10px 0px;

}

#content2 li {

margin: 0px;

padding: 0px;

}

#content2 ul li {

list-style: square inside;

margin: 0px 0px 0px 10px;

padding: 5px 0px 0px 0px;

}

#content2 ul li a {

color: #666666;

text-decoration: underline;

}

#content2 ul li a:hover {

color: #000000;

text-decoration: underline;

}

img.fright{
		float:right;
		background:#fff;
		border:1px solid #ccc;
		padding:3px;
		margin-left:10px;
		margin-bottom:10px;
		margin-top:10px;
	}
		img.fleft{
		float:left;
		background:#fff;
		border:1px solid #ccc;
		padding:3px;
		margin-right:10px;
		margin-bottom:10px;
		margin-top:10px;
	}


#content3   {

width: 550px;

margin-top: 20px;

margin-bottom: 20px;

margin-left: 30px;

margin-right: 0px;

position:relative;

minimum-height: 500px;

overflow: hidden;

padding: 5px;

}


#content3 p{

margin: 0px;

line-height: 18px;

padding: 0px 0px 10px 0px;

}

#content3 p img{

border: none;

}

#content3 p a { text-decoration: none; }

#content3 p a:hover { color: #68221A; text-decoration: underline;}

#content3 h1 {

color: #333333;

font-size: 20px;	

font-family: Georgia, Helvetica Bold, Arial Bold, Verdana, Sans-Serif;;

font-weight: bold;

margin: 0px;

line-height: 120%;

font-variant: normal;

}

#content3 h1 a  {

color: #333333;

text-decoration: none;

}

#content3 h1 a:hover {

color: #2397E9;

background: none;

text-decoration: underline;

}

#content3 h2 {

color: #333333;

font-size: 19px;	

font-family: Georgia, Helvetica Bold, Arial Bold, Verdana, Sans-Serif;;

font-weight: bold;

margin: 0px;

line-height: 150%;

font-variant: normal;

}
#content3 h2 a  {

color: #333333;

text-decoration: none;

}

#content3 h2 a:hover {

color: #2397E9;

background: none;

text-decoration: underline;

}

#content3 h3 {

color: #333333;

font-size: 14px;

font-family: Helvetica Bold, Arial Bold, Verdana, Sans-Serif;;

font-weight: bold;

margin-bottom: 0px;

line-height: 120%;

}

#content3 h3 a  {

color: #333333;

text-decoration: none;

}

#content3 h3 a:hover {

color: #2397E9;

background: #ffffff;

text-decoration: underline;

}

#content3 ol {

list-style-type: decimal;

line-height: 18px;

margin: 0px;

padding: 0px 0px 10px 30px;

}

#content3 ul {

list-style: none;

margin: 0px;

padding: 0px 0px 10px 0px;

}

#content3 li {

margin: 0px;

padding: 0px;

}

#content3 ul li {

list-style: square inside;

margin: 0px 0px 0px 10px;

padding: 5px 0px 0px 0px;

}

#content3 ul li a {

color: #666666;

text-decoration: underline;

}

#content3 ul li a:hover {

color: #000000;

text-decoration: underline;

}

#menubg    {

background: url("http://websitedesignoforlando.com/images/new/menu_bg.jpg") repeat-x;

width: 100%;

height: 30px;

border-bottom: 2px solid #000;

}

#dropshadow   {

width: 1134px;

margin: 0 auto;

}


#translucent   {

width: 970px;

height: auto;

background: url("http://websitedesignoforlando.com/images/new/content_bg.png");

margin: 0 auto;

}


#seo
{
  display: block;
  width: 158px;
  height: 37px;
  background: url("http://websitedesignoforlando.com/images/new/btn-seo.png") no-repeat 0 0;
  position: absolute;
  left: 127px;
}

#seo:hover
{ 
  background-position: 0 -37px;
}

#seo span
{
  position: absolute;
  top: -999em;
}

#web
{
  display: block;
  width: 123px;
  height: 37px;
  background: url("http://websitedesignoforlando.com/images/new/btn-web.png") no-repeat 0 0;
  position: absolute;
  left: 284px;

}

#web:hover
{ 
  background-position: 0 -37px;
}

#web span
{
  position: absolute;
  top: -999em;
}

#ourservices
{
  position: absolute;
  background: url("http://websitedesignoforlando.com/images/new/btn-ourservices.png") no-repeat;
  width: 127px;
  height: 37px;
  left: 0px;
}