html,body{
	height:100%; margin:0; padding:0; background:#FFF;
}

body{
	background:url(/images/topbg.gif) repeat-x top;
}

*{
	margin:0; font-family:"Arial", san-serif; font-size:12px; color:#363636;
}

/* General */

a{
	color:#363636; outline:0;
}
a:hover{
	text-decoration:none;
}
p{
	padding:10px 0 10px 0;
}
.hide{
	display:none;
}
img{
	border:0; outline:0;
}
.notop{
	margin-top:0; padding-top:0;
}
a.blulink{
	color:#4B7D99;
}
span.tiny{
	font-size:10px; color:#C1C1C1;
}
.nobord{
	border:0;
}
.inline{
	display:inline;
}
.block{
	display:block;
}
.fltright{
	float:right;
}

/***************** Main holding div ******************/

div#holder{
	width:897px; padding:0;  min-height: 100%; height: auto !important; height: 100%;
	margin: 0 auto -192px auto; /* the bottom margin is the negative value of the footer's height */
}

/******************* Header *****************/

div#header{
	height:72px; background:url(/images/topr.jpg) no-repeat top right;
}

div#header h1{
	float:left; width:466px; height:72px; margin:0; padding:0; border:0; background:url(/images/logo.jpg) no-repeat top left;
}

div#header h1 a{
	float:left; display:block; width:466px; height:72px;
}

/* Top nav */

div#header ul{
	float:left; list-style:none; width:309px; margin:0; padding:0 0 0 122px;
}

div#header ul li{
	float:left; list-style:none; margin:0; padding:0;
}

div#header ul li a{
	float:left; display:block; height:72px; margin:0; padding:0;
}

div#header ul li#page1 a{
	width:82px;
}
div#header ul li#page2 a{
	width:70px;
}
div#header ul li#page3 a{
	width:64px;
}
div#header ul li#page4 a{
	width:93px;
}

/* Hovers and current tabs */

div#header ul li#page1 a:hover{
	background:url(/images/tab1roll.gif) no-repeat top left;
}
body#phome div#header ul li#page1 a{
	background:url(/images/tab1roll.gif) no-repeat top left;
}
div#header ul li#page2 a:hover{
	background:url(/images/tab2roll.gif) no-repeat top left;
}
body#pwork div#header ul li#page2 a{
	background:url(/images/tab2roll.gif) no-repeat top left;
}
div#header ul li#page3 a:hover{
	background:url(/images/tab3roll.gif) no-repeat top left;
}
body#pblog div#header ul li#page3 a{
	background:url(/images/tab3roll.gif) no-repeat top left;
}

div#header ul li#page4 a:hover{
	background:url(/images/tab4roll.gif) no-repeat top left;
}
body#pcontact div#header ul li#page4 a{
	background:url(/images/tab4roll.gif) no-repeat top left;
}

/***************** Mid Content *****************/

div#mainmid{
	float:left; width:661px; height:230px; margin:0 9px 0 0; padding:0; background:url(/images/topimg.jpg) no-repeat top left; 
	line-height:18px;
}

html>body div#mainmid{
	min-height:230px; height:auto;
}

div#mainmid a{
	color:#C27A7A;
}

/* Main Bit at the top */

div#toparea{
	height:240px; margin:0; padding:0;
}
html>body div#toparea{
	min-height:240px; height:auto; overflow:hidden;
}

div#toparea h2{
	display:none; 
}

div#toparea h3{
	margin:0; padding:60px 340px 0 0; font-size:16px; color:#D98C8C; line-height:21px;
}

/******** Two Column ***********/

div.twocol{
	height:50px; padding:0 0 20px 0; background:url(/images/dot.gif) repeat-x bottom;
}
html>body div.twocol{
	min-height:50px; height:auto; overflow:hidden;
}

div.col1{
	float:left; width:320px; padding:0 10px 0 0; margin:0 10px 0 0; background:url(/images/dot.gif) repeat-y right;
}

div.col2{
	float:left; width:321px;
}

div.col2:after{
	clear:both;
}

/* Mid content sub headings */

h4.sub{
	height:28px; margin:0; padding:0; border:0;
}

h4#sub1{
	background:url(/images/sub-about.gif) no-repeat top left;
}
h4#sub2{
	padding:0 0 12px 0; background:url(/images/sub-snap.gif) no-repeat top left;
}
h4#sub3{
	padding:20px 0 0 0; background:url(/images/sub-feat.gif) no-repeat bottom left;
}
h4#sub4{
	background:url(/images/sub-portfolio.gif) no-repeat bottom left;
}
h4#sub5{
	background:url(/images/sub-blog.gif) no-repeat bottom left;
}
h4#sub6{
	background:url(/images/sub-contact.gif) no-repeat bottom left;
}
h4#sub7{
	background:url(/images/sub-flash.gif) no-repeat bottom left;
}

/********** Design Snapshot ***********/

img.snapshot{
	border:3px solid #E1E1E1;
}
img.snapshot:hover{
	border:3px solid #DEDCC4;
}

ul.botlinks{
	list-style:none; margin:0; padding:0;
}

ul.botlinks li{
	display:inline; padding:0 5px 0 5px; border-right:1px solid #C27A7A;
}


/********** Featured Projects *************/

div.newport{
	clear:both; height:160px; margin:0 0 20px 0; padding:10px 0 20px 0; background:url(/images/dot.gif) repeat-x bottom;
}
html>body div.newport{
	height:auto; min-height:160px; overflow:hidden;
}

div.newport p{
	padding:10px 325px 10px 0;
}

div.newport img{
	border:3px solid #E1E1E1; margin:0;
}
div.newport img:hover{
	border:3px solid #DEDCC4;
}

div.featproj{
	clear:both; height:160px; padding:10px 0 10px 0;
}

html>body div.featproj{
	height:auto; min-height:160px;
}

div.featproj img{
	float:left; border:3px solid #E1E1E1; margin:0;
}

div.featproj img:hover{
	border:3px solid #DEDCC4;
}

div.featproj h4 a, div.featproj h4{
	margin:0; padding:0; border:0; font-size:14px; font-weight:normal;
}

div.featprojin{
	 margin:0 0 0 335px;
}

/**************** Right Nav ******************/

div#rightnav{
	float:left; width:227px; height:50px; padding:10px 0 0 0;
}

html>body div#rightnav{
	min-height:50px; height:auto;
}

div.rbox{
	height:10px; margin:0 0 20px 0; padding:5px; border:1px dashed #C7C7C7;
}

html>body div.rbox{
	min-height:10px; height:auto; overflow:hidden;
}

div.rbox ul{
	list-style:none; margin:0; padding:0; 
}

div.rbox ul li{
	margin:0 0 3px 0; padding:0 0 10px 0; background:url(/images/dot.gif) repeat-x bottom;
}

/* Latest updates styling */

ul.rupdates li, ul.rupdates li a{
	font-size:11px;
}

.opac{
	opacity:.25; filter:alpha(opacity=25);
}

/* Latest Blog Updates */

div.rbox ul.rblogup li{
	padding:5px 0 10px 15px; background:url(/images/rbul.gif) no-repeat top left;
}

div.rbox ul.rblogup li.blubg{
	background:url(/images/blubg.gif) no-repeat top left;
}

span.rbotlink a{
	display:block; padding:5px 0 5px 0; color:#4B7D99;
}

/* Up and down arrows for updates */

ul#newold{
	float:right; list-style:none; margin:0; padding:0;
}

ul#newold li{
	display:inline; margin:0; padding:0 5px 0 0; background:0;
}

/* Sub Headings */

h4.rsub{
	height:28px; margin:0; padding:0; border:0;
}

h4#rsub1{
	background:url(/images/rsub-latest.gif) no-repeat top left;
}
h4#rsub2{
	background:url(/images/rsub-comments.gif) no-repeat top left;
}
h4#rsub3{
	background:url(/images/rsub-flash.gif) no-repeat top left;
}
h4#rsub4{
	background:url(/images/rsub-emot.gif) no-repeat top left;
}
h4#rsub5{
	background:url(/images/sub-links.gif) no-repeat top left;
}
h4#rsub6{
	background:url(/images/rsub-blog.gif) no-repeat top left;
}


/***************** Footer *********************/

div.push{
	height:192px; clear:both;
}

div#footer{
	height:114px; padding:78px 0 0 0; background:url(/images/footbg.gif) repeat-x top;
}

div#footinner{
	width:897px; height:113px; margin:0 auto 0 auto; background:url(/images/botbg.jpg) no-repeat top left;
}

div#footinner h3{
	height:69px; border:0; padding:0; background:url(/images/botlogo.gif) no-repeat top left;
}

div#footinner h3 a{
	display:block; width:320px; height:69px; margin:0; padding:0; 
}

ul.logolink{
	list-style:none; margin:0; padding:0 ;
}

ul.logolink li{
	display:inline; padding:0 10px 0 10px; color:#FFF; border-right:1px solid #FFF;
}

ul.logolink li a{
	color:#FFF;
}

ul.logolink li.nobord{
	border:0;
}

/******* Foot right ************/

div#footright{
	float:right; width:534px; padding:20px 0 0 0;
}

div#footright ul{
	list-style:none; margin:0; padding:0;
}

div#footright ul li{
	display:inline; padding:0 5px 0 5px; color:#FFF; border-right:1px solid #FFF; font-size:11px;
}

div#footright ul li a{
	color:#FFF; font-size:11px;
}

/************* Overlay *******************/

div#overlayHolder{
	position: absolute; top:0; left:0; z-index:102; width:650px; background:#FFF; padding:10px;
}

div#overlay{
	position: fixed; top:0; left:0; z-index:100; width:100%; height:100%; background:#000; opacity: .75; filter: alpha(opacity=75); -moz-opacity: 0.75;
}
* html div#overlay { /* ie6 hack */
     position: absolute; top:0; left:0; 
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/********* Portfolio **********/

div#paging{
	height:15px; margin:0 0 10px 0; padding:5px 5px 10px 5px; background:url(/images/pagedot.gif) repeat-x bottom;
}
div#paging2{
	height:15px; margin:0 0 10px 0; padding:5px 5px 10px 5px; background:url(/images/pagedot2.gif) repeat-x top;
}

ul.plinks{
	float:right; list-style:none;
}

ul.plinks li{
	display:block; float:left; padding:0 4px 0 4px; border-right:1px solid #E5B1B1;
}

ul.plinks li a{
	display:block; float:left; width:16px; text-align:center;
}

ul.plinks li a:hover{
	background:#F0E3E3;
}

div#paging ul.plinks li.curlink a, div#paging2 ul.plinks li.curlink a{
	color:#000; text-decoration:none;
}

ul.plinks li.bknxt a{
	width:auto;
}

ul.plinks li.bknxt a:hover{
	background:0;
}

/********** Contact Form *************/

div.row{
	display:block; height:20px; padding:0 0 10px 0;
}
html>body div.row{
	min-height:20px; height:auto; overflow:hidden;
}

form#contactForm{
	padding:10px 0 0 0;
}

form#contactForm label{
	float:left; width:100px; 
}

form#contactForm textarea{
	width:70%; height:150px;
}

input#subbut{
	padding:0 0 0 100px; outline:0;
}

dl#failo{
	border:1px solid #DAACAC; background:#F5E9E9; padding:5px;
}

p#msgSuc{
	border:1px solid #C1DC98; padding:5px; background:#DBE9C6;
}

div.col3{
	float:left; width:30%; height:20px; margin:0 10px 0 0; padding:0 10px 0 0;
}

html>body div.col3{
	min-height:20px; height:auto; overflow:hidden;
}

div.col3 img{
	border:3px solid #E1E1E1; margin:0;
}
div.col3 img:hover{
	border:3px solid #DEDCC4;
}

/* Flash */

div#flashdiv{
	margin:0 0 10px 0; padding:0 0 10px 0; background:url(/images/dot.gif) repeat-x bottom;
}