/*
		HTML and Body
	----------------------------------------------------------------------*/

	html {
	}

		body {
			background: #152f6a url('/img/design/body.png') center top repeat-x;
			text-align: center;
            padding-top: 20px;
		}

			.wrapper {
				margin:     0 auto;
				text-align: left;
				width:      900px;
                padding: 0 0px;
                background: url(../../img/design/wrapper.png) 0px 0px repeat-y;
			}


	/*
		Header
	----------------------------------------------------------------------*/

	#header {
		height:      121px;
        background: url(../../img/design/header.png) 0px 0px no-repeat;
        margin: 0 20px;
        position: relative;
	}

		#header p.logo {
			display: inline;
			float:   left;
            margin: 0;

		}

			#header p.logo a {
				display:     block;
				height:      111px;
				text-indent: -9999px;
				width:       500px;
			}
        #enquiry_btn {
            position: absolute;
            display: block;
            top: 33px;
            left: 672px;
            width: 165px;
            height: 37px;
            color: #fff;
            font-family: 'MetaNormalRoman', sans-serif;
            text-transform: uppercase;
            font-size: 1.6em;
            text-align: center;
            padding-top: 18px;
            text-shadow: #183574 1px 1px 0px;
        }
        #enquiry_btn:hover {
            color: #adceff;
            text-decoration: none;
        }


	/*
		Navigation
	----------------------------------------------------------------------*/

	#navigation ul {
		list-style: none;
        margin: 0;
        padding: 0;
        font-family: times;
        margin-bottom: 20px;
        font-family: 'MetaNormalRoman', sans-serif;
	}

		#navigation li {
			margin: 0;
            padding: 0;
            list-style: none;
		}

		#navigation li a {
			color: #3a74cc;
            display: block;
            text-transform: uppercase;
            padding: 19px 0 0 0;
            width: 190px;
            height: 31px;
            background: url(../../img/design/border.png) top left no-repeat;
            line-height: 1em;
            font-size: 1.25em;
		}
        #navigation li.first a {
            background: none;
            padding-top: 18px;
            height: 32px;
        }
        #navigation li.next a {
            background: none;
        }

        #navigation li.last {
            background: url(../../img/design/border.png) bottom right no-repeat;
            padding-bottom: 2px;
        }

        #navigation li.active {
            position: relative;
            border: 1px solid #10265b;
            position: relative;
            left: -30px;
            width: 218px;
            background: #0b1c4b;
        }
        #navigation li.active a {
            width: 189px;
            height: 32px;
            padding-top: 16px;
            padding-left: 29px;
            color: #fff;
            background: transparent;
        }

        #navigation li.active a.open {
            border: none;
            width: 191px;
            background: url(../../img/design/nav_active.png) 16px 19px no-repeat;
            height: 30px;
            color: #76a0e0;
        }
        #navigation li.active ul {
            margin-bottom: 5px;
        }
            #navigation li.active ul li {
                position: static;
                border: none;
                left: 0;
                width: auto;
                background: transparent;
            }
            #navigation li.active ul a {
                border: none;
                background: url(../../img/design/nav_sub.png) 19px 50% no-repeat;
                width: 191px;
                color: #fff;
                font-size: .95em;
                padding-left: 38px;
                padding-top: 14px;
                height: 30px;
                font-family: arial, sans-serif;
            }
            #navigation li.active ul li.active a {
                color: #76a0e0;
            }
            #navigation li.active ul a.last {
                background: url(../../img/design/nav_sub_bottom.png) 19px 50% no-repeat;
            }

            #shadow {
                display: block;
                width: 10px;
                height: 10px;
                background: url(../../img/design/shadow.png) 0px 0px no-repeat;
                position: absolute;
                bottom: -10px;
                left: -1px;
            }
    
	/*
		Page Layout
	----------------------------------------------------------------------*/

	#page {
        margin: 0 20px;
        padding-top: 19px;
	}
    .home #page {
        margin-right: 0;
    }

		#content {
            width: 610px;
            float: left;
            padding: 0 20px 20px 0;
		}
        .home #content {
            width: 650px;
            padding-right: 0;
        }
		#navigation {
            width: 190px;
            padding-left: 30px;
            position: relative;
            left: -10px;
            float: left;
            margin-right: 10px;
            padding-bottom: 20px;
		}
        #online_payments {
            display: block;
            padding: 20px;
            font-size: 1.4em;
            border-top: 1px solid #cac5b0;
            border-left: 1px solid #cac5b0;
            background: #fff;
        }

        #home_welcome {
            background: #0b1c4b;
            border: 1px solid #0b1c4b;
            margin-right: 10px;
            padding: 14px 10px 7px 20px;
            position: relative;
}
#home_welcome #shadow {
    left: auto;
    right: -1px;
    bottom: -11px;
    background-image: url(../../img/design/shadow_right.png);
}
#home_welcome h1 {
    color: #e8ebf5;
    background: transparent;
    padding: 0;
    margin: 0;
    font-size: 2.6em;
    text-shadow: #050f2b -1px -1px 0px;
}
#home_welcome p {
    color: #c5d3de;
}

#slider_wrap {
    padding: 0 0px 10px 0;
    width: 610px;
    position: relative;
    overflow: hidden;
}

#slider {
}
#slider li {
    margin: 0;
    width: 610px;
}

#slider li a.service_image {
    display: block;
    float: left;
    margin: 5px 20px 0 0px;
}
#slider li a.service_image img {
    border: 3px solid #fff;
    float: left;
}
#slider li a.service_image:hover img {
    border-color: #a09879;

}
#slider li div {
    float: left;
    width: 320px;
    padding-top: 10px;
}
    #slider li div h3 {
        font-size: 1.8em;
        margin: 0 0 5px 0;
    }
    #slider div p {
        margin: 0 0em .75em 0;
}
    #slider div a.read_more {
        display: block;

                text-transform: uppercase;
                font-size: .85em;
                
}

#jcarousel-control {
    margin-left: 232px;
}
#jcarousel-control a {
    display: block;
    float: left;
    width: 8px;
    height: 8px;
    background: url(/img/design/carousel_dot.png) 0px 0px no-repeat;
    text-indent: -9999px;
    margin-right: 4px;
}
#jcarousel-control a.active {
    background: url(/img/design/carousel_dot_active.png) 0px 0px no-repeat;
}
#content_pad {
    width: 610px;
}

	/*
		Page Elements
	----------------------------------------------------------------------*/
    img.cms_image {
        float: right;
        margin: 0 0 20px 20px;
    }
	div.alert {
		background:    10px 13px no-repeat;
		border:        1px solid;
		clear:         both;
		color:         #525252;
		margin:        0 auto 20px;
		padding:       12px 14px 12px 35px;
        border-color: #a8a89a #fff #fff #a8a89a;
	}

		div.done    { background-color: #e9fad0; background-image: url('/img/icons/tick.png');  border-color: #aee756; }
		div.error   { background-color: #fff; background-image: url('/img/icons/cross.gif'); }
		div.warning { background-color: #ffefb5; background-image: url('/img/icons/error.png'); border-color: #ffca0b; }

		.alert h2 {
			font-size:   1.6em;
			font-weight: bold;
			line-height: 1.1;
			margin:      0 0 .7em;
		}

		.alert p {
			margin-bottom: .5em;
		}

		.alert ul {
			margin:  0;
			padding: 0;
		}
            .alert ul li { list-style: none; margin: 0; }



  ul.thumb_list {
        list-style: none;
        margin: 0;
        padding: 2px 0 0 0;
    }
        ul.thumb_list li {
            float: left;
            width: 295px;
            list-style: none;
            margin: 0 20px 0px 0;
            min-height: 160px;
            font-size: 1.3em;
        }
        ul.thumb_list li.even { margin-right: 0; }

        ul.thumb_list li a.thumb {
            display: block;
            width: auto;
            float: left;
            margin-right: 15px;
            border: 1px solid #ccc;
            padding: 4px;
            background: #fff;

        }
        ul.thumb_list li a.thumb {
            float: left;
        }
        ul.thumb_list li a.thumb:hover {
            border-color: #749BCF;
       }
            ul.thumb_list li a img { float: left; margin: 0; }
            ul.thumb_list li h3 {
               font-size: 1.7em;
               margin-bottom: .35em;
            }
                ul.thumb_list li h3 a {
                }
            ul.thumb_list li p {
                padding: 0px 0 0px 0px;
                line-height: 1.45em;
                margin: 0;
                margin-left: 145px;
            }
            ul.thumb_list li a.read_more {
                display: block;
                padding: 0px 0 0 20px;
                text-transform: uppercase;
                font-size: .85em;
            }

    ul.block_list {
        list-style: none;
        margin: 0;
        padding: 2px 0 0 0;
    }
        ul.block_list li {
            float: left;
            width: 190px;
            list-style: none;
            margin: 0 20px 0px 0;
            min-height: 190px;
            font-size: 1.3em;
        }
        ul.block_list li.third { margin-right: 0; }

            ul.block_list li h3 {
                color: #fff;
                text-transform: uppercase;
                padding: 13px 0 0 10px;
                height: 27px;
                line-height: 1em;
                font-size: 1.2em;
                border: 1px solid #304272;
                background: #4f649b;
                margin: 0;
            }
                ul.block_list li h3 a {
                    color: #fff;
                }
            ul.block_list li p {
                background: url(../../img/design/block_list_p.png) 0px 0px no-repeat;
                padding: 7px 0 8px 20px;
                margin: 0;
            }
            ul.block_list li a.read_more {
                display: block;
                background: url(../../img/design/block_list_read_more.png) 0px 0px no-repeat;
                padding: 0px 0 0 20px;
                text-transform: uppercase;
                font-size: .85em;
            }


    #blog_intro {
        padding: 14px 20px 14px 46px;
        margin-bottom: 20px;
        background: #fff;
        border-top: 1px solid #a7bbc4;
        border-left: 1px solid #a7bbc4;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        background: #d7e1e6 url(/img/design/blog_info.png) 10px 14px no-repeat;
    }
    
    #blog_intro p {
        margin: 0;
}

ul.blog_list {
    margin: 0;
    padding: 0;
    font-size: 1em;
    padding: 3px 0px 0px 0px;
}
    ul.blog_list li {
        margin: 0;
        padding: 0;
        list-style: none;
        background: url(../../img/design/border.png) bottom left repeat-x;
        padding: 0 0px 8px 2px;
        margin-bottom: 15px;
    }
        ul.blog_list li h2 {
            font-size: 2em;
            margin-bottom: .35em;
        }
        ul.blog_list li p.posted {
            color: #888;
            margin-bottom: .8em;
        }
            ul.blog_list li p.posted strong {
                font-weight: normal;
                padding-right: 2px;
                padding-left: 2px;
                color: #666;
            }

            ul.blog_list li ul {
                padding: 0;
                margin: 0 1em 1.2em 0;
                background: transparent;
                font-size: 1em;
            }
                ul.blog_list li li {
                    padding: 0;
                    font-size: 1em;
                    list-style: disc;
                    background: transparent;
                    margin: 0 0 5px 40px;
                }


#blog_comments {
     padding: 3px 0px 0px 0px;
}
ul.comment_list {
    margin: 0;
    padding: 0;
}
    ul.comment_list li {
        list-style: none;
        margin: 0 0 20px 0;
        padding: 15px;
        border: 1px solid #4c89c1;
        background: #fff;
    }
        ul.comment_list li p {
            margin: 0;
        }
        ul.comment_list li p.meta {
            padding: 0 0 5px 0;
            color: #4f6385;
        }
        ul.comment_list li p.meta strong {
            font-weight: bold;
        }
        ul.comment_list li p.meta em {
            font-style: normal;
        }

    ul.comment_list li#comment_added {
         background: #73AFB0;
         border: 1px solid #539293;
         color: #fff;
    }
        ul.comment_list li#comment_added p.meta {
            color: #dfffff;
        }

    .payments_list {
        border-collapse: collapse;
        width: 100%;
        margin: 0 0 20px 0;
    }
        .payments_list th {
            background: #b0bfca;
            color: #213a63;
            padding: 10px 10px;
            font-size: 1.4em;
            border-top: 0px solid #7395a8;
            border-bottom: 1px solid #7395a8;
            border: 1px solid #7395a8;
        }
        .payments_list td {
            padding: 12px 10px 14px 10px;
            border-top: 1px solid #fff;
            border: 1px solid #7395a8;
            font-size: 1.3em;
            vertical-align: top;
        }
        .payments_list td.price { font-size: 1.4em; width: 70px; }
        .payments_list td.price em {
            font-size: .8em;
            display: block;
        }
        .payments_list td.paypal, .payments_list th.paypal { width: 80px; }
            .payments_list td h4 {
                margin: 0;
                font-size: 1.1em;
            }
            .payments_list td p {
                margin: 0;
                font-size: 1em;
            }

            form.paypay {
                margin: 0;
                padding: 0;
				text-align: center;
            }
                form.paypay input {
                    border: none;
                    margin: 0;
                    padding: 0;
                    float: none;
                    width: auto;
                }
	div.content_image {
		margin: 0 0 20px;
		width:  262px;
	}

		div.image_left {
			display: inline;
			float:   left;
			margin:  0 10px 10px 0;
		}

		div.image_right {
			display: inline;
			float:   right;
			margin:  0 0 10px 10px;
		}

		.content_image img {
			border:  1px solid #fff;
			display: block;
		}



	dl.contact_details {
		font-size: 1.5em;
		margin:    0 0 .5em;
         background: #d7e1e6;
        padding: 14px 20px 20px 20px;
        margin: 0 0 18px 0;
        border-top: 1px solid #c0cfd6;
        border-left: 1px solid #c0cfd6;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
	}

		.contact_details a {}

		.contact_details dt {
			clear:   both;
			display: inline;
			float:   left;
			margin:  0;
			width:   4em;
            padding-top: 4px;
		}

		.contact_details dd {
			display: inline;
			float:   left;
			width:   30em;
            padding-top: 4px;
		}

        p.company_registration {
            font-style: italic;
            color: #333;
}


        p.blog_paging {
            margin: 0;
}
p.blog_paging a {
    display: block;
    width: 150px;

}
p.blog_paging a.older {
    float: left;
}
p.blog_paging a.newer {
    float: right;
    text-align: right;
}

	/*
		Footer
	----------------------------------------------------------------------*/

	#footer {
        padding: 10px 21px 17px 21px;
        background: #152f6a url(../../img/design/footer.png) bottom left no-repeat;
        margin: 0 auto;
        position: relative;
        width:      858px;
	}

		#footer a {
            color: #3a74cc;
		}

			#footer a:hover {

			}

		#footer p {

		}

			#footer p.address {

			}

			#footer p.reg {

			}

			#footer p.footer_nav {
                color: #5573b7;
                margin: 6px 0 15px 18px;
                text-align: left;
			}
                #footer p.footer_nav a {
                    color: #3a74cc;
                }
                #footer p.footer_nav a:hover {
                    color: #5894ef;
                }
#designition {
   display: block;
   text-indent: -9999px;
   width: 20px;
   height: 18px;
   background: url(../../img/design/designition.png) 0px 0px no-repeat;
   position: absolute;
   top: 16px;
   right: 40px;
}
#designition:hover {
background-position: 0px -18px;
}



ul.sitemap {
    font-size: 1.4em;
    margin-left: 10px;
}
ul.sitemap ul {
    font-size: .8em;
    margin: 5px 0 10px 20px;
}



ul.multi_images,
ul.blog_list ul.multi_images,
.blog ul.multi_images {
        margin: 0;
        padding: 5px 0 0 0;
    }
        ul.multi_images li,
        ul.blog_list ul.multi_images li {
            list-style: none;
            margin: 0 20px 22px 0;
            list-style: none;
            padding: 0;
            float: left;
        }
        ul.multi_images li.first,
        ul.blog_list ul.multi_images li.first { clear: left; }

        ul.multi_images li a {
            display: block;
            width: auto;
            border: 1px solid #ccc;
            float: left;
            font-family: serif;
            font-variant: small-caps;
            background: #fff;
            padding: 8px;
            text-align: center;
            text-decoration: none;
            color: #333;
            font-size: 1.3em;
            -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.25);
            -moz-box-shadow: 0 2px 5px rgba(0,0,0,.25);
            -webkit-transition: -webkit-transform .15s linear;
        }
        ul.multi_images li a:hover {
            -webkit-transform: scale(1.05);
            -moz-transform: scale(1.05);
            -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.35);
            -moz-box-shadow: 0 3px 6px rgba(0,0,0,.35);
            position: relative;
            border-color: #749BCF;
            color: #2F527F;
            z-index: 5;
       }
            ul.multi_images li a img { float: left; margin: 0; }


            div.assoc_docs {

	}



		.assoc_docs ul {
			margin: 0;
		}

			.assoc_docs li,
            ul.blog_list .assoc_docs li {
				margin: 0 0 8px 0;
                padding: 0;
                list-style: none;
			}

                .assoc_docs a {
                    background-position: left 2px;
                    background-repeat:   no-repeat;
                    display:             block;
                    float:               none;
                    font-weight:         normal;
                    padding:             8px 0 8px 40px;
                    text-transform: uppercase;
                }

				.assoc_docs li.doc a  { background-image: url('/img/design/doc.png');      }
				.assoc_docs li.jpg a  { background-image: url('/img/design/jpg.png');      }
				.assoc_docs li.link a { background-image: url('/img/design/world_go.png'); }
				.assoc_docs li.pdf a  { background-image: url('/img/design/pdf.png');      }
				.assoc_docs li.ppt a  { background-image: url('/img/design/ppt.png');      }
				.assoc_docs li.xls a  { background-image: url('/img/design/xls.png');      }

				.assoc_docs a span {
					color:     #777;
					font-size: .9em;
				}

			.assoc_docs dd {
				color:        #444;
				font-size:    .9em;
				margin:       0 0 1em;
				padding-left: 24px;
				text-indent:  0;
			}

		.assoc_docs h3  {
            font-size: 2.4em;
            padding: 0px 0 5px 0;
            background: url(../../img/design/border.png) bottom left repeat-x;
		}
        ul.blog_list .assoc_docs h3,
        .blog .assoc_docs h3{
            font-size: 1.4em;
            background: transparent;
        }
        .blog .assoc_docs h3{
            font-size: 1.85em;
        }



ul.home_blog_list {
    margin: 0;
}
    ul.home_blog_list li {
        margin: 0 0 15px 0;
        list-style: none;
    }
        ul.home_blog_list li h4 {
            margin: 0 0 3px 0;
        }

        #content ul.home_blog_list a.read_more {
            text-transform: uppercase;
            font-size: .8em;
            font-weight: normal;
            text-decoration: none;
}
#content ul.home_blog_list a.read_more:hover {
    text-decoration: underline;
}

#cms_quotes {

}
    #cms_quotes li {
        list-style: none;
        background: url(../../img/design/border.png) bottom left repeat-x;
        padding: 0 0 10px 0;
        margin: 0 0 10px 0;
    }


    p.paging {
			color:       #666;
			font-size:   1.4em;
			margin: 0;
            padding: 15px 0;
			text-align:  center;
		}

			.paging a {
				padding:         3px 6px;
				text-decoration: none;
                border: 1px solid #ddd;

			}
                .paging a.current, .paging a.current:hover {

					color: #E05534;
					border-color: #E05534;
                    border-color: #fff;
                    background: #fff;
                    cursor: default;
                    font-weight: bold;
				}

				.paging a:hover {
					background:      #3350c0;
					color:           #fff;
					text-decoration: none;
                    border-color: #3350c0;
				}

			.paging span {
				color:   #999;
				padding: 1px 4px;
			}

            em.showing {
                display: block;
                padding-top: 10px;
                font-size: .9em;
                font-style: normal;
                color: #888;
                padding-right: 15px;
            }