@charset "UTF-8";
/* CSS Document */

body {
	background-color:#0505fb;
	margin:0;
	padding:0;
}

#header {
	position: relative;
	background-color:#FFF;
	height: 650px;
	text-align: center;
	box-shadow: 0 5px 10px #111;
	-moz-box-shadow: 0 5px 10px #111;
	-webkit-box-shadow: 0 5px 10px #111;
}

#header2 {
	position: relative;
	background-color:#FFF;
	height: 700px;
	text-align: center;
	box-shadow: 0 5px 10px #111;
	-moz-box-shadow: 0 5px 10px #111;
	-webkit-box-shadow: 0 5px 10px #111;
}

#header img, #header2 img {
	position:relative;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 5px 10px #111;
	-webkit-box-shadow: 0 5px 10px #111;
	box-shadow: 0 5px 10px #111;
	
}


#strip {
	position: relative;
	background-color: #0505fb;
	height: 30px;
	top:90px;
}

/*Menu*/

#menu{
	position: relative;
	margin-top: 40px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
}

#menu ul{
    list-style: none;
	padding: 0px 0px 7px 0px;
	
}

#menu ul li{
	display: inline;
}

#menu ul li a{
    font-size: 24px;
    color: #000;
    font-weight: normal;
    text-decoration: none;
    padding: 0px 3px 4px 3px;
    text-align: left;
	margin-right: 10px;
	
}

#menu ul li a:hover{
	text-decoration:underline;
	color: #F00;
}

#wrapper {
	margin-left: auto;
	margin-right: auto;
	margin-top: -365px;
	width: 760px;
	
	
}

/*nivo slider*/

#slider {
	position:relative;
    width: 760px;
    height: 265px;
	background:url(images/loading.gif) no-repeat 50% 50%;
	border: 5px solid white;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 5px 10px #111;
	-webkit-box-shadow: 0 5px 10px #111;
	box-shadow: 0 5px 10px #111;
	}
	
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	}
	
#slider a {
	border:0;
	display:block;
}


#slider8 {
	position:relative;
    width: 760px;
    height: 265px;
	background:url(images/loading.gif) no-repeat 50% 50%;
	border: 5px solid white;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 5px 10px #111;
	-webkit-box-shadow: 0 5px 10px #111;
	box-shadow: 0 5px 10px #111;
	}
	
#slider8 img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	}
	
#slider8 a {
	border:0;
	display:block;
}


#slider8 .nivo-controlNav {
	position:absolute;
	left:200px;
	bottom:-50px;
}

#slider8 .nivo-controlNav a {
    display:inline;
}

#slider8 .nivo-controlNav img {
	display:inline;
	position:relative;
	margin-right:10px;
	width:76px;
	height:26px;
}

#slider8 .nivo-controlNav a.active img {
    border:2px solid white;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#slider8 .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background: url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
#slider8 a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
#slider8 a.nivo-prevNav {
	left:15px;
}


#slider .nivo-controlNav {
	position:absolute;
	left:50%;
	bottom:-42px;
   	margin-left:-50px; /* Tweak this to center bullets */
}
#slider .nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
#slider .nivo-controlNav a.active {
	background-position:0 -22px;
}



#slider .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background: url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
#slider a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
#slider a.nivo-prevNav {
	left:15px;
}



/*content*/

#content {
	position:relative;
	margin-top: 80px;
	margin-right: auto;
	margin-left: auto;
	width: 765px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	margin-left: 8px;
	text-align:center;
	color:#ffffff;
	}


.column {
	width:240px;
	height:300px;
	float:left;
	background-color:#FFF;
	margin-left:5px;
	border: 5px solid white;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 5px 10px #111;
	-webkit-box-shadow: 0 5px 10px #111;
	box-shadow: 0 5px 10px #111;
	}
	
.link {
	border-bottom: 1px solid #CCC;
}
	
.link a{
	text-decoration:none;
	color:#0505fb;
}

.link a:hover {
	text-decoration:none;
}

.link img {
	margin: 5px;
	border: none;
}

.link p {
	position:relative;
	margin-left: 60px;
	margin-top: -40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	font-style:italic;
	font-weight:bold;
	color:#0505fb;

}

.img_box{
	background: url(images/img_shadow.jpg) no-repeat bottom;
	padding: 0px 0px 12px 0px;
	}	
	
.img_box img{
	margin-top: 20px;
	margin-left: 22px;
	border: none;
}

#foot {
	padding-top: 10px;
	clear:both;
}

#foot2 {
	clear:both;
}

#foot3 {
	clear:both;
	margin-top:85px;
}

#foot p, #foot2 p, #foot3 p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#ffffff;
	text-align:center;
}

/*page 2*/

#topcont {
	position:relative;
    width: 760px;
	height: 300px;
	font-size:18px;
	border: 5px solid white;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 5px 10px #111;
	-webkit-box-shadow: 0 5px 10px #111;
	box-shadow: 0 5px 10px #111;
}

.bold {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.lfttop {
	float: left;
	width: 500px;
}

.lfttop p {
	text-indent: 10px;
	text-align: justify;
}

.lfttop img {
	float: left;
	padding: 8px 8px 0px 8px;
	
}

.rgttop {
	float: right;
	width: 220px;
	margin-top:20px;
	border-left: 1px solid #999;
	padding-left: 20px;
}

.rgttop ul {
	font-style: italic;
}

/*page 3*/

.servrow {
	position: relative;
	width: 752px;
	height: 300px;
	margin-left: 0px;
	margin-bottom: 5px;
	border:3px solid white;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 5px 10px #111;
	-webkit-box-shadow: 0 5px 10px #111;
	box-shadow: 0 5px 10px #111;
	background-color:#ffffff;
}

#slider2 {
	position:relative;
    width: 250px;
    height: 232px;
	margin: 20px;
	background:url(images/loading.gif) no-repeat 50% 50%;
	border: 5px solid #0505fb;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 5px 10px #111;
	-webkit-box-shadow: 0 5px 10px #111;
	box-shadow: 0 5px 10px #111;
	}
	
#slider2 img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	}
	
#slider2 a {
	border:0;
	display:block;
}

#slider2 .nivo-controlNav {
	position:absolute;
	left:50%;
	bottom:-40px;
   	margin-left:-35px; /* Tweak this to center bullets */
}
#slider2 .nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
#slider2 .nivo-controlNav a.active {
	background-position:0 -22px;
}

#slider2 .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background: url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
#slider2 a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
#slider2 a.nivo-prevNav {
	left:15px;
}

#slider3 {
	position:relative;
    width: 250px;
    height: 232px;
	margin: 20px;
	background:url(images/loading.gif) no-repeat 50% 50%;
	border: 5px solid #0505fb;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 5px 10px #111;
	-webkit-box-shadow: 0 5px 10px #111;
	box-shadow: 0 5px 10px #111;
	}
	
#slider3 img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	}
	
#slider3 a {
	border:0;
	display:block;
}

#slider3 .nivo-controlNav {
	position:absolute;
	left:50%;
	bottom:-40px;
   	margin-left:-35px; /* Tweak this to center bullets */
}
#slider3 .nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
#slider3 .nivo-controlNav a.active {
	background-position:0 -22px;
}



#slider3 .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background: url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
#slider3 a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
#slider3 a.nivo-prevNav {
	left:15px;
}

#slider4 {
	position:relative;
    width: 250px;
    height: 232px;
	margin: 20px;
	background:url(images/loading.gif) no-repeat 50% 50%;
	border: 5px solid #0505fb;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 5px 10px #111;
	-webkit-box-shadow: 0 5px 10px #111;
	box-shadow: 0 5px 10px #111;
	}
	
#slider4 img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	}
	
#slider4 a {
	border:0;
	display:block;
}

#slider4 .nivo-controlNav {
	position:absolute;
	left:50%;
	bottom:-40px;
   	margin-left:-35px; /* Tweak this to center bullets */
}
#slider4 .nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
#slider4 .nivo-controlNav a.active {
	background-position:0 -22px;
}



#slider4 .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background: url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
#slider4 a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
#slider4 a.nivo-prevNav {
	left:15px;
}

.rgtside {
	width: 440px;
	float:right;
	margin-top: 10px;
	margin-right: 10px;
	font-size: 16px;
	text-indent: 5px;
}

.services a{
	text-decoration:none;
	color: #0505fb;
}

.services a:hover {
	text-decoration:none;
}

.services img {
	margin: 5px;
	border: none;
}

.services p {
	position:relative;
	margin-left: 60px;
	margin-top: -40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	font-style:italic;
	font-weight:bold;
	color:#0505fb;
}

.port_btn a{
	color:#0505fb;
	text-decoration:none;
	font-weight:bold;
	display:block;
	text-align:center;
	float: right;
}

/*page 4*/
/*page 5*/

#contact_form {
	position:relative;
}

#contact_form {
	width: 780px;
	border:3px solid white;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 5px 10px #111;
	-webkit-box-shadow: 0 5px 10px #111;
	box-shadow: 0 5px 10px #111;
	background-color:#ffffff;
	}

#contact_form p {
	margin-left: 20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #0505fb;
}

#contact_form h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #0505fb;
	margin-left: 20px;
}

.form {
	width: 450px;
	border-right: 1px solid #999;
}

#map {
	float: right;
	margin: 25px 10px 10px 10px;
	
}

/*webport*/

#wrapweb {
	margin-left: auto;
	margin-right: auto;
	margin-top: -365px;
	width: 880px;
	
}

.col {
	position: relative;
	width:280px;
	height:400px;
	float:left;
	background-color:#FFF;
	margin-left:5px;
	border: 3px solid white;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 5px 10px #111;
	-webkit-box-shadow: 0 5px 10px #111;
	box-shadow: 0 5px 10px #111;
	margin-top:10px;
	}
	
.col2 {
	position: relative;
	width:280px;
	height:350px;
	float:left;
	background-color:#FFF;
	margin-left:5px;
	border: 3px solid white;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 5px 10px #111;
	-webkit-box-shadow: 0 5px 10px #111;
	box-shadow: 0 5px 10px #111;
	}	
	
.col3, .col4 {
	position: relative;
	width:280px;
	height:350px;
	float:left;
	background-color:#FFF;
	margin-top: 10px;
	margin-left:5px;
	border: 3px solid white;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 5px 10px #111;
	-webkit-box-shadow: 0 5px 10px #111;
	box-shadow: 0 5px 10px #111;
	}	
	
#wrapweb .img_box img{
	margin-top: 10px;
	margin-left: 15px;
	border: none;
}	

.webinfo {
	border: 1px solid #666;
	background: #0505fb;
	color:#ffffff;
	text-decoration:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 21px;
	text-indent: 15px;
	display:block;
	margin-top: 5px;
	padding: 8px 0;
}

.text {
	margin: 10px;
}

#photowrap {
	clear:both;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	
}

div.maincontent {
	padding-top:35px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;	
}

h1 {
	text-align: center;
	color: #ffffff;
}

h2 {
	font-size: 36px;
	text-align: center;
	color: #0505fb;
}



.col3 h4, .col4 h4 {
	font-size: 24px;
	text-align: center;
	color: #0505fb;
}

.col2 a, .col3 a {
	text-decoration:none;
	color: #0505fb;
}

#picframe {
	height: auto;
	width: auto;
	margin-bottom: 10px;
}

.right {
	width: 760px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:-440px;
	padding-top:20px;
	
}

.right a {
	color: #000000;
	float:right;
}

.construct {
	text-align:center;
	font-size: 48px;
	color:#F00;
	font-weight:bold;
}

.construct2 {
	text-align:center;
	font-size: 24px;
	color:#0505fb;
	font-weight:bold;
}

.construct3 {
	margin-top:35px;
	text-align:center;
	font-size: 40px;
	color:#0505fb;
	font-weight:bold;
}
	
#myImageFlow {
	width: 900px;
	text-align:center;
}
			
#photocontent {
	position:relative;
	margin-right: auto;
	margin-left: auto;
	width: 900px;
}