/* CSS Document */

*	{
	margin:0;
	padding:0;
	p:0;
	ul:0;
	li:0;
	
}

body {
	margin-left:auto;
	margin-right:auto;
	background-color:#f2fafd;
	padding-bottom:200px;
	background-image:url(images/bckgrnd.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	background-size:auto;
	background-attachment:scroll;
	z-index:1;
}


/* Text Styles, Headers etc */
	
.smalltext {

	font-family: "georgia";
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}


.normal {
	font-family: "georgia";
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}

.mediumtext {
	font-family: "georgia";
	font-size: 24px;
	font-weight: normal;
	color: #02657c;
	text-decoration: none;
}

.largetext {
	font-family: "georgia";
	font-size: 24px;
	font-weight: normal;
	color: #95cfda;
	text-decoration: none;
}

a:focus
{
-moz-outline-style: none;
outline: none;
}

A {
	font-family: "georgia";
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	outline:none;
	text-decoration:underline;
}

A:visited {
	font-family: "georgia";
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	text-decoration:underline;
}

A:active {
	font-family: "georgia";
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	text-decoration:underline;
}

A:hover { 
	font-family: "georgia";
	font-size: 14px;
	font-weight: normal;
	color: #666666;
    text-decoration:underline;
}
	
H1 {

	font-family:"georgia";
	font-size: 20px;
	color: #666666;
	font-weight: bold;
	padding:0px;
}

H2 {

	font-family:"georgia";
	font-size: 18px;
	color: #666666;
	font-weight: bold;
	padding-bottom:8px;
}

H3 {

	font-family:"georgia";
	font-size: 15px;
	color: #666666;
	font-weight:bold;
	text-align:center;
	padding-bottom:2px;
}

H4 {

	font-family:"georgia";
	font-size: 14px;
	color: #666666;
	font-weight:bold;
	text-align:left;
	padding-bottom:8px;
}

.floatimgleft {
	float: left;
	margin-top:8px;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:10px;
}

.floatimgright {
	float: right;
	margin-top:5px;
	margin-left:15px;
	margin-right:5px;
	margin-bottom:10px;
}

.floatimgbtm {
	float: left;
	margin-top:-4px;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:0px;
}

/* Layers */


#base {
	position:relative;
	width:962px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
}
	
#top {
	float:left;
	width:367px;
	height:150px;
	background-image:url(images/cblue.jpg);
	background-position:right;
	background-repeat:no-repeat;
	z-index:1;

}

#clear {
	clear:both;
	top: 0px;
	width:962px;
	height:1px;
	z-index:1;

}

#main { 
	width:962px;
	margin-left:auto;
	margin-right:auto;
	z-index:1;
}


#main_text { 
	width:962px;
	text-align:left;
	background-image:url(images/main_bckgrnd.png);
	background-repeat:repeat-y;
	z-index:2;
}

#navigation {
	float:right;
	top:0px;
	width:595px;
	height:55px;
	margin-top:100px;
	margin-left:0px;
	padding-top:0px;
	padding-left:0px;
	text-align:left;
	z-index:1;
}


#slideshow {
	float:left;
	width:650px;
	height:236px;
	padding-top:5px;
	padding-bottom:50px;
	padding-left:10px;
	text-align:left;
	z-index:3;
}

#slider {
    position:relative;
    width:618px; /* Change this to your images width */
    height:246px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}

.topbox {
	float:left;
	width:246px;
	height:115px;
	margin-left:20px;
	padding-top:10px;
	text-align:left;
	z-index:3;
}

.box {
	float:left;
	width:194px;
	margin-top:25px;
	margin-left:30px;
	padding:3px;
	border-style:dotted;
	border-color:#CCCCCC;
	border-width:1px;
	text-align:left;
	z-index:3;
}


.column {
	float:left;
	width:430px;
	margin-left:25px;
	padding-left:8px;
	padding-right:5px;
	padding-top:15px;
	padding-bottom:10px;
	text-align:left;
	z-index:30;
}


.column ul	{
	padding-left:65px;
	padding-top:15px;
	padding-bottom:0px;
}

.column li {
	padding-left:15px;
	padding-bottom:8px;
	vertical-align:top;
	list-style:square;
	list-style-image:url(images/tick.jpg);
	list-style-position:outside;
}

.text_full {
	float:left;
	width:898px;
	margin-left:25px;
	padding-bottom:10px;
	padding-left:8px;
	padding-right:5px;
	text-align:left;
	z-index:2;
}

.text_full ul	{
	padding-left:65px;
	padding-top:15px;
	padding-bottom:0px;
}

.text_full li {
	padding-left:15px;
	padding-bottom:4px;
	vertical-align:top;
	list-style:circle;
	list-style-image:url(images/tick.jpg);
	list-style-position:outside;
}

#bottom {
	clear:both;
	width:962px;
	height:10px;
	text-align:left;
	z-index:2;
}

#footer {
	float:right;
	width:962px;
	height:45px;
	padding-bottom:5px;
	text-align:center;
	z-index:2;
}

#footer A {
    font-family:century gothic;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	text-decoration:none;
}

#footer A:active {
 	font-family:century gothic;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration:none;
}	
	
#footer A:hover {
	font-family:century gothic;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
    text-decoration:underline;
}

.box_2 {
	float:left;
	width:290px;
	margin-left:18px;
	padding:3px;
	background-color:#0095a6;
	filter:alpha(opacity=75);
	opacity:0.75;
	border-style:dotted;
	border-color:#CCCCCC;
	border-width:1px;
	font-family:Georgia;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-align:left;
	z-index:3;
}


/* Navigation Setup */

ul.cssmenu {
    list-style: none;
    padding: 0px;
    }
.displace {
    position: absolute;
    left: -5000px;
    }
ul.cssmenu li {
    float: left;
    }
ul.cssmenu li a {
    display: block;
    width: 85px;
    height: 55px;
    background: url('images/menu.png');
    }
/*
*    Normal Links
*/
ul.cssmenu li.home a {
    background-position: 0px 0px;
    }
ul.cssmenu li.about a {
    background-position: -85px 0px;
    }
ul.cssmenu li.webdesign a {
    background-position: -170px 0px;
    }
ul.cssmenu li.consultancy a {
    background-position: -255px 0px;
    }
ul.cssmenu li.portfolio a {
    background-position: -340px 0px;
    }
ul.cssmenu li.faqs a {
    background-position: -425px 0px;
    }
ul.cssmenu li.contact a {
    background-position: -510px 0px;
    }
/*
*    Hover Links
*/
ul.cssmenu li.home a:hover {
    background-position: 0px -55px;
    }
ul.cssmenu li.about a:hover {
    background-position: -85px -55px;
    }
ul.cssmenu li.webdesign a:hover {
    background-position: -170px -55px;
    }
ul.cssmenu li.consultancy a:hover {
    background-position: -255px -55px;
    }
ul.cssmenu li.portfolio a:hover {
    background-position: -340px -55px;
    }
ul.cssmenu li.faqs a:hover {
    background-position: -425px -55px;
    }
ul.cssmenu li.contact a:hover {
    background-position: -510px -55px;
    }
/*
*    Clicked Links
*/
ul.cssmenu li.home a:active {
    background-position: 0px -110px;
    }
ul.cssmenu li.about a:active {
    background-position: -85px -110px;
    }
ul.cssmenu li.webdesign a:active {
    background-position: -170px -110px;
    }
ul.cssmenu li.consultancy a:active {
    background-position: -255px -110px;
    }
ul.cssmenu li.portfolio a:active {
    background-position: -340px -110px;
    }
ul.cssmenu li.faqs a:active {
    background-position: -4250px -110px;
    }
ul.cssmenu li.contact a:active {
    background-position: -5100px -110px;
    }

/*
*    Selected/Active Links
*/
ul.cssmenu li.home a.selected {
    background-position: 0px -165px;
    }
ul.cssmenu li.about a.selected {
    background-position: -85px -165px;
    }
ul.cssmenu li.webdesign a.selected {
    background-position: -170px -165px;
    }
ul.cssmenu li.consultancy a.selected {
    background-position: -255px -165px;
    }
ul.cssmenu li.portfolio a.selected {
    background-position: -340px -165px;
    }
ul.cssmenu li.faqs a.selected {
    background-position: -425px -165px;
    }
ul.cssmenu li.contact a.selected {
    background-position: -510px -165px;
    }