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

/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1.2em;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/* General Styles */
body {margin-top:30px;margin-bottom:80px;padding:0;font-family:arial;font-size:12px;color: #fff;background:#000 url(../images/pattern.png) repeat;line-height:18px;}
.right {float:right;padding:0;}
.clear {clear:both;}
.right-btn {float:right;margin-right:10px;margin-top:20px;}
.right-img {float:right;margin:20px;}
.left {float:left;}
.bold {font-weight:bold}
a {color:#38AFEB;text-decoration:none;}
a:hover {text-decoration:underline;}
h1,h2,h3,h4,h5 {font-size:18px;font-weight:normal;padding-bottom:10px;}
p {padding-bottom:14px;}
.first {padding-top:10px;}
.divider{float:left;width:580px;margin: 0 auto;height:1px;border-top:1px dotted #333;}
.divider-long {width:940px;margin: 0 auto;height:1px;border-top:1px dotted #333;}
h2.small {font-size:16px;font-weight:bold;padding-top:4px;}
.cross {background-image:url(../images/red-cross.png);background-position:0 0.3em;background-repeat:no-repeat;padding:0 0 0px 25px;font-weight:bold;}
.blue-tick {padding-bottom:6px;background-image:url(../images/bullet.gif);background-position:0 0.1em;background-repeat:no-repeat;padding:0 0 8px 25px;font-weight:normal;font-weight:bold;}
.green-tick {background-image:url(../images/tick.png);background-position:0 0.3em;background-repeat:no-repeat;padding:0 0 0px 25px;font-weight:bold;}

/* Page Containers */
#page-container {width:980px;margin:0 auto;}
#sub-container {width:980px;}
#main-page-container {width:940px;margin: 0 auto;padding-left:20px;}
#main-page-container2 {width:940px;margin: 0 auto;}
#main-page-container,#main-page-container2 ul {margin:0 0 10px 0;}
#main-page-container ul li {padding-bottom:6px;background-image:url(../images/bullet.gif);background-position:0 0.1em;background-repeat:no-repeat;padding:0 0 8px 25px;font-weight:normal;}

/* Portfolio */
.portfolio-box {width:940px;float:left;margin-top:20px;}
.portfolio-text {float:right;width:420px;}
.portfolio {padding:4px;border:1px solid #333;}

/* Header & Top Links */
#top-links {width:940px;margin: 0 auto;height:16px;border-bottom:1px dotted #333333;padding-bottom:10px;color:#333333;}
#top-links p {color:#fff;}
#top-links a {margin:0 2px 0 2px;}
#header {width:980px;margin:20px 0 20px 0;}
#logo {width:980px;height:74px;padding-top:10px;margin-left:20px;}

/* Menu Styles */
#menu {width: 940px;height:50px;margin: 0 auto;background: #000 url(../images/nav-bg.gif);background-repeat: no-repeat;border:1px solid #1c1c1c}
#menu_ul {color: #FFFFFF;width: 100%;float: left;font-size:12px;font-family:arial;font-weight:bold;}
#menu ul li {display: inline;}
#menu ul li a {background-color: transparent;color: #fff;text-decoration: none;float: left;padding:16px 20px 16px 20px;border-right:1px solid #131313;}
#menu ul li a:hover {color: #2DACDA;background-color:#000;}
#menu #menu_selected a {color: #2DACDA;background-color:#000;}

/* Main Content */
.main-box-small {float:left;width:280px;padding:0px 20px 10px 20px;margin-bottom:20px;}
.box-pricing {float:left;width:280px;padding:0px 20px 10px 0px;margin-bottom:20px;}
.main-box-small ul li {padding-bottom:6px;background-image:url(../images/bullet.gif);background-position:0 0.1em;background-repeat:no-repeat;padding:0 0 8px 25px;font-weight:bold;}
.main-box-text {height:240px;}
.main-box-large {float:right;width:460px;margin-right:16px;margin-bottom:10px;margin-top:20px;}
.main-box-large-left {float:left;width:460px;margin-left:20px;margin-bottom:20px;margin-top:20px;padding-right:10px;}
.main-box-large-left ul li {padding-bottom:6px;background-image:url(../images/bullet.gif);background-position:0 0.1em;background-repeat:no-repeat;padding:0 0 8px 25px;font-weight:bold;}
.testimonial {width:426px;background-color:#000;padding:10px 10px 0 10px;margin-top:5px;border:1px solid #333;}
.testimonial2 {width:926px;background-color:#000;padding:10px 10px 0 10px;margin-top:5px;border:1px solid #333;}
.testimonial3 {width:266px;background-color:#000;padding:10px 10px 0 10px;margin-top:5px;border:1px solid #333;}
.testimonial-text {color:#45b1fd; font-style:italic;}

/* Map */
#map {float:right;width:540px;height:380px;border:4px solid #333;margin:20px 0px 20px 0;}

form {}
input {height:20px;background-color:#000000;color:#fff;border:1px solid #666;}
textarea {background-color:#000000;color:#fff;border:1px solid #666;}


/* Footer */
#footer {clear:both;width:940px;margin: 0 auto;border-top:1px dotted #333;padding-top:20px;padding-bottom:20px;}

/**** Overlay Picture Hover ***/
.overlay_picture {border:none; z-index: 0;background-repeat:no-repeat;background-position: 0.2em;}
a.overlay_picture:hover  { text-decoration: none; filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7;border: none;}
a.overlay_picture:hover span {filter: alpha(opacity=130); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=130); opacity: 1.3; -moz-opacity: 1.3;border: none;}


