/** GLOBAL RESETS **/
:link,:visited {text-decoration:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;font-weight:bold;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
a img,:link img,:visited img {border:none}

/** GLOBAL SETS **/
.clear {clear:both;}
body {
	text-align:center;
	font-family:arial, "lucida Grande", verdana, helvetica, sans-serif;
	font-size: 14px;
	background: #FFFFFF url("images/headerbg.png") top left repeat-x;
	color:#444;
	}
.wrapper {
	margin-left:auto;
	margin-right:auto;
	width:950px;
	}
/* GLOBAL ICONS */
.new {
        padding-right:20px;
	background-image: url("images/new.png");
        background-position:top right;
        background-repeat: no-repeat;
        }
.newwin {
        padding-right:11px;
	background-image: url("images/new_window.png");
        background-position: top right;
        background-repeat: no-repeat;
        }
.attention {
        padding-left:20px;
	background-image: url("images/attention.png");
        background-position: 0px 2px;
        background-repeat: no-repeat;
        }
.information {
        padding-left:20px;
	background-image: url("images/information.png");
        background-position: 0px 2px;
        background-repeat: no-repeat;
        }
.windows {
        padding-left:20px;
	background-image: url("images/windows.png");
        background-position: 0px 2px;
        background-repeat: no-repeat;
        }
/* BUTTONS */	
.buttons {
        position: relative;
        height: 20px;
}
a.addtocart {
        text-indent:-9999px;
        position: absolute;
        right: 0px;
	background-image: url("images/addtocart.png");
        background-position: center center;
        background-repeat: no-repeat;
        width:115px;
        height: 20px;
        overflow:hidden;
        }
a.addtocart:hover {
	background-image: url("images/addtocart_hover.png");
}
/* GLOBAL TINY ELEMENTS */	
#top-link { 
        display:none; 
        position:fixed; 
        right:5px; 
        bottom:2px; 
        line-height:32px;
        width: 32px;
	background: url("images/go_top.png") center center no-repeat;
        }

/* CHILD STYLING */
.smaller { 
        font-size:90%; 
        }
	
/* HEADER */
#header {
	position:relative;
	height:140px;
	text-align:left;
	}
#header .logo{
	position:absolute;
	top:8px;
	left:0px;
	color:#FFF;
	font-family:arial;
	font-weight:bold;
	font-size:32px;
	}
#header .tagline{
	color:#ccc;
	font-family:arial;
	font-size:13px;
	position:absolute;
	top:55px;
	left:0px;
	}
#header .banner {
        height: 60px;
        position:absolute;
	top:14px;
	right:0px;
        }
#header #nav{
	position:absolute;
	top:89px;
	left:0px;
	color:#132430;
	color:#FFF;
	font-size:13px;
        font-weight: bold;
	list-style:none;
	}
        #header #nav li {
                float:left;
                border-right:1px solid #cecece;
                }
        #header #nav li:first-child {
                border-left:1px solid #cecece;
                }
	#header #nav li a {
                padding:9px 15px 9px;
                line-height:33px;
		color:#3A4346;
	        }
	#header #nav li.current a,
	#header #nav li a:hover {
                color:#fff;
		background:#1065ae url('images/navbg.png') 0px 0px repeat-x;
	        }


	
	
/* BODY */

#bodycontent {
	width:635px;
	float:left;
	text-align:left;
	}
#bodycontent .post {padding:0 0 30px 0;}
#bodycontent .post h1 {
        font-weight: normal;
	font-family:arial;
	font-size:26px;
	color:#3A4346;
	line-height:30px;
	margin:0 0 15px 0;
	padding:0 0 5px 0;
	border-bottom:1px dotted #b8b8b8;
	}
#bodycontent .post p {
	margin:0 0 15px 0;
	line-height: 20px;
	}
	#bodycontent .post ul, #bodycontent .post ol {
	margin:0 0 18px 35px;
	line-height: 20px;
	}
	#bodycontent .post ul ul, #bodycontent .post ol ul, #bodycontent .post ul ol, #bodycontent .post ol ol {
        margin:0 0 5px 25px;
	line-height: 20px;
	}
	#bodycontent .post blockquote {
	margin:0 0 18px 30px;
	line-height: 19px;
	font-size:13px;
	color:#666;
	font-style:italic;
	}
	#bodycontent .post code {
	font-size:12px;
	color:#666;
	padding:2px;background:#fafafa;
	border:1px solid #eee;
	}
	#bodycontent .post pre code {
	display:block;
	font-size:12px;
	color:#666;
	padding:8px;background:#fafafa;
	border:1px solid #eee;
	margin-bottom:18px;
	}
	#bodycontent .post h2 {
	color:#3A4346;
	padding:12px 0;
	font-size:17px;
	}
	#bodycontent .post h3 {
	color:#3A4346;
	padding:12px 0;
	font-size:17px;
	}
	#bodycontent .post h4 {
	color:#3A4346;
	padding:12px 0;
	font-size:15px;
	}
	#bodycontent .post a:link, #bodycontent .post a:visited {
		color:#176fba;
		text-decoration:none;
		}
	#bodycontent .post a:hover {
		color:#ff6500;
		text-decoration:none;
		}
	#bodycontent .post .meta {
		margin-top:20px;
		font-size:11px;line-height:18px;
		color:#555;
		border:1px dotted #ccc;
		background:#f9f9f9;
		padding:8px;
                }
        #bodycontent .post .details {
                position: relative;
                top: -10px;
                font-size:12px;
                color: #cc6600;
                }
        #bodycontent .post .details strong {
                color:#808080;
                }
        #bodycontent .post div.thumbnails {
                padding: 0px 20px 20px;
                }
        #bodycontent .post div.thumbnails img {
                -moz-border-radius: 3px; /* Firefox */
                -webkit-border-radius: 3px; /* Safari, Chrome */
                border-radius: 3px; /* CSS3 */
                padding: 3px;
                border: 1px solid #999;
                width:106px;
                }
        #bodycontent .post div.thumbnails img:hover {
                background-color: gold;
                }
        #bodycontent .post div.gallery {
                text-align: center;
                }
        #bodycontent .post div.gallery img {
                padding: 2px;
                background-color: #f0f0f0;
                border: 1px solid #dfdfdf;
                }
        #bodycontent .post div.gallery h4 {
                color:#777;
                margin-top:10px;
                padding:12px 0;
                font-size:14px;
                }
        #bodycontent .post div.gallery h4:first-child {
                margin-top:0px;
        }
        #bodycontent .post div.gallery h4 a {
                font-weight: normal;
                }

/* CONTACT FORM */

.contactform {margin:0 0 20px 0;}
.contactform b {display:block;}
.contactform input.text, .contactform textarea, .contactform select {width:250px;padding:4px;font-family:arial;font-size:13px;margin:2px 0 7px 0;}
.contactform textarea {height:150px;width:350px;}
.contactform input#contact-submit {padding:4px;width:150px;font-weight:bold;}
.contactform p.contactmsg {padding:4px;border:1px solid #ccc;background:#f9f9f9;font-weight:bold;}
.contactform p.success {color:#00CC33;}
.contactform p.error {color:#CC0000;}
.pot {display:none;}



/* SIDEBAR */

#sidebar {
	width:290px;
	float:right;
	text-align:left;
	font-size:13px;
        position:relative;
        background:url("images/sidebarbg.jpg") repeat-y scroll left top transparent;
        margin-bottom:20px;
	}
	#sidebar .top,
        #sidebar .bottom {
                width: 23px;
                display:block;
                position: absolute;
                z-index:1;
                }
	#sidebar .top {
                height:139px;
                left:0;
                top:0;
                background:url("images/sidebarbgtop.jpg") no-repeat scroll left top transparent;
                }
	#sidebar .bottom {
                height:84px;
                bottom:-1px;
                top:auto;
                background:url("images/sidebarbgbottom.jpg") no-repeat scroll left bottom transparent;
                }
	#sidebar .featured {
                position: relative;
		color:#444;
		font-family:arial;
		line-height:17px;
                z-index:2;
                padding: 14px 0px 14px 25px;
                }
	#sidebar .featured .block {
                margin-left: 15px;
                }
	#sidebar .featured h2 {         /* block title */
		color:#3A4346;
		border-bottom: 1px dotted #b8b8b8;
		font-family:arial;
		font-size:17px;
		line-height:17px;
		padding:0 0 4px 0;
		margin:0 0 10px 0;
		}
	#sidebar .featured h3 {         /* platform title */
		color:#777;
		font-family:arial;
		font-size:14px;
		line-height:14px;
		margin:0px 0 10px 0;
		}
	#sidebar .featured p {
		margin:0 0 17px 0;
		}
	#sidebar a:link, #sidebar a:visited {
		color:#176fba;
		text-decoration:none;
		}
	#sidebar a:hover {
		color:#ff6500;
		text-decoration:none;
		}
	#sidebar .featured a:link, #sidebar .featured a:visited {
		color:#176fba;
		text-decoration:none;
		}
	#sidebar .featured a:hover {
		color:#ff6500;
		text-decoration:none;
		}
	#sidebar ul, #sidebar ol {
		margin:0 0 18px 30px;
                }
	#sidebar .featured .block > ul {
                    list-style-type:none;
                    padding:0px;
                    margin:0px 0px 15px 15px;
                }
	#sidebar .featured .block > ul > li {
                background: url('images/bullet.png') no-repeat 0px 0px;
                padding-left: 18px;
                }



/* FOOTER */

#footer_container {
	background: url('images/footerbg.png') repeat-x scroll 0 0 #525252;
        }
#footer {
	text-align:left;
	line-height:18px;
	font-size:12px;
	color:#3A4346;
	padding:15px 0 15px 0;
	}
	#footer p.left-footer {text-align:left;float:left;width:450px;}
	#footer p.right-footer {text-align:right;float:right;width:450px;}
	
	#footer a:link, #footer a:visited {
		color:#176fba;
		text-decoration:none;
		}
	#footer a:hover {
		color:#ff6500;
		text-decoration:none;
		}



/* Home Gallery */

#bodycontent .post #hosting {
    padding:10px 0;
    text-align:center;
    font-weight:bold;
    margin: 0 auto 15px;
    width:85%;
    height:40px;
    line-height:40px;
    background: url('images/hosting_server.png') no-repeat left center;
}
#bodycontent .post .icon_block {
    margin-top:50px;
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari, Chrome */
    border-radius: 10px; /* CSS3 */
    behavior: url("/PIE.htc"); /* IE */
    background: #d4d4d4 url('images/bg_block.png') no-repeat center top;

}
#bodycontent .post .icon_block > h2 {
        text-align: center;
        width:250px;
        margin: 0 auto;
	color:#fff;
	padding:5px 0;
	font-size:14px;
        background: #535353 url('images/icon_block_title_bg.png') repeat-x;
        position: relative;
        top: -13px;
        -moz-border-radius: 18px; /* Firefox */
        -webkit-border-radius: 18px; /* Safari, Chrome */
        border-radius: 18px; /* CSS3 */
        behavior: url("/PIE.htc"); /* IE */
}
#bodycontent .post .icon_block > h2 span {
    color: gold;
}
#bodycontent .post ul.home_gallery {
    list-style:none outside none;
    margin:0 0;
    padding: 0px;
}

#bodycontent .post ul.home_gallery li {
    border: 1px solid #A3A3A3;
    background: #fff;
    display:inline;
    float:left;
    margin-left:7px;
    margin-bottom:7px;
    padding:0;
    text-align:center;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
    border-radius: 3px; /* CSS3 */
    behavior: url("/PIE.htc"); /* IE */
}
#bodycontent .post ul.home_gallery li a.thumb {
    cursor:pointer;
    width:142px;
    height:127px;
    padding:3px;
}
#bodycontent .post ul.home_gallery li a.thumb:hover {
    background-color: gold;
}
#bodycontent .post ul.home_gallery li a {
    color:#222;
    font-size:12px;
    display:block;
    text-decoration:none;
    font-weight:bold;
}
#bodycontent .post ul.home_gallery li a:hover {
    color:#463800;
}
#bodycontent .post ul.home_gallery li h2 {
    color:#fff;
    background: #A3A3A3;
    font-size:10px;
    padding:0px 3px;
    line-height:14px;
    display:table-cell;
    vertical-align:middle;
    width: 142px;
}

/* OTHERS */

#bodycontent .post .indent_paragraph p {
    margin-left: 30px;
}
#bodycontent .post .indent_paragraph p img {
    margin: 20px 0;
    border: 3px solid #dbdbdb;
}