/* Base
------------------------------------------------------*/

* { margin: 0; padding: 0; }
body { font: normal 0.75em/145% calibri; color: #333; text-align: center; background-color: #fff; }
p { margin: 0 0 10px 0; line-height: 140%; color: #333; font: normal 13px calibri;}
a { outline: none; text-decoration: underline; color: #f30; }
a:hover { text-decoration: none; }
ul { list-style: none;}
.hide { display: none; border: none; }
img { border: 0; }
.padd-05 { padding: 5px; }
.padd-10 { padding: 10px; }
.padd-15 { padding: 15px; }
.padd-20 { padding: 20px; }




/* Clearing method
------------------------------------------------------*/

.clearfix:after	{ content:".";  display:block;  clear:both;  visibility:hidden;  line-height:0;  height:0; }
.clearfix	{ display:inline-block; }
html[xmlns] .clearfix	{ display:block; }
* html .clearfix	{ height:1%; }
.clear	{ clear:both; }


/* Layout
------------------------------------------------------*/

#page-container { width: 960px; margin: 0 auto; background-color: #fff; text-align: left; z-index: 100;}
.page-container-inner { padding: 0px 30px 20px 30px; }
#page-header { padding: 0 0 20px 0; }
#page-nav-top { margin: 0 0 20px 0; }
#content-container { margin: 0 0 20px 0; padding: 10px 0 40px 0; background: url("../images/h_line_sep_center.gif") no-repeat 50% 100%; }
#main-content { width: 590px; float: left; } 
#main-content.wide { width: auto; float: none; } 
#sidebar { width: 280px; float: right; }
#page-copy { width: 920px; margin: 30px 0 0 -10px; background: url("../images/h_line_sep_end.gif") no-repeat 50% 0%; text-align: center; color: #999; padding-top: 25px; }


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

#page-header h1 { padding-top: 20px; }
#page-header h1 a { display: block; text-indent: -9999px; width: 400px; height: 70px; background: url("../images/logo.jpg") no-repeat 0% 0%; }
#page-header ul { float: right; padding: 4px 9px; background:#666;}
#page-header ul li { float: left; padding-right: 10px; margin-right: 10px; border-right: 1px solid #ddd;font-size: 1.1em;text-align:right; }
#page-header ul li.last { padding-right: 0; margin-right: 0; border-right: none;color:#fff;}
#page-header ul li a { text-decoration: none; color: #fff;font-size: 1.1em;}
#page-header ul li a:hover { color: #ccc; }
#page-header ul li.current a { color: #333; }


/* Page navigation
------------------------------------------------------*/

#page-container .page-navigation { width: 900px; background: #fff; border-top:1px dotted #ccc;border-bottom:1px dotted #ccc; }
.page-navigation ul { background: #fff;}
.page-navigation ul li { float: left; padding: 10px 4px;  }
.page-navigation ul li a { display: block; font-weight: bold; font-size: 1.2em; color: #333; text-decoration: none; border-right: 1px dotted #ccc; padding: 4px 29px; }
.page-navigation ul li a:hover { color: #f30; }
.page-navigation ul li.last a { border: none; }
.page-navigation ul li.current a { color: #f30; }
.page-navigation ul li.currentlast a { color: #f30;border: none; }

#motto {width:900px; height:90px; outline:0;margin-bottom:0px;background: url("../images/motto.jpg") no-repeat;}

#motto_webdesign {width:900px; height:90px; outline:0;margin-bottom:0px;background: url("../images/webdesign.jpg") no-repeat;}

#motto_host {width:900px; height:90px; outline:0;margin-bottom:0px;background: url("../images/webhosting.jpg") no-repeat;}

#motto_domains {width:900px; height:90px; outline:0;margin-bottom:0px;background: url("../images/domains.jpg") no-repeat;}

#motto_contact {width:900px; height:90px; outline:0;margin-bottom:0px;background: url("../images/contact.jpg") no-repeat;}

#effect {width:900px; height:450px; outline:0;margin-bottom:20px;background: url("../images/cw.jpg") no-repeat;}

#cu3er-container {width:900px; height:400px; outline:0;}

#effect-web {width:900px; height:300px; outline:0;margin-bottom:20px;background: url("../images/cw2.jpg") no-repeat;}

#cu3er-container-web {width:900px; height:250px; outline:0;}


/* Content - common 
------------------------------------------------------*/

#page-content h2 { font: normal 1.8em/120% Calibri; color: #000; border-bottom: 1px dotted #ccc; padding: 0 0 6px 0; margin: 0 0 10px 0; }
#page-content h2 em { line-height: 130%; display: block; font-size: 0.5em; font-style: normal; color: #888; margin-top: 5px; }
#page-content h2 a { font-size: 1.0em; font-weight: normal; color: #000; text-decoration: none; }
#page-content h2 a:hover { color: #f30; }



/* Content - main 
------------------------------------------------------*/

#main-content h2 { font-size: 2.4em; border: none; margin-bottom: 15px;color: #333; }
#main-content h2 span { color: #f30; }
#main-content h3 { font: normal 1.8em/110% calibri; color: #333; margin: 20px 0 10px 0; }
#main-content h4 { font: bold 1.4em/110% calibri; color: #f30; margin: 20px 0 10px 0; }
#main-content p { font: normal 1.2em/130% calibri; }
#main-content p ul{ font: normal 1.2em/130% calibri; }
#main-content p ul li{ font: normal 1.2em/130% calibri; }
#main-content img { margin: 0 0 10px 0; padding: 4px; border: 1px dotted #ccc; }
#main-content img.head-one { float: right; margin: 5px 0 10px 20px; }
#main-content img.head-two { float: left; margin: 5px 20px 15px 0; }
#main-content img.head-three { margin: 0 0 15px 0; }





/* Content  
------------------------------------------------------*/

#cols li { width: 280px; float: left; margin: 0 30px 10px 0; }
#cols li.last { float: right; margin-right: 0; }
#cols li.clear { width: 100%; margin-right: 0; }
#cols li img { float: left; padding: 3px; border: 1px solid #ccc; margin: 4px 10px 3px 0; }
#cols li a.more { display: inline-block; color: #fff; text-decoration: none; background-color: #f30; font-weight: bold; padding: 2px 10px 2px 10px; border-left: 0px solid #f30; }
#cols li a.more:hover { background-color: #333; color: #fff; }
#cols li a.cat { background-color: #444; border-color: #f30; }

#cols li .post p a { font-weight: bold; }

#cols li .post-list { margin: 30px 0 20px 0; }
#cols li .post-list li { float: none; background: url("../images/page_16.png") no-repeat 0% 5%; padding: 0 0 5px 20px; margin: 0 0 5px 0; border-bottom: 1px dotted #cbcbcb; color: #888; }
#cols li .post-list li h3 { font-size: 1.0em; }
#cols li .post-list li h3 a { color: #000; }

#posts-list li { padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: 1px dotted #ccc; }
#posts-list li.last { border: none; }
#posts-list li img { display: block; float: left; }
#posts-list li .post-summary { width: 385px; float: right; }
#posts-list li h3 { font: normal 1.6em/110% Calibri; color: #333; margin: 0 0 3px 0; }
#posts-list li h3 a { color: #333; text-decoration: none; }
#posts-list li h3 a:hover { text-decoration: underline; }
#posts-list li cite { display: block; font-style: normal; color: #777; margin-bottom: 10px; }
#posts-list li a.detail { font-weight: bold; color: #454545; text-decoration: none; background: url("../images/bullet_1.gif") no-repeat 0% 50%; padding-left: 12px; }
#posts-list li a.detail:hover { color: #f30; }

#posts-list.style-three li img { float: right; }
#posts-list.style-three li .post-summary { float: left; }

/* Content - portfolio 
------------------------------------------------------*/

#portfolio-list li { margin-bottom: 20px; }
#portfolio-list li li { width: 280px; float: left; margin: 0 30px 0 0; }
#portfolio-list li.last { margin-right: 0; }
#portfolio-list .portfolio-item-thumb { position: relative; height: 160px; margin: 0 0 10px 0; }
#portfolio-list li p { padding: 0 5px 0 5px; }




/* Page content - forms
------------------------------------------------------*/

#main-content fieldset { margin: 30px 0px 20px 0px; border: none; } 
#main-content label { display: block; font-weight: bold; color: #444; float: left; width: 150px; margin: 0px 0px 10px 0px; } 
#main-content input, #main-content textarea { display: block; float: left; width: 250px; background-color: #fff; border: 1px solid #ccc; font-size:1.1em; margin: 0px 100px 10px 0px; padding: 4px; } 
#main-content textarea { width: 320px; height: 150px; } 
#main-content input:focus, #main-content textarea:focus { border-color: #444; } 
#main-content input.submit { display: block; float: left; width: 130px; background-color: #444; border: 1px solid #444; font-weight: bold; color: #fff; margin: 10px 0px 10px 150px; padding: 4px; } 


/* Content - sidebar 
------------------------------------------------------*/

#sidebar { background: url("../images/bg_sidebar_shadow.gif") no-repeat 50% 100%; padding: 0 0 15px 15px;  border-left:1px dotted #ccc;}
#sidebar .inner { background-color: #fff; padding: 1px; }

#sidebar h3 { font: bold 1.3em/120% Calibri; color: #333; padding: 0px 0 6px 0px; margin: 0 0 10px 0; border-bottom: 1px dotted #ccc; }
#sidebar h4 { font-size: 1.1em; margin: 0; }

#sidebar cite { display: block; color: #999; font-style: normal; margin-bottom: 3px; }
#sidebar cite em { color: #f30; font-style: normal; }

#sidebar ul { border: 1px solid #fff; padding: 12px; }
#sidebar ul ul { border: none; padding: 0; }
#sidebar li { margin-bottom: 25px; }
#sidebar li a { color: #444; }
#sidebar li li { padding: 4px 0 4px 0; margin: 0; background: none; border-bottom: 1px dotted #bbb; }

#sidebar li.livechat li { border: none; margin: 0 0 1px 0; padding: 0; height: 1%; }
#sidebar li.livechat li a { display: block; color: #444; font-size: 1.1em;font-weight: bold; text-decoration: none; background: #ccc; padding: 4px 0 4px 4px;  }
#sidebar li.livechat li.current a { color: #f30; background-color: #e9e8e7;}
#sidebar li.livechat li a:hover { background-color: #f30; color:#fff; }

#sidebar li.followus ul { padding-top: 3px; text-align:left; }
#sidebar li.followus li { border: none; margin: 0 0 1px 0; padding: 0; height: 1%; display: inline;}
#sidebar li.followus li a { display: inline;  }

#sidebar li.recentposts li { border-color: #ccc; }
#sidebar li.recentposts li a { text-decoration: none; }
#sidebar li.recentposts li a:hover { color: #f30; }


/* Page copy
------------------------------------------------------*/
#page-copy {border-top:1px dotted #ccc; background:#fff; color: #333; }
#page-copy a { color: #333; }