/* CSS Document - copyright 2009 | stephen hutton | WEBDESIGN */
body {font-size:76%; font-family:verdana, arial, sans-serif;  margin-top:15px; background:#273066;/*background-image:url(../assets/blue-bg.gif); background-repeat:repeat;*/ } 
#minMax {min-width:1095px; max-width:1100px; margin:0 auto; /*background:#ffffff;*/} /*#e0e0e0;*/
#header {background:#aaaaaa; height:80px;  background-image:url(../assets/bg_moon4_blue.jpg)}
#outer1 {float:left; width:20%; background:#5d638a;/*aaaaaa;*/ min-height:200px; 
  background-image: url(../assets/bg_moon3_blue.jpg); background-repeat:no-repeat;}
#outer2 { width:700px; height:250px; background:#273066; /*background-image:url(../assets/blue-bg.gif bg_moon8_blue.jpg); background-repeat:repeat;*/ position:absolute; top:50%; left:50%; margin-left:-350px; margin-top:-100px; z-index: 300;}
#outer3 {float:left; width:60%; padding-top:10px; background-color:#d2dafe;}
#outer4 { float:left; width:200px;}
#outer5 {float:right; width:20%; background:#aaaaaa;}
#outer1, #outer3, #outer5 {padding-bottom:32767px; margin-bottom:-32767px;}
#homepage { background-image:url(../assets/webdesign.jpg); background-repeat:no-repeat; width:500px; height:200px; float:left; margin-bottom: 5px; }
h1 {font-size:2.5em; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin:0; padding:10px 0; color:#666666;}
h3 {font-size:1.5em; margin:0; padding:8px 0;}
p {font-size:1em; line-height:1.2em; margin:0; padding:5px 0;}
 
#wrapper {overflow:hidden; background-color:#f0f0f0;}
#header h1{color:#ffffff; font-weight:900; text-indent: -9999px;
  font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
  /*#header img{ float:left; margin:0; padding:0; height:70px;}display:none; margin-left:20%;*/
#homepage h1{ text-indent: -9999px; }

.corners{display:block;}
.corners *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#0c0242;}/* was aaaaaa */
.corners1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #190580;/* was d1d1d1 */
  border-right:1px solid #190580;/* was d1d1d1 */
  background:#000000;}/* was bbbbbb */
.corners2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #000000;
  border-right:1px solid #000000;/* was e9e9e9 */
  background:#000000;}/* was b7b7b7 */
.corners3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #000000;/* was b7b7b7 */
  border-right:1px solid #000000;}/* was b7b7b7 */
.corners4{
  border-left:1px solid #000000;/* was d1d1d1 */
  border-right:1px solid #000000;}/* was d1d1d1 */
.corners5{
  border-left:1px solid #000000;/* was bbbbbb */
  border-right:1px solid #000000;}/* was bbbbbb */
.cornersfg{
  background:#0c0242;}/* was aaaaaa */

.content {
  padding:10px;
  }
.content h2  {
  font-size:1.6em; 
  margin:0; 
  padding:8px 0;
  color:#ffffff;
  }
.content h3  {
  font-size:1.1em; 
  margin:0; 
  padding:8px 0;
  font-weight:bold;
  color:#666666;
  }
.content a:link, 
.content a:visited  {
  font-size: 1em; 
  text-decoration:none; 
  color:#0101ff;
  }
.content a:hover, 
.content a:focus, 
.content a:active{ 
  font-size: 1em;
  text-decoration:underline; 
  color:#ff9202; 
  background-color:#f0f0f0;
  }
#outer5 .groove  {
  min-width:180px;
  }
#outer5 .content .groove {
  padding:0 5px;
  background-color:#f0f0f0;
  }
#recentwork  {
  height: 500px;
  overflow:auto;
  }
#recentwork hr {
  width:150px;
  margin: 0 auto 0;
  }
#outer5 .content p, 
#outer3 .content p, 
#outer1 .content p  {
  font-size:.9em;
  line-height:1em; 
  margin:0; 
  padding:8px 0 5px;
  color:#333333;
  }
#outer5 .content img, 
#outer1 .content img  {
  border:#ffffff 2px solid;
  }
#outer1 .content ul li  
#outer3 .content ul li  {
  text-align:left;
  padding:0 5px;
  }
#outer3 .content {
  background-color:#d2dafe; /* light blue */
  clear:both;
  }
#outer3 .content h2  {
  color:#5d638a;
  font-weight:bold;
  }
#outer3 .about p{
  /*float:left;
  width:68.8%;*/
  line-height:1.2em;
  }
#outer3 .about #about_img {
  margin:0 0 0 15px;
  border:#ffffff 2px solid;
  padding:3px 0;
  text-align:center;
  }
#outer3 .about #about_img img {
  width:190px;
  }
#outer3 .about p {
  padding:5px 10px 0;
  }
/* Templates */
#template_img {
  height: 550px;
  margin-top: 5px;
  overflow: auto;
}
#template_img .grid {
  display: table;
  border-spacing: 4px;
}
#template_img .row {
  display: table-row;
}
#template_img .image {
  display: table-cell;
  width: 300px;
  padding-top: 6px;
  background-color: #d2dafe;
  border: 2px solid #fff;
  vertical-align: top;
  text-align: center;
}
#template_img .image p {
  color: #333;
  font-size: 85%;
  text-align: center;
  padding: 8px 0;
}
#outer3 .content .pricing {
  float:left;
  width:60%;
  padding-bottom:10px;
  }
#outer3 .content .pricing h2, 
#outer3 .content .rates h2, 
#outer3 .content .packages h2 {
  color:#5d638a;
  }
#outer3 .content .pricing p {
  padding:3px 5px;
  font-size:.9em;
  }
#outer3 .content .pricing ul {
  padding:10px;
  }
#outer3 .content .rates {
  float:right;
  width:38%; /*160px*/
  margin-bottom:5px;
  padding:0 0 5px 5px;
  border-left:#ffffff 2px solid;
  }
#outer3 .content .packages {
  position:relative;
  clear:both;
  margin-top:5px;
  border-top:#ffffff 2px solid;
  padding:10px;
  }
#outer3 .content .rates p, ul li, 
#outer3 .content .packages p, ul li {
  color:#333333;
  text-align:left;
  padding:0 5px;
  font-size:.9em;
  }
#outer3 .content .packages p, 
#outer3 .content .pricing p, 
#outer3 .content .rates p {
  line-height: 1.5em;
}
.packages #personal_packs {
  float:left;
  width:49%;
  /*margin-bottom:10px;*/
  }
.packages #business_packs {
  float:right;
  width:49%;
  }
.packages #personal_packs .pack {
  /*display:inline-block;*/
  width:95%;
  border:#ffffff 1px solid;
  padding:5px;
  margin-bottom:2px;
  }
.packages #business_packs .pack {
  /*display:inline-block;*/
  width:95%;
  border:#ffffff 1px solid;
  padding:5px;
  margin-bottom:2px;
  }
.packages #personal_packs .pack h3, 
.packages #business_packs .pack h3 {
  text-decoration:underline;
  }
.packages #personal_packs .pack ul li, 
.packages #business_packs .pack ul li {
  list-style:circle;
  margin-left:15px;
  }
#outer1 .content h2  {
  text-align:right;
  }
#imagine {
  width:35%;
  float:right;
  margin:0 0 3px 8px;
  padding:0 0 3px 8px;
  font-size:.9em;
  border-bottom:#ffffff 2px solid;
  border-left:#ffffff 2px solid;
  border-top:#ffffff 2px solid;
}
.content #imagine p {
line-height: 1.2em;
}
#endnote {
  margin-top:5px;
  border-top:#ffffff 2px solid;
  }
#order {
  padding-top:25px;
  text-align:center;
  }  
#address {
  float:left;
  width: 300px;
  padding:0 10px;
  }
/* navigation */ 
#topbar { 
  height:60px; 
  width:60%; 
  float:left;
  background-image:url(../assets/gradient_273066.jpg); 
  background-repeat:repeat-y; 
  /*background:#5d638a; dark blue */
  padding:10px 0 0;
  }
#topbar ul li {
  height:30px;
  width:100%;
  display:inline;
  margin:10px 0;
  padding:0 0 0 10px;
  list-style:none;
  color:#ffffff; 
  }
#topbar ul li a:link, 
#topbar ul li a:visited{
  font-size: 1em; 
  font-weight:bold; 
  text-decoration:none; 
  color:#ffffff;
  }
#topbar ul li a:hover, 
#topbar ul li a:focus, 
#topbar ul li a:active{ 
  font-size: 1em;
  font-weight:bold; 
  text-decoration:none; 
  color:#ffffff; 
  background-color:#ff9202;
  }
#breadcrumb {
  width:100%; 
  float:left; 
  }
#breadcrumb.breadcrumb ul {
  list-style:none;
  padding:20px 0px 0px 20px !important ; /*Non-IE6*/
  padding:20px 0px 0px 20px;/*IE6*/ 
  }
#breadcrumb.breadcrumb ul li {
  height:30px;
  display:inline; 
  padding:0 0 0 10px; 
  background:transparent url(../assets/MenuBarRightHover.gif) no-repeat 0 50%; 
  font-size:.8em;
  }
#breadcrumb.breadcrumb ul li.nobullet {
  display:inline; 
  padding:0; 
  font-size: .8em; 
  background:none; 
  color:#ffffff;
  }
#breadcrumb .breadcrumb ul a:link,
#breadcrumb .breadcrumb ul a:visited {
  color:#ffffff; 
  font-size: .8em; 
  font-weight:bold; 
  text-decoration:none;
  }
#breadcrumb .breadcrumb ul a:hover, 
#breadcrumb .breadcrumb ul a:focus, 
#breadcrumb .breadcrumb ul a:active  {  
  color:#ffffff;
  background-color:#ff9202;
  font-weight:bold;
  } 

/* left side menu */
.groove .leftmenu {
  width: 100%;
  padding-top:58px;
  }
.groove .leftmenu ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  }	
.groove .leftmenu li a{
  font: bold 1em verdana, arial, sans-serif;
  display: block;
  background: transparent url(../assets/arrowblue2.gif) 100% 0;
  height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
  padding: 4px 0 4px 10px;
  line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
  text-decoration: none;
  }		
.groove .leftmenu li a:link, 
.groove .leftmenu li a:visited {
  color: #384493; /* #5d638a; */
  font-weight:bold;
  }
.groove .leftmenu li a:hover, 
.groove .leftmenu li a:focus, 
.groove .leftmenu li a:active  {
  color: #ffffff;
  font-weight:bold;
  text-decoration:none;
  background-position: 100% -32px;
  }	
.groove .leftmenu li a.selected{
  color: #ffffff;
  font-weight:bold;
  background-position: 100% -64px;
  }
#outer1 .content .groove .validation {
  margin-top:260px;
  }
#outer1 .content .groove .validation p a img{
  border:none;
  }
#contactform {
  padding-top:25px;
  }
#homepage h1{
  font-size: 3em; 
  color:#ffffff; 
  padding:35px; 
  line-height:1.5em;
  }
#outer4 .groove .leftmenu {
  width: 100%;
  padding-top:20px;
  }
#site_map ul {
  margin-left:30px;
  padding-top:5px;
  }
#site_map ul ul{ 
  margin-left:40px;
  }
#site_map li{
  padding-top:5px;
  list-style-type:circle;
  font-size: 1em;
  line-height: 1.5em;
  }
#site_map a:link, 
#site_map a:visited {
  margin: 0px; 
  /*display: block; */
  text-decoration: none;
  color: #330066;
  }
#site_map a:hover, 
#site_map a:focus, 
#site_map a:active {
  margin: 0px 0px 0px 5px; 
  background-color:#ff9202;
  color: #ffffff;
  font-weight:bold;
  }
#footer {
  clear:both;
  padding-bottom:.3em;
  background:#aaaaaa;
  background-image:url(../assets/gradient_273066_footer.jpg); 
  background-repeat:repeat-y;
  text-align: center; 
  }
#footer p { 
  font-size: .8em; 
  color: #ffffff; 
  padding: 0px;
  }
#footer a:link, 
#footer a:visited{
  font-size: .8em; 
  font-weight:bold;
  text-decoration:none; 
  color:#ffffff;
  }
#footer a:hover, 
#footer a:focus, 
#footer a:active{ 
  font-size: .8em; 
  text-decoration:none;
  font-weight:bold;
  color:#ffffff; 
  background-color:#ff9202;
  }
#lid {
  clear:both;
  padding-bottom:.3em;
  background:#aaaaaa;
  background-image:url(../assets/gradient_273066_footer.jpg); 
  background-repeat:repeat-y;
  text-align: center; 
  }
#lid p { 
  font-size: .8em; 
  color: #ffffff; 
  padding: 0px;
  }
#lid a:link, 
#lid a:visited{
  font-size: .8em; 
  font-weight:bold;
  text-decoration:none; 
  color:#ffffff;
  }
#lid a:hover, 
#lid a:focus, 
#lid a:active{ 
  font-size: .8em; 
  text-decoration:none;
  font-weight:bold;
  color:#ffffff; 
  background-color:#ff9202;
  }
#outer2 .navtop {
  margin-bottom:5px;
  text-align:left;
  text-indent:200px; 
  }
#outer2 .navtop p a:link,
#outer2 .navtop p a:visited{
  font-size:1.1em;
  }
#outer2 .navtop p a:hover,
#outer2 .navtop p a:focus,
#outer2 .navtop p a:active {
  font-size:1.1em;
  }
.clearfix:after	{ 
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }
.3pxjog { zoom: 1;}