@charset "utf-8";
/* CSS Document central holder for styles 
this file contains the main layout styles for the page 
*/

/* all files are imported */
@import url(reset.css);
@import url(typography.css);
@import url(media.css);
@import url(ie.css);


/* ie transparency fixes */
#logo, #homeimage, .thumblink.css, .thumblink.cms, .thumblink.ecom { _behavior: url("../js/iepngfix.htc") }

body {
	background:#010101 url(../img/bg.jpg) scroll no-repeat center top;
}
/* page structure */

div {
	/* border:1px solid red; */
}
#wrap {	width:960px;margin:0 auto;background:transparent;}

#header {padding-top: 20px;}
#headerleft {width:220px;float:left;padding-right:20px;	border-right:1px dashed #FFFFFF;	height:400px;}
#headerright {	width:710px;	float:right; overflow:hidden;}
.servicespage #headerright {_width:700px;border:1ps solid green;}

#main {	background:transparent url(../img/page_overlay.png) scroll no-repeat 0 0;	margin-top:20px; }
.col {width:295px;	height:200px;	position:relative;	float:left;	clear:none;	padding:10px; }
.readmore {	display:inline-block; background:transparent url(../img/port_bg.png) scroll no-repeat right top; 	color:#FFFFFF;	text-transform:uppercase;	padding:5px 10px;	text-decoration:none; }
.col .readmore {position:absolute;	bottom:0; }

#servicelist .col {height:100px;}
#packagelist {padding-top:10px;}
#packagelist .col {width:670px; margin-bottom:10px; height:auto; border:1px solid #666666; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
#packagelistincludes li { list-style-image:url(../img/ticks.png); margin-left:30px; _list-style:circle; _list-style-image:none;}
#packagelist h3 {margin-top:0;}

#footer {float:left; clear:both; padding:10px 0; height:100px; width:100%; position:relative;}
#footer p{text-align:center;font-size:1em;	padding-top:10px; float:left;clear:both;}
#footer ul li {float:left; padding:0 10px;}
#footer #linkedinicon {position:absolute; right:0; bottom:0;}

/* other styles */
hr, .hide {	display:none;}

/* self clearing floats */
.group:after {	content: ".";	display:block;	height:0;	clear:both;	visibility:hidden;}

/* about page */
#portrait {border: 3px solid #000000;float:right;margin-left:40px;}


/* portfolio styles */
#portfolio {margin-top:0; }
#portfolio li {	display:block;	width:197px;	height:180px;	float:left;	clear:none; overflow:hidden; position:relative; background:transparent url(../img/port_bg.png) scroll repeat 0 0; margin:5px 15px; 0 15px;}
#portfolio li img { border:3px solid #000000;}

.thumblink {width:185px; height:20px;padding:150px 0 0 10px; position:absolute; top:0; left:0; z-index:2; text-decoration:none; color:#FFFFFF;}
.thumblink.css {background:transparent url(../img/port_ribon_html.png) scroll no-repeat right top; }
.thumblink.cms{background:transparent url(../img/port_ribon_cms.png) scroll no-repeat right top; }
.thumblink.ecom{background:transparent url(../img/port_ribon_ecommerce.png) scroll no-repeat right top; }

.details { width:200px; height:30px; display:block;  }
.details a { display:block; float:left; clear: none; padding:5px 15px; text-decoration:none;}
.visitsite {position:absolute; right:0; bottom:7px; z-index:3;display:block;}

/* form styling */

.basicform { padding-left:15px; }
.basicform label{ display:block; font-weight:bold; padding:10px 0 5px 0;}
.basicform label.error{ display:block; font-weight:normal; padding:0 0 0 0; color:#FFFF00;}
.holder {width:300px; float:left; }
.inputfield { width:250px;}
.basicform textarea { width:550px; height:100px;}
.basicbtn { color:#FFFFFF; background:transparent url(../img/port_bg.png) scroll repeat 0 0; border:none; margin:10px 0 0 0; padding:5px 10px; cursor:pointer;}
.contactintro, .pageintro {padding-left:15px; }
.row {height:auto;float:left;width:100%;}