/* ----------------------------------------Information---------------------------------------------------
Credits:
Caroline.C, Peter.S, Iain.G, Luis.C,Arlene.M
All rights reserved
/* ----------------------------------------End of Information---------------------------------------------------- */

/* ----------------------------------------Define BODY---- ---------------------------------------------------- */
body {
	background-color : #ffffff;
	margin : 0;
	padding : 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
} 
/* ----------------------------------------End of Define BODY ------------------------------------------------- */
/* ----------------------------------------Define A Links ----------------------------------------------------- */
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}
/* ----------------------------------------End of Define A Links ---------------------------------------------- */
/* ----------------------------------------Define master H Tags------------------------------------------------ */
h1 {
	margin:0;
	padding:0;
	border:none;
	font-size: large;
	left: 0px;
}
h2 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: medium;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
h3 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: medium;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}
h4 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: medium;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #03425A;
}
/* ----------------------------------------End of Define master H Tags ---------------------------------------- */
/* ----------------------------------------Define master List Tags -------------------------------------------- */
ul, ol {
	margin : 0;
	padding : 0;
} 
/* ----------------------------------------End of Define master List tags -------------------------------------- */
/* ----------------------------------------Define Container----------------------------------------------------- */

#container { 
background-color : #FFF; 
width : 1024px; 
padding-top : 0; 
margin-left : 106px; 
margin-top : 0; 
margin-bottom : 0; 
float : left; 
display : inline; 
position : relative; 
visibility : visible; 
background-image : none; 
} 
/* ----------------------------------------End of Define ontainer---------------------------------------------- */
/* --------------------------------------- Define Header ----------------------------------------------------- */

#header {
background-image : url(../images/banners_2.jpg);
background-repeat : no-repeat;
background-attachment : scroll;
width : 970px;
padding-top : 0;
height : 155px;
margin-left : 27px;
margin-top : 0;
margin-bottom : 0;
float : left;
display : inline;
position : relative;
visibility : visible;
margin-right : 27px;
} 
/* --------------------------------------- End of Define Header------------------------------------------------- */
/* --------------------------------------- Define Main Body ---------------------------------------------------- */
#main { 
width : 100%; 
float : left; 
background-color : #E5E5E5; 
position : relative; 
visibility : visible; 
margin : 0; 
} 

#intro_1 {
	width : 100%;
	padding-top : 0;
	margin-left : 0px;
	margin-top : 5px;
	margin-bottom : 3px;
	float : left;
	display : inline;
	visibility: visible;
	background-color: #FFFFE7;
} 
#intro_text_1 {
	background-color :transparent;
	margin-left : 0px;
	margin-top : 3px;
	margin-bottom : 0;
	float : left;
	display : inline;
	visibility: visible;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
} 
#portfolio {
	width : 100%;
	padding-top : 0;
	margin-left : 0px;
	margin-top : 5px;
	margin-bottom : 3px;
	float : left;
	display : inline;
	visibility: visible;
	background-color :transparent;
}
#video1 {
            width : 100%;
            margin-left : 196px;
            margin-top : 20px;
            float : left;
            display : inline;
            visibility: visible;
}

#textbox01 { 
width : 440px; 
padding : 0 12px 0 0; 
height : 181px; 
margin-left : 27px; 
margin-top : 10px; 
margin-bottom : 0; 
float : left; 
display : inline; 
font-size : 14px; 
visibility: visible;
} 
#textbox01_img { 
background-color : #d4d4d4; 
border : 1px solid #000000; 
width : 125px; 
padding-top : 0; 
height : 175px; 
margin-left : 32px; 
margin-top : 25px; 
margin-bottom : 0; 
float : left; 
display : inline; 
background-image : none; 
position : relative; 
visibility : visible; 
} 
#textbox2_and_img { 
width : 340px; 
padding-top : 0; 
height : 181px; 
margin-left : 27px; 
margin-top : 23px; 
margin-bottom : 0; 
float : left; 
display : inline; 
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px; 
border-top-style : none; 
border-right-style : none; 
border-bottom-style : none; 
border-left-style : none; 
visibility: visible;
} 
#colwrap2 { 
float : left; 
width : 600px; 
margin-top : 0; 
margin-left : 27px; 
background-image : none; 
position : relative; 
visibility : visible; 
margin-right : 25px; 
border-top-width : 0; 
border-right-width : 0; 
border-bottom-width : 0; 
border-left-width : 0; 
border-top-style : none; 
border-right-style : none; 
border-bottom-style : none; 
border-left-style : none; 
} 
#textbox02_img { 
border : 1px solid #000000; 
width : 202px; 
padding-top : 0; 
height : 170px; 
margin-right : 10px; 
margin-top : 30px; 
margin-bottom : 0; 
float : right; 
display : inline; 
background-image : none; 
position : relative; 
visibility : visible; 
background-color : #f3f3f3; 
} 
#textbox02 { 
width : 350px; 
padding-top : 0; 
height : 200px; 
margin-right : 10px; 
margin-top : 0; 
margin-bottom : 0; 
float : left; 
display : inline; 
background-image : none; 
margin-left : 0; 
position : relative; 
visibility : visible; 
} 
#textbox04 { 
border : 1px none #000000; 
width : 525px; 
padding-top : 0; 
height : 143px; 
margin-left : 0; 
margin-top : 5px; 
margin-bottom : 0; 
float : left; 
display : inline; 
visibility: visible;
} 
#textbox06_img { 
background-color : #eee; 
border : 1px solid #000000; 
width : 195px; 
padding-top : 0; 
height : 165px; 
margin-right : 10px; 
margin-top : 10px; 
margin-bottom : 0; 
float : right; 
display : inline; 
background-image : none; 
position : relative; 
visibility : visible; 
} 
#textbox06 { 
width : 370px; 
padding-top : 0; 
height : 165px; 
margin-right : 0; 
margin-top : 5px; 
margin-bottom : 0; 
float : left; 
display : inline; 
background-image : none; 
margin-left : 0; 
position : relative; 
visibility : visible; 
} 
#textbox08 { 
width : 595px; 
padding-top : 0; 
height : 159px; 
margin-left : 0; 
margin-top : 5px; 
margin-bottom : 0; 
float : left; 
display : inline; 
background-image : none; 
position : relative; 
visibility : visible; 
} 
#colwrap3 { 
float : left; 
width : 340px; 
margin-top : 0; 
margin-left : 3px; 
border : 0 solid #f0f0f0; 
visibility: visible;
} 
#textbox03 { 
border : 1px none #cadef6; 
width : 283px; 
padding-top : 0; 
height : 214px; 
margin-left : 27px; 
margin-top : 0; 
margin-bottom : 0; 
float : left; 
display : inline; 
visibility: visible;
} 
#textbox05 { 
border : 1px none #000000; 
width : 288px; 
padding-top : 0; 
height : 143px; 
margin-left : 27px; 
margin-top : 10px; 
margin-bottom : 0; 
float : left; 
display : inline; 
visibility: visible;
} 
#textbox07 { 
border : 1px none #000000; 
width : 285px; 
padding-top : 0; 
height : 132px; 
margin-left : 27px; 
margin-top : 16px; 
margin-bottom : 0; 
float : left; 
display : inline; 
visibility: visible;
} 
#textbox09 { 
border : 1px none #000000; 
width : 286px; 
padding-top : 0; 
height : 85px; 
margin-left : 27px; 
margin-top : 5px; 
margin-bottom : 0; 
float : left; 
display : inline; 
visibility: visible;
} 
#textbox10 { 
border : 1px none #000000; 
width : 287px; 
padding-top : 0; 
height : 140px; 
margin-left : 27px; 
margin-top : 11px; 
margin-bottom : 0; 
float : left; 
display : inline; 
visibility: visible;
} 
#colwrap4 {
	float : left;
	width : 735px;
	margin-top : 10px;
	margin-left : 2px;
	visibility: visible;
} 
#colwrap4 h1{
	width : 100%;
	padding : 0;
	margin-left : 20px;
	margin-top : 15px;
	margin-bottom : 0;
	float : left;
} 
#colwrap4 p{
	width : 680px;
	padding : 0;
	margin-left : 20px;
	margin-top : 10px;
	margin-bottom : 15px;
	float : left;
} 
#textbox11 {
	border : 1px none #000000;
	width : 100%;
	padding-top : 0;
	height : auto;
	margin-left : 0px;
	margin-top : 5px;
	margin-bottom : 0;
	float : left;
	display : inline;
	visibility: visible;
} 
#textbox11 {
	background-color : #F3FFFF;
	background-image : none;
	background-repeat : no-repeat;
	background-attachment : scroll;
	background-position : left 0;
	visibility: visible;
} 
#textbox11 h2 { 
margin-left : 40px; 
visibility: visible;
} 
#textbox11_onlinepayments {
	width : 100%;
	padding-top : 0;
	height : auto;
	margin-left : 0px;
	margin-top : -4px;
	margin-bottom : 0;
	float : left;
	display : inline;
	visibility: visible;
	background-color : #F3FFFF;
} 
#textbox11_onlinepayments h2 { 
margin-left : 40px; 
visibility: visible;
} 
#textbox12 {
	width : 100%;
	padding-top : 0;
	height : auto;
	margin-left : 0px;
	margin-top : 10px;
	margin-bottom : 0;
	float : left;
	display : inline;
	visibility: visible;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 
#textbox12 {
	background-color :#F8F2E4;
	visibility: visible;
} 
#textbox12 h2 { 
margin-left : 44px; 
visibility: visible;
} 
#textbox13 {
	border : 1px none #000000;
	width : 100%;
	padding-top : 0;
	height : auto;
	margin-left : 0px;
	margin-top : 10px;
	margin-bottom : 0;
	float : left;
	display : inline;
	visibility: visible;
} 
#textbox13 {
	background-color : #F3FFFF;
	background-image : none;
	background-repeat : no-repeat;
	background-attachment : scroll;
	background-position : left 0;
	visibility: visible;
} 
#textbox13 h2 {
	margin-left : 10px;
	visibility: visible;
} 
#textbox14 {
	border : 1px none #000000;
	width : 100%;
	padding-top : 0;
	height : auto;
	margin-left : 0px;
	margin-top : 2px;
	margin-bottom : 0;
	float : left;
	display : inline;
	visibility: visible;
} 
#textbox14 { 
background-color :#F8F2E4;
background-image : none; 
background-repeat : no-repeat; 
background-attachment : scroll; 
background-position : left 0; 
visibility: visible;
} 
#textbox14 h2 { 
margin-left : 40px; 
visibility: visible;
} 
/* ------------------------------End of Define Main Body ------------------------------------------------------ */
/* ------------------------------Main LEFT Menu and Navigation  ----------------------------------------------- */

#menu {
	border-top-width : 0;
	border-top-style : inset;
	border-top-color : #ffffff;
	float : left;
	margin-left : 25px;
	padding-top : 0;
	margin-top : 2px;
	position : relative;
	width : 225px;
	z-index : 2;
	border-right-width : thin;
	border-right-color : #005100;
	visibility: visible;
} 

#menu UL { 
list-style-type: none;
} 
/* ------------------------------ class for non active menu link  ----------------------------------------------- */
.notlink {
	font-family : Arial, Helvetica, FreeSans, sans-serif;
	font-weight: bold;
	color: #00856F;
	margin-left: 5px;
	position: relative;
	visibility: visible;
	width: 215px;
}
/* ------------------------------ end of class for non active menu link ---------------------------------------------- */
#menu LI A {
	color : #004360;
	padding-left : 5px;
	font-weight: normal;
	visibility: visible;
} 

#menu A:hover {
	color: #A90000;
}

#menu h2 { 
font-family : Arial, Helvetica, FreeSans, sans-serif; 
font-size : 1.2em; 
margin-top : 0.4em; 
margin-right : 0; 
margin-bottom : 0.4em; 
margin-left : 0.8pt; 
color: #004545;
visibility: visible;
} 
#menu div h2 { 
padding-left : 0.2em; 
} 

#menu div#webdesign {
	background-color : transparent;
	background-image : none;
	background-repeat : no-repeat;
	background-attachment : scroll;
	background-position : right 6em;
	position : relative;
	visibility : visible;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
} 
#webdesign li {
	margin-bottom : 0.6em;
} 
#menu div#home {
	background-color : transparent;
	background-image : none;
	background-repeat : no-repeat;
	background-attachment : scroll;
	background-position : right 6em;
	position : relative;
	visibility : visible;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
} 
#home li {
	margin-bottom : 0.6em;
} 
#menu div#ecommerce {
	background-color : transparent;
	background-image : none;
	background-repeat : no-repeat;
	background-attachment : scroll;
	background-position : right 6em;
	position : relative;
	visibility : visible;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
} 
#ecommerce li {
	margin-bottom : 0.6em;
} 
#menu div#seo {
	background-color : transparent;
	background-image : none;
	background-repeat : no-repeat;
	background-attachment : scroll;
	background-position : right 2em;
	position : relative;
	visibility : visible;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
} 
#seo li {
	margin-bottom : 0.6em;
} 
#menu div#multimedia {
	background-color : transparent;
	background-image : none;
	background-repeat : no-repeat;
	background-attachment : scroll;
	background-position : right 6em;
	position : relative;
	visibility : visible;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
} 
#multimedia li {
	margin-bottom : 0.6em;
} 
#menu div#social_networking {
	background-color : transparent;
	background-image : none;
	background-repeat : no-repeat;
	background-attachment : scroll;
	background-position : right 3em;
	position : relative;
	visibility : visible;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
} 
#social_Networking li { 
color : #cc0066; 
margin-bottom : 0.6em; 
} 

/* ------------------------------End of Main LEFT Menu and Navigation ------------------------------------------ */

/* ------------------------------Define Contact form CSS ------------------------------------------------------- */
#contactform {
	
	width : 740px;
	margin-left : 0px;
	margin-top : 10px;
	margin-bottom : 0px;
	float : left;
	display : inline;
	position : relative;
	visibility : visible;
}

/* ------------------------------Start of Form Styles ---------------------------------------------------------- */
input, select, textarea{
	color: #000080;
	background-color: #d5d5e4;
	margin: 0.5em 0 0 0;
}
fieldset {padding:1.5em 0em 1.5em 0.5em; width:95%; border:#8989ba solid; }
legend {color:#000080; font-weight:bold; background-color: inherit; font-size:.8em;}

#about label
{
display: block;
width: 12.5em;
float: left;
text-align: right;
margin: 0.7em 1em 1em 0;
clear: both;
background-color: inherit;
}

.test label
{
display: block;
width: 17em;
float: left;
text-align: right;
margin: 0.7em 1em 1em 0;
clear: both;
background-color: inherit;
}

.input-box{margin-bottom: .6em}

input:focus {background-color: #fff; color: #000;  }
input:hover {background-color: #fff; color: #000; }

textarea {font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif; font-size: 1.4em; width:98%; }
textarea:focus {background-color: #fff; color: #000;  }
textarea:hover {background-color: #fff; color: #000;  }

select:focus {background-color: #fff; color: #000;  }
select:hover {background-color: #fff; color: #000;  }

checkbox:focus {background-color: #fff; color: #000;  }
checkbox:hover {background-color: #fff; color: #000;  }

#main .submit {margin-right: 6em; color: #000080; background-color: #d5d5e4; margin-left:5em;}
.button {color: #000080; background-color: #d5d5e4;}

.floatright a {float:right; margin: 0 5em 0 0; cursor:help;}
div.floatform{
font-size:.8em;
padding-left:3em;
}

/* ------------------------------End of Form Styles ---------------------------------------------------------- */
/* ------------------------------Define Footer------------------------------------------------------------------ */
#Footer {
	width : 1024px;
	margin-left : 0px;
	margin-top : 10px;
	margin-bottom : 0px;
	background-color : #EFEFEF;
	float : left;
	display : inline;
	position : relative;
	visibility : visible;
	border-bottom-width : 0.5px;
	border-bottom-style : solid;
	border-bottom-color : #333333;
} 

#footer-menu UL { 
list-style-type: none;
}
#footer-menu LI { 
float : left; 
margin : 0 0.15em; 
} 
#footer-menu LI A { 
color : #000; 
text-align : center; 
} 
#footer-menu A:hover {
	color: #990000;
} 
#footer-menu LI A { 
float : none; 
} 
#footer-menu {
	clear : both;
	padding-left : 260px;
	float : left;
	margin : 0;
	width : 790px;
	visibility: visible;
} 

/* ------------------------------End of Define Footer--------------------------------------------------------- */