/* --Defaults-- */
body {
	margin: 0 auto;
	font-family: Myriad, Helvetica, Verdana, sans-serif;
	font-size: 81%;
	color: #fff;
	text-align: center;
}
#index {background: #000 url(../images/template/main-bg.png) repeat-x;}
#aboutus {background: #000 url(../images/template/inside-bg.png) repeat-x;}
#blog {background: #000 url(../images/template/inside-bg.png) repeat-x;}
#clients {background: #000 url(../images/template/inside-bg.png) repeat-x;}
#portfolio {background: #000 url(../images/template/inside-bg.png) repeat-x;}
a:link{
  color: #00B2F5;
}
a:visited{
  color: #00B2F5;
}
a:active{
  color: #fff;
}
a:hover{
  color: #fff;
}
/*START*/
#alertbox {
	margin: 10px 0; 
	padding: 0 10px 0 23px;
	font-size: .87em;
	color: #666;
	border: 1px solid #ebebaf;
	background: #ffc url(../images/icons/exclamation.png) no-repeat;
	background-position: 3px 3px;
	}
#warnbox {
	margin: 10px 0;
	padding: 0 10px 0 23px;
	font-size: .87em;
	color: #666;
	border: 1px solid #ebebaf;
	background: #ffc url(../images/icons/asterisk_orange.png) no-repeat;
	background-position: 3px 3px;
	}

#alertbox strong {
	color: #333;
	font-weight: bold;
	}
#alertbox a {
	color: #666;
	font-weight: bold;
	text-decoration:underline;
	}
#page{
  width: 880px;
  margin: 0 auto;
  text-align: left;
}
#logo{
  width:279px;
  height: 62px;
  text-indent: -99999px;
  background: url(../images/template/logo.png) no-repeat;
  float: left;
  margin: 37px 0 0 0;
}
#menu {
	margin: 116px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	float: right;
}
#menu ul{
	margin: 0px;
	padding: 0px;
}
#menu li {
	padding: 0px 15px;
	margin: 0px;
	/*height: 26px;*/
	list-style: none;

}
#menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -9000000px;
	height: 26px;
}
#homelink a{background: url(../images/template/home.png) 0 -52px no-repeat; width: 52px;}
#homelink a:hover { background: url(../images/template/home.png) 0 -26px no-repeat;}
#portlink a{background: url(../images/template/portfolio.png) 0 -52px no-repeat; width: 92px;}
#portlink a:hover { background: url(../images/template/portfolio.png) 0 -26px no-repeat;}
#clientlink a{background: url(../images/template/client.png) 0 -52px no-repeat; width: 110px;}
#clientlink a:hover { background: url(../images/template/client.png) 0 -26px no-repeat;}
#bloglink a{background: url(../images/template/blog.png) 0 -52px no-repeat; width: 46px;}
#bloglink a:hover { background: url(../images/template/blog.png) 0 -26px no-repeat;}
#aboutlink a{background: url(../images/template/about.png) 0 -52px no-repeat; width: 60px;}
#aboutlink a:hover { background: url(../images/template/about.png) 0 -26px no-repeat;}

#aboutus #aboutlink a{background: url(../images/template/about.png) 0 0 no-repeat; width: 60px;}
#blog #bloglink a{background: url(../images/template/blog.png) 0 0 no-repeat; width: 46px;}
#clients #clientlink a{background: url(../images/template/client.png) 0 0 no-repeat; width: 110px;}
#portfolio #portlink a{background: url(../images/template/portfolio.png) 0 0 no-repeat; width: 92px;}

#menu li {float: left;}
#menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#jpmshowcase{
  clear:both;
}
#jpmindex-extra{
  margin: 0 auto;
  text-align: center;
  padding: 10px 0px;
  width: 100%;
}
#showcasetext{
  float: left;
  height: 309px;
  width: 300px;
  text-align: justify;
}
#showcasetext p{
line-height: 22px;
}
#showcasephotos{
  background-color:transparent !important;
  float: right;
  height: 361px;
  width: 507px;
}
.clearfloat{
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/*Index Bottom*/
#copyright{
  clear:both;
  font-size: 75%;
  color: #B4B4B4;
  text-align: center;
}
/*Inside Pages*/
#aboutus #submenu{background: url(../images/template/header-about.png) no-repeat right bottom;}
#blog #submenu{background: url(../images/template/header-blog.png) no-repeat right bottom;}
#clients #submenu{background: url(../images/template/header-client.png) no-repeat right bottom;}
#portfolio #submenu{background: url(../images/template/header-portfolio.png) no-repeat right bottom;}

#submenu{
  clear: both;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  list-style: none;
	float: right;
  margin: 0;
	padding: 0;
	height: 32px;
	white-space: nowrap;
}
#submenu ul{
	margin: 0px;
	padding: 10px 0 0;
}
#submenu li {
	padding: 0px 15px;
	list-style: none;
	display: inline-block;
}
* html #submenu li {
    display: inline;
}

#submenu a{
  color: #fff;
  text-decoration: none;
}
#submenu a:hover{}
#content{
  clear:both;
}
#content h2{
  font-family: "Palatino Linotype", Palatino, "Times New Roman", serif;
}
/*Contact Form*/
.pbox{
  border: 1px solid #ffff;
  margin: 0px 10px 10px 0px;
}
.datadisplay{
  padding: 5px;
}
.dataitem{
  padding: 0px 5px;
}
.dataitem h4{
	font-weight: bold;
	font-size: .95em;
	color: #e5e5e5;
	padding: 5px 0px 0px;
	margin: 0px;
}
.dataitem h3{
	padding: 5px 0px 0px;
	margin: 0px;
}
.dataitem label{
	font-weight: bold;
	font-size: .95em;
	color: #b2b2b2;
	padding: 5px 0px 0px;
	margin: 0px;
}
/*PACKAGES*/
.package_item h2, .package_item2 h2{
  border-bottom: 1px solid #ccc;
}
div.price {
    font-size: 16px;
    color: #00B2F5;
    float: right;
}
.package_item{
  margin-left: 20px; 
  float: left;
  width: 400px;
}
.package_item2{
  margin-right: 20px;
  float: right;
  width: 400px;
}
.package_row{
  clear: both;
}
.package_item h2 span, .package_item2 h2 span  {
    float: left;
    display: block;
}
.package_item br, .package_item2 br {
    clear: both;
}