/* CSS Layout */

* {margin: 0; padding: 0}

ul {
	padding-left: 0;
	list-style: none;
}

ul li {
	padding-left: 24px;
}

#header-wrap{ height:130px;
	background-color:#1a1a1a;
	
	
}
#header{
	position:relative;
	margin: 0 auto;
	width:945px;
	height:100px;
}
#header .left{
	float:left;
}

#header .right{
	float:right;
}

#header h1 {
	margin: 0;
}

#header h1 a {
	width:312px;
	height:130px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/webtonic_logo.jpg) no-repeat top left;
	float:left;

}
#healthwarning{
	z-index:0;
	position:absolute;
	right:40px;
	background: url(../images/health-trans.gif);
	height:152px;
	width:248px;
}
/* Navigation */


#nav-wrap{ 
	height:60px;
	background: #dff2f8 url(../images/nav3.png);

}
#nav{ 
	margin: 0 auto;
	width:945px;
	height:66px;
	
}
#nav li {
	float:left;
	padding:0;
	margin:0;
	}

#nav a{
	padding: 20px 16px 0px 16px;
	display: block;
	color: #666;
	text-decoration: none;

	
}
#nav a:active, #nav a:hover, #nav a:focus, #nav li.current a, #nav li.section a, #nav li ul.section li.link a:hover {
	color:#1a1a1a;
	background: url(../images/top-nav-back-focus3.gif) center top no-repeat;
}
#nav li.current a, #nav li.section a{
	background:url(../images/top-nav-back-focus3.gif) center top no-repeat;
}
#nav li ul {
	visibility:hidden;
	position:absolute;
	padding: 0!important;
	margin: 0;
	
}

#nav li ul li a , #nav li ul.current li.link a:hover{
	color:#000;
	padding: 4px 16px 0px 16px;
	display: block;
	border-left: #B6E2EB solid 1px;
}
#nav li ul.section li.link a{
	background: none;
}



#nav li:hover ul,
#nav li.msieFix ul {
	visibility:visible;
	}
	
	.box-model-center ul, .sidebarBox ul{
		padding:0px;
		margin:0px;
	}
	.box-model-center li{
		margin-bottom:.25em;
	}
.box-model-center ul li.link a ,.archiveMonths li a{
	display:block;
	color: #666;
	text-decoration:none;
	text-align:left;
	padding-left: 20px;
	margin:0;
}


.box-model-center ul li.link a:active, .box-model-center ul li.link a:hover, .box-model-center ul li.link a:focus
,archiveMonths li a:active,.archiveMonths li a:hover, .archiveMonths li a:focus
{
	color: #a1a1a1;
	background:url(../images/top-nav-back-focus4.gif) center left no-repeat;
}
	
}
* html fieldset p {z-index:-1}
* html #nav li:hover ul,
* html #nav li.msieFix ul {
	top:1.1em;
	left:.2em
}


#content-wrap{ 
	background-color:#FFF;
	background:url(../images/body_bgr.jpg) repeat-x;
	
}

/* Contact Box */


.call_box {
width: 300px;
height: 256px;
float: left;
background: #FFFFFF url("../images/contactbox_bot_bgr_new.jpg") no-repeat top center;
position: relative;
margin: 0 0 0 0px;
}

#aside .box-left {
float: left;
width: 15px;
height: 256px;
background: url("../images/contactbox_bot_left.png") no-repeat;
}

#aside .box-right {
float: left;	
width: 15px;
height: 256px;
background: url("../images/contactbox_bot_right.png") no-repeat;
}
.box-model{
width: 300px;
height: 256px;
float: left;
position: relative;
margin: 0 0 25px 0px;	
}
.box-model-top, .sidebarBox h3{
width: 300px;
height:42px;
background: url("../images/box-model-top.png") no-repeat;	
}

/* IE 6 HACK */

.sidebarBox h3{
	 w\idth:265px;
}

#Sidebar { 
 	width: 300px; 
	float: right;  
	margin: 0;
	padding: 0;
}

.sidebarBox {
	background: url("../images/bg-aside.png") no-repeat bottom center;
	padding-bottom:22px;
	height: 250px;
	width:300px;
}
.sidebarBox ul{
	padding-top:0px;
	margin-top:0px;
	display: block;

}
.box-model-center{
width: 300px;
height:184px;
background: url("../images/box-model-back-new.png") repeat-x bottom center;
	
	text-align:center;
	
}


.box-model-bottom{
width: 300px;
height:33px;
background: url("../images/box-model-bottom-new.png") no-repeat;	
}

.inside  {
	width:260px;
	float:left;
	padding-left:30px;
	text-align:center;
	
}
.box-model-center p{
	padding:0;
	margin:0;
}
.sidebarBox h3, .box-model-top h2{
	text-align:left;
	color:#fff;
	padding: 5px 0 0 35px;
}
#quick-links-home h2{
	text-align:center;
	font-size:1.2em;
	color:#fff;
	padding: 2px 0;
}
.box-model-center img{
	padding: 20px 0 10px 0;
	border-style: none;
	}
.box-model-center .call, .box-model-center .phone{
	font-size:1.5em;
	color:#000;
	padding: 10px 0 0 10px;
	
	
}
.box-model-center .phone{
	color:#0298ba;
}
.box-model-center .email{
	padding: 10px 0 0 10px;
	font-size:1em;
	color:#0298ba;
	
}
.latestportfolio img
{	margin-top:5px;
	padding:10px;
	border: solid 1px #8AD0E5;
	background-color:#fff;
}

#content{ 
	margin: 0 auto;
	width:945px;
}
#article, #BlogContent{
	width:600px;
	float:left;
	padding: 0px 0px 10px 0px;
}

#article ul li{
	list-style:disc;
}
#flash{
	width: 600px;
	height: 256px;
	overflow: hidden;
	position: relative;
	border: none;
	margin-bottom:20px;

}
#spotlight{
	height:178px;
	width:650px;
	background: url(../images/craig.gif) no-repeat bottom right;
}
/* quick links */
#quick-links-wrap{
	background: url(../images/quick-links-bg.jpg) repeat-x;
	height:191px;
}

#quick-links{
	margin: 0 auto;
	width:945px;
	height:191px;
	
}
#quick-links h2{
	font-size:1.25em;
	display:block;
	color:#000;
	border-bottom:1px solid #000;
	
}

/* quick links blocks */
#block-one,#block-two, #block-three, #block-four, #home-one ,#home-two, #home-three, #home-four{
	float:left;
	height:140px;
	width:220px;
	padding:0 5px;
}

#home-one ,#home-two, #home-three, #home-four{
	margin-right: 6px;
}
#home-one-top ,#home-two-top, #home-three-top, #home-four-top{
width:220px;
height:27px;
background: url("../images/box-model-home-top.png") no-repeat;	

}
 #home-four-center, #home-three-center, #home-two-center, #home-one-center{
padding: 10px 20px 0px 10px;
width: 190px;
height:135px;
font-size:.9em;

background: url("../images/box-model-back-new.png") repeat-x bottom center;
 }
#home-one-bottom ,#home-two-bottom, #home-three-bottom, #home-four-bottom{
width: 220px;
height:27px;
background: url("../images/box-model-home-bottom-new.png") no-repeat;	

}
/* home bottom */
#quick-links-wrap-home{
	height:220px;
}
 #article p{
	font-size:.95em;
	padding:10px 10px 0 0px;
}
#quick-links-home{
	margin: 0 auto;
	width:945px;
	height:191px;
}
#quick-links-home p a{
	color: #0e9abc;
}
#quick-links-home p a:hover,#quick-links-home p a:focus{
	color: #60C6DF;
}

#quick-links-wrap-home h2{
	padding-left:20px;
	text-align:left;

}

h2 a:active, h2 a:focus, h2 a:visited, h2 a{
	text-decoration: none;
	color:#fff;
}
#portfolio ul{
padding:0;
margin:0;
	
}

#portfolio li{
	float:left;
	
}

#aside{
width:300px !important;
float:right;
padding: 0px;

}

#four{
float:right;
}
#footer-wrap{ 
	height:61px;
	background-color:#1a1a1a;
 	overflow: hidden; /* clear and enclose floats in good browsers */ 
}
#testimonial{ 
		width:100%;
}
.quote{	position: relative;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino;
	font-size: 1em;
	font-style: italic;
	
}
.open {
	position:absolute;
	top:0px;
	left:-40px;
	font-style: normal;
	line-height: 1em;
}
.source {
	font-weight: bold;
	font-size: .85em;
	line-height: 1em;
	
}
.source a{
	font-style: italic;
}
.close {position:relative;
	line-height: 1px;
	vertical-align: bottom;
	padding-left: 20px;
	padding-top:10px;
}

 .close, .open{
	color:#55bad4;
	font-family: Arial, Helvetica, sans-serif;
	font-size:4.5em;
	font-weight: normal;
}
#footer{ 
	margin: 0 auto;
	width:945px;
	color:#4595aa;
	font-size:.75em;
}

#footer a{
	color:#4595aa;
	
	
	
}
#footer a:focus, #footer a:active, #footer a:hover, #footer .current {
	text-decoration:none;
	color:#fff;
}


#bottom-links{
	padding-top:15px;
}
.left{
	float:left;
	padding:15px 15px 20px 0px;
}
.right{
	float:right;
	padding:15px 0px 20px 15px;
}



#copyright{
height:61px;
width:141px;
float:right;
background: url(../images/webtonic-small-logo.jpg) repeat-x;
}
#quick-links-home p{
	margin:0;
	padding:0 5px;
}
.more-btn a{
	padding: 0 46px 0 0;
	text-align:right;
	display:block;
	width:120px;
	height:27px;
	background: url(../images/more-btn.png) right center no-repeat;
}
#PageAtAGlance-box-model{
width: 300px;
height:100%;
float: left;
position: relative;
margin: 0 0 25px 0px;	
}

.PageAtAGlance{
	padding:0;
	margin:0;
wi:300px;
background: url("../images/box-model-back-new.png") repeat-x bottom center;
	
	text-align:center;
	
}

.PageAtAGlance ul{
	padding:10px 0 10px 0;
	margin:0;
	text-align:left;
	padding-left:35px;

	
}

.PageAtAGlance li{
	padding:0;
	margin:0;
	font-size:1.1em;
	padding-left:30px;
	background: url(../images/tick.png) no-repeat;
	margin-top:5px;
}

.PageAtAGlance img {
	padding: 10px 0;
	border-style: none;
	}
.PageAtAGlance h3{
	margin-bottom:5px;
	padding-bottom:5px;
}
	
/* Clearfix */

/* Float Clearing for IE6 */
* html #header,
* html #nav ul,
* html #article, 
* html #content,
* html .roundCorner,
* html #aside,
* html .box-model,
* html #PageAtAGlance-box-model,
* html #footer,
* html #footer-wrap
{
	height: 1%;
	overflow: visible;
}

/* Float Clearing for IE7 */
*+html #header,
*+html #nav ul,
*+html #article,
*+html #content,
*+html .roundCorner,
*+html #aside,
*+html .box-model,
*+html #PageAtAGlance-box-model,
*+html #footer,
*+html #footer-wrap

{
	min-height: 1%;
}

/* Float Clearing for Everyone Else */
#nav ul:after,
#header:after,
#article:after,
#content:after,
.roundCorner:after,
#aside:after,
.box-model:after,
.box-model-bottom:after,
#PageAtAGlance-box-model:after,
#footer:after,
#footer-wrap:after

{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* Firefox Scrollbar Hack */
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}