@charset "utf-8";
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
	padding:0;
	margin:0;
	font-size:100%;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:small;
	
}
ol {
	margin-left:1.4em;
	list-style:decimal;
}
ul {
	margin-left:1.4em;
	list-style:square;
}
img {
	border:0;
}
/*------------------------------------------------END CSS RESET--------------------------------------*/
body {
	background:url(/images/page_bg.gif) repeat-x;
	background-color:#0171bc;
}
#wrapper {
	margin: 0 auto;
	width:1000px;
}
#header {
	background:url(/images/header_bg.jpg) no-repeat top left;
	height:104px;
}
#phone {
	float:right;
	margin-top:20px;
	margin-right:20px;
}
#phone p {
	font-size:180%;
	color:#FF0;
	
}
#phone p span {
	font-size:80%;
	color:#000;
	font-style:italic;
}
#content {
	background:url(/images/bodyblue_bg.gif) no-repeat top left;
	height:1250px;
	position:relative;
}
/*-----------------TopNav---------------------*/
.topnav {
	text-decoration:none;
	font-weight:500;
}
#nav {
width:100%;
}
#nav li {
	position:relative;
	list-style-type:none;
	display:inline;
	top:2px;
	left:490px;
	
}
#nav li a {
	padding:0px 15px;
	font-size:120%;
	font-weight:500;
	color:#FF3;
}
#nav li a:hover, #nav li a:active {
	color:#FFF;
	border-top:solid #FF3 2px;
	padding-top:3px;
}
/*-----------------------------------BANNER---------------------------*/
#banner {
	background:url(/images/banner4.png) no-repeat top left;
	height:200px;
	width:1000px;
	margin-top:18px;
}
#banner h1 {
	font-size:180%;
	width:310px;
	margin-left:20px;
	color:#FF0;
	padding-bottom:10px;
	background-position:0 -13px;
}
#banner h2 {
	font-size:120%;
	width:270px;
	margin-left:60px;
	color:#fff;
	text-indent:30px;

}
#leaf {
	position:absolute;
	height:29px;
	width:41px;
	left: 10px;
    top: 10px;
}
#piece {
	background:url(/images/pieceblue.png) no-repeat;
	position:absolute;
	height:102px;
	width:156px;
	left: 197px;
    top: 251px;
}

/*-----------------------------------VERT NAV-------------------------------------------*/
.vertnav {
	text-decoration:none;
	
}
.vertnav {
	display:block;
	width:184px;
}
#vertnav {
	float:left;
	margin-left:-10px;
	margin-top:120px;
}
#vertnav li {
	list-style-type:none;
	text-indent:-5000px;
	margin-bottom:5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
}
#vertnav li a {

}
#vertnav a {
	height:58px;
}
#verthome {
	background-image:url(/images/nav_main.gif);
	width:184px;
	height:58px;
	background-position:top left;

}
#vertservices {
	background-image:url(/images/nav_main.gif);
	width:184px;
	height:58px;
	background-position:0 -174px;
}
#vertabout {
	background-image:url(/images/nav_main.gif);
	width:184px;
	height:58px;
	background-position:0 -406px;
}
#vertportfolio {
	background-image:url(/images/nav_main.gif);
	width:184px;
	height:58px;
	background-position:0 -522px;
}
#vertcontact {
	background-image:url(/images/nav_main.gif);
	width:184px;
	height:58px;
	background-position:0 -696px;
}
#verthome a:hover, #verthome a:active {
	background-image:url(/images/nav_main.gif);
	width:184px;
	height:58px;
	background-position:0 -116px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;

}
#vertservices a:hover, #vertservices a:active {
	background-image:url(/images/nav_main.gif);
	width:184px;
	height:58px;
	background-position:0 -290px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
}
#vertabout a:hover, #vertabout a:active {
	background-image:url(/images/nav_main.gif);
	width:184px;
	height:58px;
	background-position:0 -464px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
}
#vertportfolio a:hover, #vertportfolio a:active {
	background-image:url(/images/nav_main.gif);
	width:184px;
	height:58px;
	background-position:0 -638px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
}
#vertcontact a:hover, #vertcontact a:active {
	background-image:url(/images/nav_main.gif);
	width:184px;
	height:58px;
	background-position:0 -812px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
}
/*-----------------------------RIGHT BOXES--------------------------------------------*/
#rightboxes {
	float:right;
	margin-top:20px;
	margin-right:-5px;
	
}
#rightboxes div {
	margin-bottom:10px;
}
#rightboxes a {
	color:#333;
	text-decoration:none;
}
#rightboxes a:hover {
	color:#000;
}
#box1 {
	background-image:url(/images/bluebox.png);
	background-repeat:no-repeat;
	height:115px;
	width:216px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
	
	
}
.boxh2 {
	padding-left:10px;
	padding-top:10px;
	font-size:160%
}

.boxh3 {
	padding-left:25px;
	padding-top:1px;
	font-size:130%;
	
}
#box2 {
	background-image:url(/images/bluebox.png);
	background-repeat:no-repeat;
	height:115px;
	width:216px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;

}
#box3 {
	background-image:url(/images/bluebox.png);
	background-repeat:no-repeat;
	height:115px;
	width:216px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;

}
#box4 {
	background-image:url(/images/bluebox.png);
	background-repeat:no-repeat;
	height:115px;
	width:216px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
}
#icon1 {
	background:url(/images/icon1.png) no-repeat top left;
	width:65px;
	height:59px;
	margin-top:-27px;
	margin-right:22px;
}
#icon2 {
	background:url(/images/icon5.png) no-repeat top left;
	width:65px;
	height:59px;
	margin-top:-30px;
	margin-right:10px;
}
#icon3 {
	background:url(/images/icon3.png) no-repeat top left;
	width:65px;
	height:59px;
	margin-top:-47px;
	margin-right:10px;
}
#icon4 {
	background:url(/images/icon4.png) no-repeat top left;
	width:65px;
	height:59px;
	margin-top:-4px;
	margin-right:25px;
}
.icon {
	float:right;
}
/*---------------------MAINBOX----------------------------*/
#mainbox {
	background:url(/images/1px.90alphawhite.png) repeat;
	width:540px;
	margin-left:210px;
	margin-top:20px;
	padding:12px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
}
#mainbox h3 {
	font-size:150%;
	text-align:center;
	padding-bottom:7px;
	background:url(/images/line.png) no-repeat;
	background-position:25px 20px;
}
#mainbox p {
	text-indent:100px;
	margin-top:3px;
	line-height:1.4em;
}
#mainbox p p {
	text-indent:40px;
}
#mainbox a {
	text-decoration:none;
}
#mainbox ul {
	list-style-type:circle;
}
.list {
	margin-left:60px;
	margin-top:10px;
}
.largetext {
	font-size:110%;
	font-style:oblique;
}
#mainbox a:visited {
	text-decoration:none;
	color:#06f;
}
/*-----------------------------FOOTER-------------------------*/
#footer {
	left:0px;
	background:url(/images/footer_bg.gif);
	width:1000px;
	height:15px;
}
#footer p {
	font-size:80%;
	margin-left:400px;
	color:#FFF;
}
a:link {
	color:#06F;
	text-decoration:none;
}
a:visited {
	color:#06F;
	text-decoration:none;
}
.actives {
	color:#CCC !important;
	text-decoration:none;
	border:none !important;
	cursor:default;
}
.pointer {
	cursor:pointer;
}
/*-------------------------PHOTOS-----------*/
#office {
	background:url(../images/web_works_office.jpg) no-repeat;
	width:250px;
	height:167px;
	margin: 10px 0px 10px 140px;
}
#staff {
	position:relative;
	width:540px;
	height:274px;
	background:url(/images/webworks_team.png) no-repeat;
	margin: 15px 0px -20px 0px;
}
.hover:hover {
	color:#000;
}