@import url(//fonts.googleapis.com/css?family=Open+Sans:600,400,300,100);
*{font-family: "Open Sans", Arial, Sans-Serif;font-size:14pt; }
body{text-align: center; padding: 0; margin: 0;}
div{text-align: left;}
/*FONT STYLING*/
h1, h2, h3, h4{ padding: 0; margin: 0; font-size: medium;font-weight: normal; color: #036f8a;}
h2, h3, h4{margin-top: 15px;}
h1{margin-left: -0px; text-align: center;font-size: 36pt; letter-spacing: -2px;}
h2{margin-left: 0px;font-size:24pt; }
h3{font-size:16pt;}
h4{font-size:14pt;}
strong{font-weight: 600;}

p, li, a{ padding: 0; font-weight: 300; }
p, em, strong, b, i, ol, ul, label, a{margin: 0; padding: 0; letter-spacing: 1px;  margin-bottom: 6px; text-decoration: none; }
p, ol, ul, label, a{color: #5a5a5a;}
ul{ list-style-type: square;}	ul{padding-left: 30px;}	ol{padding-left: 35px;}
#great-features li, #whyChooseUs p{font-size: 1.1em;}
#great-features p
/* ************************ */
/* LINKS and NAVIGATION */
a img{text-decoration: none; border: none;}
a#logo_link {font-family: Arial, Sans-Serif; color: white; text-decoration: none; letter-spacing: -4px;font-weight: bold;font-size: 3em;}
a#logo_link:hover, a#logo_link:focus{background: none; text-shadow: 0px 0px 15px rgba(255,255,255, 1.0)}
a{text-decoration: underline;}	a:hover{color: white; background: #0485a6;}

.link_container a:link,  a:hover, a:focus, a#logo_link, .menu li a, .form_button, .form_button_large, tr:hover  .page_tabs ul a:hover, .page_tabs ul a:focus, a:link, .login_button{-moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out;	transition: all 0.8s ease-in-out;}

.link_container a:active, .big_link:active, .more_link:active, .form_button:active, .form_button_large:active, .small_button a:active, .page_tabs ul a:active{-moz-transition: all 0.0s ease-in-out; -webkit-transition: all 0.0s ease-in-out; -o-transition: all 0.0s ease-in-out; transition: all 0.0s ease-in-out;}

a.button, .login_button{ border: 2px solid #036f8a; padding: 10px;  margin: 0 auto; margin-top: 20px; text-decoration: none; text-transform: uppercase; font-weight: 400; background: white; color: #036f8a;}

.login_button{ display: block; width: 150px; margin-bottom: 30px;}

a.button:hover, a.button:focus, .login_button:hover, .login_button:focus{background: #036f8a; color: white;}
a.tag{ background: #036f8a; padding: 5px 10px; display: block; max-width: 150px; float: left; margin: 10px 10px 0px 0px;text-decoration: none;  color: white; /*text-transform: uppercase;*/}a.tag:hover, a.tag:focus{background: #0485a6;}

.menu {list-style-type: none;}
.menu li{float: left; list-style-image: none;}
.menu li a:focus, .menu li a:hover, .menu li.selected a, #ResponsiveMenu ul li a:focus, #ResponsiveMenu ul li a:hover, #ResponsiveMenu ul li.selected a, #ResponsiveMenuButton li a.selected {background: #0485a6;}
.menu li a{display: block; margin-top: 2px; height: 41px; text-align: center; text-decoration: none; color: white;font-size: 20px; line-height: 20px; padding: 5px 12px; letter-spacing: -1px; background: none	; margin-left: 2px;}
fieldset{padding: 0; margin: 0; border: none;}
/* ************************ */
/* HEADER & FOOTER */
#header, #advert, #body_wrap, #footer{margin: 0 auto; margin-bottom: 10px; }
#header, #footer{ width: 100%; min-width: 300px;}
#header {height: 55px; background: #036f8a; color: white; text-align: center; overflow: hidden;}
#inner_footer, #inner_header{ width: 300px; margin: 0 auto; overflow: hidden;}
.find_server{text-align: center; height: 400px;}

#footer{clear: left; text-align: center; border-top: 1px solid #5a5a5a; background: #5a5a5a; margin-bottom: 0; margin-top: 50px;}
#footer article{width: 250px; height: 400px; padding: 10px;float: left; }
#footer article ul {list-style-type: none; list-style-image: none; padding: 0; margin: 0;}
#footer article p{ color: white;}
#footer article ul li, #footer article ul li a, #footer article, #footer article a{font-size: 1em; color: white;}
p.small {font-size: 12px; padding: 0; margin: 0;}
p.small a{font-size: 12px; padding: 0; margin: 0;}

article#footer_blog{height:400px;}
article#footer_blog div{padding: 5px 0px; overflow:auto; display:table;}
article#footer_blog div div.img{width: 128px; height: 72px; float: left; display: none;}
article#footer_blog div div {display:table-cell; vertical-align: middle; padding-left: 10px;}
.social {display: block; width: 35px; height: 32px; padding-top: 3px;  border: 2px solid #0485a6; text-align: center; background: #0485a6; text-decoration: none; color: white; font-size: 1.25em; letter-spacing: -1px;}
.social:focus, .social:hover{background: #036f8a;}
.social{float: left; margin: 0px 5px; text-align: center; overflow: none;}
.social:active{/*width: 56px; height: 46px; margin: 2px; */}
#copyright .wrapper a, #copyright .wrapper p{ color: white;}

/* ************************ */
/* BODY STYLING 			*/
/* ************************ */

div#testimonies, #domains{ overflow: auto; padding: 10px; border-top: 5px solid #0485a6; border-bottom: 5px solid #0485a6; margin: 0 auto; }
#testimonies img{ float: left;  margin: 0px 50px 0px 0px;}

#testimonies{margin-bottom: 40px;}

.form_button:hover, .form_button:focus, .form_button_large:hover, .form_button_large:focus {background: #0485a6;}
.form_button:active {height: 56px; width: 116px; margin: 7px;}
.form_button, .form_button_large{display: block;border: 0; background: #036f8a; margin: 5px;width: 120px; color: white; letter-spacing: -2px;}
.form_button{ height: 60px;}	.form_button_large{height: 120px; font-size: 40px;}
.form_button_large:active {height: 116px; width: 116px; margin: 7px;}

table.styled{border-collapse: collapse; border: 1px solid #036f8a;}
th{background: #036f8a; color: white; padding: 5px 15px;}
td{padding: 5px 15px; color: #5a5a5a; font-size; 1em; letter-spacing: 1px;}
table.hover_enabled tr:hover{background: #0485a6;}

select.text_in, input.text_in, textarea.text_in { border: 1px solid #5a5a5a; color: #5a5a5a; letter-spacing: 2px; font-size: 1em; height: 53px; padding: 0px 15px;margin: 5px; font-weight: 100;}	textarea.text_in{resize: none; padding: 15px;}
label{display: block; margin: 5px; height: 33px; padding-top: 22px; border: 0px solid black;}

.title-space{ width: 1000px; margin: 0 auto; margin-bottom: 10px; margin-top: -5px; overflow: hidden;}



/* Cookie Nonsense */
#cookieSol {  margin-left: -20px; background: #FFEEBB; color: black; font-family: Arial; text-align: center; opacity: 0.9; padding: 10px;margin-bottom: 10px;}
#cookieSol input {font-size: 100%; float: right; padding: 10px; margin-top: 3px; margin-left: 10px;}
#cookieSol #wrapper {text-align: left; margin: 0 auto; max-width: 980px; }

/*OFFERS*/
.offer_image{position: absolute; z-index: 0; margin-top: 5px; margin-left: 5px;}
.offer{color: #df6f00; /* margin-left: -15px; */}
span.headline{font-size: 1.5em;line-height: 20px; letter-spacing: -2px; color: #df6f00;}
span.terms {font-size: 0.75em; line-height: 20px; letter-spacing: -1px;}
.offer ul li{padding: 3px; letter-spacing: -1px; font-size: 1.25em;color: #df6f00;list-style-image: url('../images/bullet_offer.png');}

/* HOSTING PAGE COMMON */
#hosting_plans{margin-top: 50px; margin-bottom: 50px;}
#hosting_plans article{text-align: center; height: 250px; color: #5a5a5a;}
#hosting_plans article p{text-align: center; /*font-size: 18pt;*/}
#hosting_plans h2{margin:0;}
#whyChooseUs {text-align: center; font-size: 1.25em;}
#domains{ margin: 0 auto;  text-align: center; padding: 30px 0px;}#domains article p{font-size: 30px;}
#hosting-features{text-align: center;}
#hosting-features  img{margin: 0 auto;}
#hosting-features  p{text-align: center; font-size: 1.1em; margin-top: 20px;}
/*#hosting-features article{width: 580px; margin: 10px; float: left;}*/

/*DEFAULT RULES*/
.welcomeBackMenu{background: #5a5a5a;color: #FFF; padding: 10px 0px;} .welcomeBackMenu a {color: #FFF;} .welcomeBackMenu article.options, .welcomeBackMenu article.profile-options{text-align: center;}
.four_columns, .three_columns, .two_columns, #body_wrap, #hosting-features, .welcomeBackMenu {width: 300px; overflow: auto;margin: 0 auto;}
.four_columns article, .three_columns article, .two_columns article, #body_wrap article, .welcomeBackMenu article{width: 300px; border: 0px solid black;}
.four_columns article, .three_columns article, .welcomeBackMenu article{width: 276px; padding: 12px; float: left; }
.four_columns article p, .three_columns article p, .two_columns article p {margin-bottom: 30px; text-align: justify;}


#blog_posts article div.img, #portfolio article img {width: 280px; }
#blog_posts article div.img{height: 210px; margin-bottom: 10px; background-position:center center;}
#hosting-features article, #chooseUs article{text-align: center; margin-bottom: 20px;}
#hosting-features article img,  #whyChooseUs article img { height: 75px; width:auto; margin: 0 auto;}
a#topic_tag {padding: 10px; border-radius: 5px; text-align: center; float: left; margin: 10px 10px 0px 0px; text-decoration: none; color: white; font-weight: bold; background: grey; }
a:hover#topic_tag{background: #036f8a;}
#body_wrap article{width: 260px;border: 5px solid #036f8a; border-width: 5px 0px;background: #FBFBFB;margin: 50px 0px; padding: 20px;} #body_wrap article.offer{border-color: #DF6F00;}


#blog_posts article{height: 453px; margin-bottom: 20px; color: #5a5a5a;}

article#contact-social a img{border: 0; width: 50px; height: 50px; margin: 10px 10px;}
article#contact-social a:hover, article#contact-social a:focus{background: none; }

/*Implementing contact form?*/
#contact-form{  padding: 20px; background: #5a5a5a; overflow: auto; margin: 0 auto; margin-bottom: 30px; margin-top: 30px;}
#contact-form, #contact-form article{width: 260px; text-align: center;}
#contact-form article input[type="text"], #contact-form article #phone_number{ width: 234px; }
#contact-form article #besttime, #contact-form article #service{width: 260px;}
#contact-form article{ color: white;}
#contact-form article label{ color: white;}
#contact-form article input[type="text"], #contact-form article select{border: 3px solid #5a5a5a;}
#contact-form article input[type="text"], #contact-form input[type="submit"], #contact-form article select{font-size: 1em; margin-bottom: 20px; color: #5a5a5a;}
#contact-form article input[type="text"]:focus, #contact-form article select:focus, #contact-form textarea:focus{border: 3px solid #036f8a; outline: none;}
#contact-form article input[type="text"], #contact-form article  #phone_number, #contact-form article select{padding: 10px;} select{height: 51px; }
#contact-form article textarea{ height: 150px; border: 3px solid #5a5a5a; padding:10px; resize: none; width: 234px;}
#contact-form article input[type="submit"] {width: 150px; padding: 10px; margin: 13px 0px 0px 0px;}
#contact-form h2{margin: 0; padding: 0; text-align: center; color: white; margin-bottom: 15px;}
/*Implementing contact form?*/

#copyright .wrapper{width: 280px; padding: 10px;margin: 0 auto; overflow: auto;}
#copyright .wrapper .social_buttons{margin: 0 auto; width: 200px; height: 45px;}
#copyright .wrapper .copy_statement{ width: 280px; overflow: auto; text-align: center;}

article#footer_services ul{margin-bottom: 20px;}
article#footer_about{height: 250px;}
article#footer_services{height: 300px;}


.blogPreview article{background: #FBFBFB;}

/*RESPONSIVE MENU*/
#fullMenu{display: none;}
#ResponsiveMenuButton{display: none; list-style-type: none; }
#header{height: auto;}
#inner_header{height: 55px;}
#ResponsiveMenu {width: 300px; margin: 0 auto; padding: 0px; /*background: #5a5a5a;*/background: #036f8a; overflow: auto; /*display: none;*/}
#ResponsiveMenu ul{margin: 0; padding: 0; border-top: 1px solid #0485a6; padding-top: 5px; overflow: auto; padding-bottom: 5px;}
#ResponsiveMenu ul li{ margin: 0; padding: 0; list-style-image: none;  float: left;}
#ResponsiveMenu ul li img{ width: 40px; float: left; margin: 0px 20px 0px 0px; }
#ResponsiveMenu ul li a{display: block; width: 250px; height: 40px; padding: 10px 20px; margin: 5px 5px; color: #FFF;text-decoration: none;line-height: 1;}
ul li a.single{line-height: 2;}