/*----------------------------------------------------
                  CSS File
------------------------------------------------------*/
body{
	font-family:Tahoma,Arial,Verdana;
	font-size:11px;
	color: #333333; /*#868686;*/
	line-height:18px;
	padding:0px;
	margin:0px;
	background-color:#666666;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

.arrow-list{ list-style-type:none; list-style-position:outside; /*border-top:1px dotted #efefef; *//*width:200px;*/ }
	.arrow-list li{ /*border-bottom:1px dotted #efefef;*/color:#666666;display:block; padding:0px 0 6px 25px; background: url(../img/arrow-6.png) no-repeat 2px 7px;  }

a 

{

outline-width: medium;

outline-style: none;

outline-color: -moz-use-text-color;

}

.button 
{
width: 102px;
height: 41px;
display: block;
text-align: center;
line-height: 3.5;
color: #ffffff;
text-shadow: #000000;
background-color: transparent;
background-image: url("../img/buttons.html");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
font-weight: bold;
}

.button.black 
{
background-position: 0px -41px;
}

.button.black:hover 
{
background-position: 0px -123px;
}

table.gridtable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: Silver;  /*#666666;*/
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}




/* links */
a, a:visited{
	color: #31678E; /*#e1b025; */
	text-decoration:none;
}
a:hover{
	color:#e1b025; 
	text-decoration:underline;
}
a img{
	border:none
}
.imgcenter{
	margin:2px auto 15px auto;
	display:block
}
.imgmiddle{
	vertical-align:middle;
	margin-right:8px;
}
.imgopt{
	margin:-10px auto 15px auto;
	display:block
}

.imgleft{
	float:left; 
	margin:4px 13px 12px 0px;
}
.imgright{
	float:right; 
	margin:4px 0px 12px 13px;
}
hr {
	background-color:#dbdbdb;
	border-width:0;
	color:#dbdbdb;
	height:2px;
	line-height:0;
	margin:30px 0px !important;
	page-break-after:always;
	clear:both;
}



strong{color:#757575;}
.italictext{
	font-size:16px;
	font-style:italic;
	color:#b9b9b9;
	line-height:22px;
	margin-bottom:20px;
}

/* Lists, Blockquotes and Paragraphs */
p, ul, ol{
	margin-bottom:20px;
}
ul li{
	padding:0px 0px 0px 0px;
	line-height:20px;	
}
code{
	border-left:3px solid #d6d5d5;
	border-top:1px solid #d6d5d5;
	border-right:1px solid #d6d5d5;
	border-bottom:1px solid #d6d5d5;
  	background:#f8f8f8;
  	padding:7px 10px;
	font-size:11px;
  	display:block;
  	color:#858585;
  	margin-bottom:10px;
}

/* Pullquotes */
.pullquote_right,.pullquote_left{
	color:#9c9c9c;
	float:right;
	font-size:1.2em;
	letter-spacing:0px;
	margin-bottom:0;
	margin-top:7px;
	margin-left:20px;
	padding-left:15px;
	width:40%;
	font-weight:bold;
    font-style:italic; 
    line-height:1.4em;
    border-left:2px solid #cccccc;
}
.pullquote_left{
    border-right:2px solid #cccccc;
    border-left:none;
	float:left;
	margin-left:0px;
	margin-right:10px;
	padding-left:0;
	padding-right:15px ;
}

/* Dropcap */
.dropcap{
	float:left;
	font-size:30px;
	height:41px;
	line-height:30px;
	margin-bottom:-10px;
	margin-right:0px;
	padding-top:3px;
	text-align:center;
	width:41px;
}

/* Custom Message Styling */
.info {
	margin: 15px 0;
	color: #478BBF;
	padding: 8px 10px 8px 37px;
	background: #DCEFF5 url(../images/info.png) 12px 9px no-repeat;
	border: 1px solid #B8E7F5;
} 
.success {
	margin: 15px 0;
    color:#3F9153;  
    padding:8px 10px 8px 37px;
    background:#D7F7DF url(../images/success.png) 12px 9px no-repeat;
    border:1px solid #A3F7B8
}
.error {
    margin: 15px 0;
    color: #C24848;  
    padding: 8px 10px 8px 37px;
    background: #FFD6D6 url(../images/error.png) 12px 9px no-repeat;
    border: 1px solid #FFC2C2;
} 
.warning {
    margin: 15px 0;
    color: #CF9E00;  
    padding: 8px 10px 8px 37px;
    background: #FAF2D7 url(../images/warning.png) 12px 9px no-repeat;
    border: 1px solid #FAE8AF;
}
ul.arrow li{
	background-image:url(../img/arrow-6.png);
	background-position:0px center;
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px;
	line-height:20px;
	list-style-type:none;
	overflow:hidden;
}
ul.checklist li{
	background-image:url(../images/checklist.png) !important;
	background-position:0px center;
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px !important;
	line-height:24px !important;
	list-style-type:none;
}
ul.circle{
	list-style-type:none;
	margin:0px 0px 25px 0px;
	padding:0px;
	}
ul.circle li{
	line-height:18px;
	background-image:url(../images/circle.png);
	background-repeat:no-repeat;
	background-position:0px 11px;
	padding:4px 0px 4px 18px;
	margin:0px;
	}

ul.nolistblock li{
	padding:0px 0px 0px 0px !important;
	line-height:20px;
	display:inline-block;
	margin:0px 12px 0px 0px;
	background-image:none !important;
}
li.marginoff{margin-right:0px !important;}
ol li{
	list-style:decimal;
	line-height:24px;
	list-style-position:inside
}
blockquote{	
	background-image:url(../images/quote.png);
	background-repeat:no-repeat;
	background-position:0px 1px;
	font-style:italic;
	padding-left:35px;
	float:left;
}
.clear{clear:both;}
.center{text-align:center; margin-bottom:10px;}

/* heading */
h1{font-family: Arial, Helvetica, sans-serif; font-size:34px;color:#4f4f4f;margin-bottom:15px;line-height:26px;font-weight:normal;}
h2{font-family:Arial, Helvetica, sans-serif;font-size:28px;color:#4f4f4f;margin-bottom:15px;line-height:24px;font-weight:normal;}
h3{font-family:Arial, Helvetica, sans-serif;font-size:24px;color:#4f4f4f;margin-bottom:15px;line-height:20px;font-weight:700;
}
h4{font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#4f4f4f;margin-bottom:15px;line-height:18px;font-weight:normal;}
h5{font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#4f4f4f;margin-bottom:15px;line-height:16px;font-weight:normal;}
h6{font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#4f4f4f;margin-bottom:15px;line-height:16px;font-weight:normal;}

/* text styled */
.boldtext-medium{font-size:12px; font-weight:bold; color:#c6c6c6}
.boldtext-strong{font-size:20px; font-weight:bold; color:#c6c6c6}
.price{font-size:36px; color:#7f7f7f; font-weight:bold}
.boxtitle-hosting{font-size:14px; color:#7f7f7f; font-weight:bold; padding:0px 0px 15px 0px; display:block; line-height:10px;}
.redtext{color:#c22127;}
small{font-size:11px;}


/* --------------------------------------------------- 
						CONTAINER
------------------------------------------------------*/
#wraper{
	border-top:12px solid #4f4f4f;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}

#container {
	width:960px;
	margin:0px auto;
	background:#FFFFFF;
	height:auto;
	
}
#bottom-container{
	width:100%;
	background-color:#dbdbdb;
	background-image:url(../img/footer-bg.gif);
	background-repeat:repeat-x;
	border-bottom:12px solid #4f4f4f;
	/*float:left;*/
}

/* --------------------------------------------------- 
						HEADER
------------------------------------------------------*/
#header{
	width:960px;
	height:131px; /*140*/
	margin:0px auto;
	border-bottom:3px solid #f7c435;
}
#left-header{
	width:815px; /*725 408 px*/
	margin-top:1px; /* 12*/	
	float:left;
}


#logo{
	width:101px;
	margin:9px 0px 0px 13px;
	float:left;
}
#headname{
	width:750px; /*257*/
	height:102px; /* 62*/
	margin-top:13px; /*13*/
	padding:4px 0px 0px 13px;	/*24px 0px 0px 23px;*/
	border-left:1px solid #d5d5d5;
	border-right:1px solid #d5d5d5;
	font-size:11px;
	color:#a7a7a7;
	float:left;
}

#slide-content {
	width: 100%;
	display: inline;
	float: left;
	/*margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 20px;
	*/
}
#sidebar {
	width: 220px;
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
}
.one, .one-half, .two-third, .one-third, .one-fourth, .one-fifth, .one-sixth ,.inner-content, .one-third-big { 
	float:left; 
}
.one-half, .two-third, .one-third, .one-fourth, .one-fifth, .one-sixth, .inner-content,.one-third-big  {
	margin-right:  30px;
}
.one {
	width:960px;
}
.one-half {
	width:465px;
}
.two-third {
	width:630px;
}
.one-third  {
	width:300px;
}
/* --------------------------------------------------- */



/*------------------ 04 - Form Style ------------------*/

label {
	font-weight:normal;
	display:block;
	color:#7f7f7f;
}

input.text,input.title {
	width:200px;
	padding:5px;
	
}
input.title {
	font-size:1.5em;
}
textarea {
	width:450px;
	height:180px;
	padding:5px;
}
form.inline {
	line-height:3;
}
form.inline p {
	margin-bottom:0;
}
.login-input{
	background:#FFF url("../images/search-bg.html")  right no-repeat;
	padding:6px;
	/*border-radius:3px;*/
	
	width:125px;
	color:#c6c6c6;
	border:1px solid #CCCCCC;
	margin-top:5px;
}

/* CONTENT
------------------------------------------------------*/
#content{
	width:960px;
	margin:0px auto;
	height:auto;
	
}
#content-portfolio{
	width:990px;
	margin:0px auto;
}
.maincontent{
	/*padding:59px 0px 40px 0px;*/
	float:left;
}
.maincontent-front{
	margin-top: 10px; /*-18px;*/
	padding:0px 0px 10px 0px;
	float:left;
}


.maincontent-inner{
	padding:40px 0px 60px 0px;
	float:left;
}
.maincontent-blog{
	padding:34px 0px 40px 0px;
	float:left;
}
#content-left{
	width:900px; /* 648*/
	margin-right:10px; /* 30 */
	float:left;
}
#sidebar-right{
	width:245px; /*282 px*/
	min-height:598px;
	background-image:url(../img/sidebar-separartor-right.png);
	background-repeat:no-repeat;
	background-position:top left;
	float:left;
}

#content-left-placements{
	width:810px;
	margin-right:30px;
	float:left;
}
#sidebar-right-placements{
	width:150px; /*282 px*/
	min-height:598px;
	border-left: 1px solid silver;
	
	/*background-image:url(../img/sidebar-separartor-right.png);
	background-repeat:no-repeat;
	background-position:top left;*/
	float:left;
}


.big-quote{
	font-size:24px;
	line-height:22px;
	color:#a9a9a9;
	margin:0px;
	padding:0px 0px 0px 36px;
	float:left;
}
.big-quote p{
	margin:0px;
	padding:0px;
	float:left;
}

/* Front Content */
.column-box{
	width:697px;
	/*margin-bottom:41px;*/
	padding:25px 0px 0px 19px;
	border-right:5px dotted #dbdbdb;
	height: 4080px; /*230px;*/
	/*overflow:hidden;
	border-bottom:2px solid #dbdbdb;*/
	float:left;
}

}
.column-box p, .column-box-last p{
	width:297px; /*175 */
	float:left;
}
.phone-image{
	margin:0px 0px 0px 6px;
	float:left;
}
.front-column1{
	width:487px;
	float:left;
}
.front-column1-alt{
	width:605px;
	float:left;
}
.front-column2{
	width:443px;
	margin-left:30px;
	float:left;
}
.sub-heading{
	width:487px;
	border-bottom:2px solid #dbdbdb;
	margin:-15px 0px 27px 0px;
	padding-bottom:9px;
	float:left;
}
.sub-heading-alt{
	width:605px;
	border-bottom:2px solid #dbdbdb;
	margin:-15px 0px 27px 0px;
	padding-bottom:9px;
	float:left;
}
.side-box{
	width:304px;
	margin-left:29px;
	padding:23px 0px 10px 20px;
	border-left:2px solid #dbdbdb;
	border-bottom:2px solid #dbdbdb;
	float:left;
}
.sub-front-column1{
	width:372px;
	margin:31px 30px 0px 0px;
	float:left;
}
.sub-front-column2{
	width:203px;
	margin:31px 0px 0px 0px;
	float:left;
}
.store-button{
	margin-bottom:10px;
	float:left;
}

/* Contact */
.contactblock {
	width:100%;
	float:left;
	padding-bottom:17px;
}
.block1 {
	width:268px;
	float:left;
}
.contactblock h5 {
	color:#08387f;
	font-weight:bold;
	padding-bottom:17px;
}
.mailingaddress {
	/*float:left;*/
	padding-left:29px;
	background-image:url(../img/con_address.png);
	background-repeat:no-repeat;
	background-position:left 6px;
	color:#222427;
	padding-bottom:17px;
	width:221px; /* 221 */
}
.teleno {
	float:left;
	padding-left:29px;
	background-image:url(../img/con_tel.png);
	background-repeat:no-repeat;
	background-position:left top;
	color:#08387f;
	font-weight:bold;
	padding-bottom:19px;
	width:221px; /* 221*/
}
.teleno1 {
	float:left;
	padding-left:29px;
	line-height:9px;
	background-image:url(../img/con_fax.png);
	background-repeat:no-repeat;
	background-position:left top;
	color:#08387f;
	font-weight:bold;
	padding-bottom:24px;
	width:221px; /* 221 */
}
.teleno2 {
	float:left;
	padding-left:29px;
	line-height:9px;
	background-image:url(../img/con_mobile.png);
	background-repeat:no-repeat;
	background-position:left top;
	color:#08387f;
	font-weight:bold;
	padding-bottom:24px;
	width:221px; /*221*/
}

.emailaddress {
	width:100%;
	padding-bottom:14px;
	float:left;
	padding-left:29px;
	background-image:url(../img/con_mail.png);
	background-repeat:no-repeat;
	background-position:left 3px;
	width:221px; /*221*/
}
.contacticon {
	width:100%;
	float:left;
	padding-left:29px;
	background-image:url(../images/contacticon.png);
	background-repeat:no-repeat;
	background-position:left top;
	line-height:16px;
	font-weight:bold;
	color:#08387f;
}
.emailaddress a {
	color:#222427;
	display:inline-block;
	width:100%;
	padding-bottom:5px;
}
.mailingaddress p {
	padding-bottom:0 !important;
}

.imgborder 

{
background-color: #f6f6f6;
/*border-top-width: 1px;
border-right-width-value: 1px;
border-bottom-width: 1px;
border-left-width-value: 1px;
border-top-style: solid;
border-right-style-value: solid;
border-bottom-style: solid;
border-left-style-value: solid;
border-top-color: #eaeaea;
border-right-color-value: #eaeaea;
border-bottom-color: #eaeaea;
border-left-color-value: #eaeaea;*/
border: 1px solid #eaeaea;
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 4px;
}

.topnavigation {
	width:auto;
	height:30px;
	float:left;
	padding-bottom:1px; /* 8px*/
	color:#999999;
}
.topnavigation ul {
	float:left;
}
.topnavigation ul li {
	height:30px;
	float:left;
	color: #999999;
	text-align: center;
	
}


/* Footer Styling */
.footer-container{
	width:960px;
	height:55px; /*254*/
	margin:0px auto;
	background-image:url(../img/footer-glow.png);
	background-repeat:no-repeat;
	background-position:center 3px;
		
}
.footer-top{
	width:960px;
	/*height:86px;	*/
}
.footer-bottom-left{
	width:500px;
	float:left;
}
.footer-bottom-right{
	width:460px;
	float:left;
}
.slogan-heading p{
padding-top:10px;
text-align:center;
}
.slogan-heading h3{
	color:#686767;
	padding:32px 0px 0px 89px;
	float:left;
}
#logo-footer{
	width:101px;
	margin:37px 0px 0px 13px;
	float:left;
}
#address-footer{
	width:357px;
	margin-top:37px;
	padding:4px 0px 6px 23px;	
	border-left:1px solid #bcbbbb;
	font-size:11px;
	color:#999797;
	float:left;
}



/* Sidebar */
.sidebar-content{
	width:256px;
	margin:0px 0px 21px 25px;
	float:left;
}

.sidebar-content-placements{
	width:156px;
	margin:0px 0px 21px 25px;
	float:left;
}

.sidebar-content-feature{
	width:256px;
	margin:0px 0px 21px 0px;
	float:left;
}
.sidebar-box-brochure{
	width:278px;
	margin-bottom:40px;
	padding:18px 20px 8px 20px;
	background-color:#fbfbfb;
	border:1px solid #dddddd;
	float:left;
}
.sidebar-nobox{
	width:280px;
	margin-bottom:35px;
	float:left;
}
.sidebar-quote{
	width:280px;
	margin-bottom:20px;
	float:left;
}
.sidebar-box h3{
	margin-bottom:10px;
}
.sidebar-list{
	margin-top:-3px;
}
ul.sidebar-list li{
	border-bottom:1px solid #dbdbdb;
	line-height:28px;
	padding-bottom:3px;
	list-style-type:none;
}
ul.sidebar-list li a, ul.sidebar-list li a:visited{
	color:#9b9b9b;
	text-decoration:none;
	background-image:url(../img/arrow-4.png);
	background-position:0px 3px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 16px;
}
ul.sidebar-list li a:hover{
	color:#b1b1b1;
	text-decoration:none;
	background-image:url(../img/arrow-4.png);
	background-position:0px 3px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 16px;
}


/* ABOUT
------------------------------------------------------*/
.about-column1{
	width:233px;
	margin-right:30px;
	float:left;
}
.about-column2{
	width:697px;
	float:left;
}
.about-shadow{
	width:233px;
	height:317px;
	background-image:url(../images/about-shadow.png);
	background-position:center bottom;
	background-repeat:no-repeat;
}
.about-column-left{
	width:333px;
	margin:10px 30px 10px 0px;
	float:left;
}
.about-column-right{
	width:333px;
	margin:10px 0px 20px 0px;
	float:left;
}
ul.team-list{
	width:697px;
	margin:16px 0px 28px 0px;
	list-style-type:none;
	float:left;
}
ul.team-list li{
	width:159px;
	margin:0px 20px 0px 0px;
	float:left;
}
ul.team-list li.team-last{
	width:159px;
	margin-right:0px;
	float:left;
}



/* COLUMN
------------------------------------------------------*/
/* used for 4 column */
.col-214 { 
	display:inline-block;
	width:214px !important;
	vertical-align:top;
	padding:0px 0px 0px 0px !important;
	margin-right:30px;
}
.col-214-last { 
	display:inline-block;
	width:214px !important;
	vertical-align:top;
	padding:0px 0px 0px 0px !important;
	margin-right:0px;
}

/* used for 3 column */
.col-297 { 
	display:inline-block;
	width:297px !important;
	vertical-align:top;
	padding:0px 0px 0px 0px !important;
	margin-right:30px;
}
.col-297-last { 
	display:inline-block;
	width:297px !important;
	vertical-align:top;
	padding:0px 0px 0px 0px !important;
	margin-right:0px;
}

/* used for 2 column */
.col-461 { 
	display:inline-block;
	width:461px !important;
	vertical-align:top;
	padding:0px 0px 0px 0px !important;
	margin-right:30px;
}
.col-461-last { 
	display:inline-block;
	width:461px !important;
	vertical-align:top;
	padding:0px 0px 0px 0px !important;
	margin-right:0px;
}
.col-629 { 
	display:inline-block;
	width:629px !important;
	vertical-align:top;
	padding:0px 0px 0px 0px !important;
	margin-right:30px;
}
.col-629-last { 
	display:inline-block;
	width:629px !important;
	vertical-align:top;
	padding:0px 0px 0px 0px !important;
	margin-right:0px;
}

/* column for faq */
.col-292 { 
	display:inline-block;
	width:292px !important;
	vertical-align:top;
	padding:0px 0px 0px 0px !important;
	margin-right:20px;
}
.col-292-last { 
	display:inline-block;
	width:292px !important;
	vertical-align:top;
	padding:0px 0px 0px 0px !important;
	margin-right:0px;
}